Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Moving color css to _light and non-color css out of it. #2345

Merged
merged 1 commit into from Jan 9, 2016
Merged

Moving color css to _light and non-color css out of it. #2345

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
65 changes: 17 additions & 48 deletions themes/default/css/_light/index_light.css
View file
Open in desktop
Expand Up @@ -68,7 +68,7 @@ body {

fieldset {
background: transparent;
border: 1px solid #CCCCCC;
border-color: #CCCCCC;
box-shadow: inset -1px -1px 3px #FEFEFE;
}

Expand Down Expand Up @@ -117,10 +117,9 @@ input[type="submit"], .drop_area_fileselect_text, button[type="submit"], input[t
/* These have standard body text size. Can be chained with smalltext class. */
.linkbutton:link, .linkbutton_right:link, .linkbutton_left:link,
.linkbutton:visited, .linkbutton_right:visited, .linkbutton_left:visited {
border: 1px solid #AFAFAF;
border-top: 1px solid #CFCFCF;
border-left: 1px solid #BFBFBF;
border-radius: 2px;
border-color: #AFAFAF;
border-top-color: #CFCFCF;
border-left-color: #BFBFBF;
background: #F4F4F4 linear-gradient(to bottom, #FEFEFE, #E4E4E4);
box-shadow: 1px 1px 2px #E4E4E4, 0 -1px 0 #E4E4E4 inset;
color: #585858;
Expand All @@ -129,70 +128,48 @@ input[type="submit"], .drop_area_fileselect_text, button[type="submit"], input[t
/* Hover effects. */
input[type="submit"]:hover, button[type="submit"]:hover, input[type="button"]:hover,
.linkbutton:hover, .linkbutton_right:hover, .linkbutton_left:hover {
border: 1px solid #CCCCCC;
border-top: 1px solid #AFAFAF;
border-left: 1px solid #AFAFAF;
border-color: #CCCCCC;
border-top-color: #AFAFAF;
border-left-color: #AFAFAF;
background: #F0F0F0;
box-shadow: 2px 1px 1px rgba(0, 0, 0, 0.07) inset;
color: #585858;
text-decoration: none;
}

/* the new "button" */
.new_posts, .new_posts:visited, .new_posts:link {
border-radius: 2px;
background: #27A348;
color: #FEFEFE;
}

/* approval indicator */
.require_approval {
border-radius: 4px;
background: #27A348;
color: #FEFEFE;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr {
border-top: 1px solid #BBBBBB;
border-left: 0;
border-top-color: #BBBBBB;
background: #EEEEEE;
}

strong, .bbc_strong {
color: #686868;
font-weight: bold;
}

/* Use demi bold font weight for some key areas */
.codeheader, .quoteheader,
.expand_pages,
.table_head > th,
.topic_sorting_row > h3, .topic_name h4 a,
.poster .name,
.keyinfo h5 a, .keyinfo h5 a strong,
.ui-tabs .ui-tabs-nav .ui-state-active a, .ui-tabs .ui-tabs-nav .ui-state-active,
.ui-dialog .ui-dialog-titlebar,
#creator dt strong, .settings label,
.popup_heading {
font-weight: 600;
font-family: "Segoe UI Semibold", "Segoe UI", "Helvetica Neue Medium", "Helvetica Neue", serif;
-webkit-font-smoothing: antialiased;
}

/* @todo - Test this everywhere. */
.content {
background: #FEFEFE;
box-shadow: 1px 2px 4px #EBEBEB;
border: 1px solid #CCCCCC;
border-color: #CCCCCC;
}

/* Styles for main headers. */
.category_header, .forum_category .category_header {
border: 1px solid #CCCCCC;
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #BBBBBB;
border-radius: 4px 4px 0 0;
border-color: #CCCCCC;
border-top-color: #DDDDDD;
border-bottom-color: #BBBBBB;
background: #EBEBEB;
background-image: linear-gradient(to bottom, #FAFAFA, #EAEAEA);
color: #566450;
Expand All @@ -201,16 +178,16 @@ strong, .bbc_strong {

/* Single ones a bit darker than board index ones. */
.category_header, .content_category .category_header {
border-top: 1px solid #CFCFCF;
border-bottom: 1px solid #BBBBBB;
border-top-color: #CFCFCF;
border-bottom-color: #BBBBBB;
background: #E9E9E9;
background-image: linear-gradient(to bottom, #FAFAFA, #E4E4E4);
}

/* Styles for subsection headers. @todo */
.secondary_header {
border: 1px solid #CCCCCC;
border-top: 1px solid #DDDDDD;
border-color: #CCCCCC;
border-top-color: #DDDDDD;
background: #FAFAFA;
background-image: linear-gradient(to bottom, #FAFAFA, #EBEBEB);
text-shadow: 1px 1px 0 #FEFEFE;
Expand All @@ -220,11 +197,6 @@ strong, .bbc_strong {
color: #566450;
}

/* Upshrink image in the general category headers */
#category_toggle, #category_toggle_more, #upshrink_header {
border-radius: 2px;
}

/* Custom highlighted text style for modern browsers. */
/* Nicer than default. Needs two separate rules. */
::-moz-selection {
Expand All @@ -248,16 +220,13 @@ strong, .bbc_strong {
}

.border_error {
border: 1px solid #FF0000 !important;
border-color: #FF0000 !important;
}

/* Messages that somehow need to attract the attention. */
.alert {
color: #FF0000;
}
.selected {
font-weight: bold;
}

/* Colors for warnings. */
.warn_mute {
Expand Down
69 changes: 59 additions & 10 deletions themes/default/css/index.css
View file
Open in desktop
Expand Up @@ -120,11 +120,16 @@ form, input, button, select, textarea,
font-size: 1em;
}

/* Fieldsets are used to group elements. */
/* @todo - Can we do this by class? What about default styling? Needed? */
/* Declaring as overflow: auto; is probably a good idea. */

fieldset {
margin: 5px 0;
padding: 6px;
border-radius: 5px;
border: 1px solid #CCCCCC;
overflow: auto;
border: none;
}

/* Specific box-sizing declarations */
Expand Down Expand Up @@ -273,6 +278,17 @@ input[type="submit"], button[type="submit"], input[type="button"],
padding: 0 6px;
}

input[type="submit"], .drop_area_fileselect_text, button[type="submit"], input[type="button"],
/* Anchors styled to look like buttons. */
/* These have standard body text size. Can be chained with smalltext class. */
.linkbutton:link, .linkbutton_right:link, .linkbutton_left:link,
.linkbutton:visited, .linkbutton_right:visited, .linkbutton_left:visited {
border: 1px solid #AFAFAF;
border-top: 1px solid #CFCFCF;
border-left: 1px solid #BFBFBF;
border-radius: 2px;
}

.left_submit, .linkbutton_left {
float: left;
}
Expand All @@ -285,6 +301,7 @@ input[type="submit"], button[type="submit"], input[type="button"],
input[type="submit"]:hover, button[type="submit"]:hover, input[type="button"]:hover,
.linkbutton:hover, .linkbutton_right:hover, .linkbutton_left:hover {
cursor: pointer;
text-decoration: none;
}

/* Don't show disabled buttons as active on hover */
Expand Down Expand Up @@ -326,6 +343,7 @@ input[type=submit][disabled]:hover, button[disabled], button[disabled]:hover {
/* @todo - Might add extra fallbacks. Possibly monospace. */
/* @todo - Also, look at deprecating spans here. */
.new_posts, .require_approval {
border-radius: 2px;
padding: 1px 4px 2px 4px;
font-weight: bold;
font-size: .643em;
Expand All @@ -350,14 +368,8 @@ del .bbc_link:link, del .bbc_link:visited {
hr {
margin: 12px 0;
height: 1px;
}

/* Fieldsets are used to group elements. */
/* @todo - Can we do this by class? What about default styling? Needed? */
/* Declaring as overflow: auto; is probably a good idea. */
fieldset {
overflow: auto;
border: none;
border-top: 1px solid #BBBBBB;
border-left: 0;
}

/*...and em as italics */
Expand Down Expand Up @@ -486,6 +498,10 @@ em, .em {
padding: 4px 10px 2px 10px;
font-size: 1.214em;
line-height: 1.8em;
border: 1px solid #CCCCCC;
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #BBBBBB;
border-radius: 4px 4px 0 0;
}

/* Styles for subsection headers. @todo */
Expand All @@ -494,6 +510,8 @@ em, .em {
padding: 1px 10px 1px;
font-size: 1.143em;
line-height: 1.8em;
border: 1px solid #CCCCCC;
border-top: 1px solid #DDDDDD;
}

.category_header .icon {
Expand Down Expand Up @@ -583,6 +601,7 @@ em, .em {
.content {
overflow: auto;
padding: 0.5em 1em;
border: 1px solid #CCCCCC;
}

.content p {
Expand Down Expand Up @@ -671,6 +690,22 @@ em, .em {
font-size: 0.857em;
}

/* Use demi bold font weight for some key areas */
.codeheader, .quoteheader,
.expand_pages,
.table_head > th,
.topic_sorting_row > h3, .topic_name h4 a,
.poster .name,
.keyinfo h5 a, .keyinfo h5 a strong,
.ui-tabs .ui-tabs-nav .ui-state-active a, .ui-tabs .ui-tabs-nav .ui-state-active,
.ui-dialog .ui-dialog-titlebar,
#creator dt strong, .settings label,
.popup_heading {
font-weight: 600;
font-family: "Segoe UI Semibold", "Segoe UI", "Helvetica Neue Medium", "Helvetica Neue", serif;
-webkit-font-smoothing: antialiased;
}

/* [Select] link to copy code. */
.codeoperation {
font-weight: normal;
Expand Down Expand Up @@ -722,8 +757,9 @@ em, .em {
color: inherit;
}

.bbc_strong {
strong, .bbc_strong {
color: inherit;
font-weight: bold;
}

.bbc_img {
Expand Down Expand Up @@ -1847,6 +1883,11 @@ a.bbc_link {
padding: 8px 12px;
}

/* Upshrink image in the general category headers */
#category_toggle, #category_toggle_more, #upshrink_header {
border-radius: 2px;
}

.ic_section_header {
margin: 0 0 8px 0;
padding: 0 0 4px 0;
Expand Down Expand Up @@ -4507,6 +4548,14 @@ a.help .icon {
text-align: left;
}

.border_error {
border: 1px solid #FF0000 !important;
}

.selected {
font-weight: bold;
}

/* Styles for (fatal) errors. */
#fatal_error {
margin: auto;
Expand Down