diff --git a/public/assets/default_theme/css/base.css b/public/assets/default_theme/css/base.css index f9b0df05f6..75415f0b36 100644 --- a/public/assets/default_theme/css/base.css +++ b/public/assets/default_theme/css/base.css @@ -18,6 +18,7 @@ -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; + max-width: 100%; } body,html { @@ -59,6 +60,10 @@ blockquote,body,fieldset,form,html,input,pre,textarea { border: 0; } +fieldset { + all: unset; +} + :link img,:visited img,a img { border: 0; } @@ -149,10 +154,6 @@ p:not(:first-line) { margin-bottom: 10px; } -label { - max-width: 100%; -} - input[type=password],input[type=text],textarea { font-family: 'Open Sans',sans-serif; font-weight: 400; diff --git a/public/assets/default_theme/css/widgets/buttons.css b/public/assets/default_theme/css/widgets/buttons.css index af1b9d36a0..4d5f5e6c35 100644 --- a/public/assets/default_theme/css/widgets/buttons.css +++ b/public/assets/default_theme/css/widgets/buttons.css @@ -15,10 +15,18 @@ input[type=checkbox],input[type=radio] { cursor: pointer !important; width: 1rem !important; height: 1rem !important; + background: var(--accent) !important; } input[type=checkbox]:not(:hover,:focus),input[type=radio]:not(:hover,:focus) { - opacity: 75%; + background: var(--foreground) !important; +} + +input[type=checkbox],input[type=radio] { + border: unset !important; +} +input[type=radio] { + background: var(--background-hard) !important; } input[type=radio] { @@ -31,7 +39,6 @@ input[type=radio] { input[type=file] { all: unset; display: block; - width: 100%; font-family: 'Open Sans',sans-serif !important; font-weight: normal !important; padding: unset !important; @@ -135,11 +142,18 @@ button,input,select,textarea { -webkit-border-radius: .6rem; -moz-border-radius: .6rem; border-radius: .6rem; - background: var(--gradient) !important; border: 2px solid var(--border) !important; -webkit-box-shadow: var(--shadow); -moz-box-shadow: var(--shadow); box-shadow: var(--shadow); + width: inherit; + max-width: border-box !important; +} +button, select, textarea { + background: var(--gradient) !important; +} +button,input:not([type=checkbox], [type=radio]) { + background: var(--gradient) !important; } select { @@ -157,18 +171,6 @@ select>option { width: 1px; } -input[type=checkbox],input[type=radio] { - border: unset !important; -} - -input[type=radio] { - background-color: var(--background-hard) !important; -} - -input[type=checkbox] { - background-color: var(--border) !important; -} - button:focus,button:hover,input:focus,input:hover,select:focus,select:hover,textarea:focus,textarea:hover { -webkit-box-shadow: var(--shadow-inset-accent) !important; -moz-box-shadow: var(--shadow-inset-accent) !important; diff --git a/public/assets/default_theme/css/widgets/sections.css b/public/assets/default_theme/css/widgets/sections.css index a52a2e5909..4279aee092 100644 --- a/public/assets/default_theme/css/widgets/sections.css +++ b/public/assets/default_theme/css/widgets/sections.css @@ -1,12 +1,11 @@ - .profile { display: flex; flex-direction: column; flex-wrap: wrap; - font-family: 'Open Sans', sans-serif; - margin-bottom: 0.6rem; - border-radius: 0.6rem; - padding: 0.6rem; + font-family: 'Open Sans',sans-serif; + margin-bottom: .6rem; + border-radius: .6rem; + padding: .6rem; background: var(--gradient) !important; -webkit-box-shadow: var(--shadow); -moz-box-shadow: var(--shadow); @@ -20,23 +19,23 @@ .profile-info { display: flex; flex-wrap: wrap; - flex-direction: column + flex-direction: column; } .profile-info-nickname { - font-size: 1.3rem + font-size: 1.3rem; } .profile-info-tags { - margin: unset + margin: unset; } .profile-info-stats strong { - margin-right: 5px + margin-right: 5px; } .profile-info-stats { - margin-top: 0.6rem + margin-top: .6rem; } .profile-avatar { @@ -45,13 +44,13 @@ width: 100%; height: auto; margin-right: 5px; - border-radius: 2px + border-radius: 2px; } .section-widget { display: flex; flex-direction: column; - border-radius: 0.6rem; + border-radius: .6rem; margin-bottom: 1.3rem; background-color: var(--background-card) !important; box-shadow: var(--shadow); @@ -59,51 +58,51 @@ } .section-widget hr { - margin-bottom: 0.6rem + margin-bottom: .6rem; } .section-widget-padded { - padding: 0.6rem + padding: .6rem; } .section-title { font-size: 1.3rem; font-weight: 700; - margin: 0 + margin: 0; } .section-widget-button-like { - border-radius: 0.6rem; + border-radius: .6rem; padding: 6px 10px; margin-top: 6px; cursor: pointer; float: right; align-self: end; - font-family: 'Open Sans', sans-serif; - font-weight: 700 + font-family: 'Open Sans',sans-serif; + font-weight: 700; } .section-title-details { font-size: 1.3rem; font-weight: 700; - border-radius: 0.6rem; + border-radius: .6rem; padding: 6px 10px 6px 10px; background: var(--gradient) !important; } .section-title-details[open] svg { transform: rotate(180deg); - animation: fadeOut 200ms cubic-bezier(0, 0.55, 0.45, 1) + animation: fadeOut 200ms cubic-bezier(0,0.55,0.45,1); } .section-title-details:not([open]) svg { transform: initial; - animation: fadeIn 200ms cubic-bezier(0, 0.55, 0.45, 1) + animation: fadeIn 200ms cubic-bezier(0,0.55,0.45,1); } .section-title-summary { display: flex; - justify-content: space-between + justify-content: space-between; } .section-form { @@ -111,45 +110,44 @@ flex-direction: column; max-width: 100%; width: 100%; - padding: 0.6rem + padding: .6rem; } .section-form-legend { margin-top: unset; margin-bottom: 10px; font-weight: bold; - font-size: 1.62rem + font-size: 1.62rem; } .form-group { display: flex; flex-direction: column; - margin-bottom: 6px + flex-basis: border-box; + margin-bottom: var(--smaller); } .form-group textarea { height: 7rem; - max-height: 100% + max-height: 100%; } .help-block { - margin-bottom: 6px + margin-bottom: 6px; } .help-text { font-style: italic; font-size: 1rem; - margin-bottom: 6px + margin-bottom: 6px; } -.help-block > .list-unstyled, -.alert, -.alert-danger { +.help-block>.list-unstyled,.alert,.alert-danger { display: inline-block; - border: solid 2px #FF6347; + border: solid 2px #ff6347; background-color: #FF634733; - border-radius: 0.6rem; + border-radius: .6rem; padding: 2px 6px; margin-top: 6px; - margin-bottom: 6px + margin-bottom: 6px; } \ No newline at end of file