code clean up with labels
This commit is contained in:
Jacob Haddon
parent
fdfa7ce8d0
commit
1e96077d81
241
style.css
241
style.css
@ -134,46 +134,32 @@ code,
|
|||||||
|
|
||||||
/* media 985px */
|
/* media 985px */
|
||||||
|
|
||||||
|
/* Dark Mode Theme */
|
||||||
|
|
||||||
@media screen and (prefers-color-scheme: dark)
|
@media screen and (prefers-color-scheme: dark)
|
||||||
{
|
{
|
||||||
/* color: #fff; */
|
|
||||||
mark,
|
/* Text Colors */
|
||||||
ins,
|
|
||||||
button,
|
/*
|
||||||
button[disabled]:hover,
|
Primary Colors:
|
||||||
button[disabled]:focus,
|
1 #e1e1e1 Primary Text Color
|
||||||
input[type="button"],
|
2 #21133C Darkest Main Body Area Color
|
||||||
input[type="button"][disabled]:hover,
|
3 #271C4D Dark
|
||||||
input[type="button"][disabled]:focus,
|
4 #381D71 Med Dark
|
||||||
input[type="reset"],
|
|
||||||
input[type="reset"][disabled]:hover,
|
Accent Colors:
|
||||||
input[type="reset"][disabled]:focus,
|
1 #FC4CA0
|
||||||
input[type="submit"],
|
2 #52FFBD
|
||||||
input[type="submit"][disabled]:hover,
|
|
||||||
input[type="submit"][disabled]:focus,
|
Binary:
|
||||||
.pagination .nav-links:before,
|
Either white (#FFF) or black (#000)
|
||||||
.pagination .nav-links:after,
|
|
||||||
.pagination .prev,
|
Accent color 1 and 2 are used as inverse of each other thoughout the theme
|
||||||
.pagination .next,
|
*/
|
||||||
.pagination .prev:hover,
|
|
||||||
.pagination .prev:focus,
|
|
||||||
.pagination .next:hover,
|
/* Primary Color 1 : Text Color */
|
||||||
.pagination .next:focus,
|
|
||||||
.widget_calendar tbody a,
|
|
||||||
.widget_calendar tbody a:hover,
|
|
||||||
.widget_calendar tbody a:focus,
|
|
||||||
.menu-toggle.toggled-on,
|
|
||||||
.menu-toggle.toggled-on:hover,
|
|
||||||
.menu-toggle.toggled-on:focus,
|
|
||||||
.page-links a,
|
|
||||||
.page-links a:hover,
|
|
||||||
.page-links a:focus
|
|
||||||
{
|
|
||||||
/* color: #000; */
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* color: #1a1a1a; */
|
|
||||||
body,
|
body,
|
||||||
button,
|
button,
|
||||||
input,
|
input,
|
||||||
@ -210,12 +196,10 @@ code,
|
|||||||
.comment-reply-title small a:focus,
|
.comment-reply-title small a:focus,
|
||||||
.wp-block-code
|
.wp-block-code
|
||||||
{
|
{
|
||||||
/* color: #1a1a1a; */
|
|
||||||
color: #e1e1e1;
|
color: #e1e1e1;
|
||||||
/* color: #271C4D; */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* color: #686868; */
|
/* Accent Color 1 */
|
||||||
blockquote,
|
blockquote,
|
||||||
input[type="date"],
|
input[type="date"],
|
||||||
input[type="time"],
|
input[type="time"],
|
||||||
@ -265,11 +249,10 @@ code,
|
|||||||
.widecolumn .mu_register label,
|
.widecolumn .mu_register label,
|
||||||
a.page-numbers:hover
|
a.page-numbers:hover
|
||||||
{
|
{
|
||||||
/* color: #686868; */
|
|
||||||
color: #FC4CA0;
|
color: #FC4CA0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* color: #007acc; */
|
/* Accent Color 2 */
|
||||||
a,
|
a,
|
||||||
.main-navigation a:hover,
|
.main-navigation a:hover,
|
||||||
.main-navigation a:focus,
|
.main-navigation a:focus,
|
||||||
@ -300,7 +283,46 @@ code,
|
|||||||
.main-navigation li:hover > a,
|
.main-navigation li:hover > a,
|
||||||
.main-navigation li.focus > a { color: #52FFBD; }
|
.main-navigation li.focus > a { color: #52FFBD; }
|
||||||
|
|
||||||
/* background-color: #fff; */
|
/* Binary, White or Black: color: #fff; */
|
||||||
|
mark,
|
||||||
|
ins,
|
||||||
|
button,
|
||||||
|
button[disabled]:hover,
|
||||||
|
button[disabled]:focus,
|
||||||
|
input[type="button"],
|
||||||
|
input[type="button"][disabled]:hover,
|
||||||
|
input[type="button"][disabled]:focus,
|
||||||
|
input[type="reset"],
|
||||||
|
input[type="reset"][disabled]:hover,
|
||||||
|
input[type="reset"][disabled]:focus,
|
||||||
|
input[type="submit"],
|
||||||
|
input[type="submit"][disabled]:hover,
|
||||||
|
input[type="submit"][disabled]:focus,
|
||||||
|
.pagination .nav-links:before,
|
||||||
|
.pagination .nav-links:after,
|
||||||
|
.pagination .prev,
|
||||||
|
.pagination .next,
|
||||||
|
.pagination .prev:hover,
|
||||||
|
.pagination .prev:focus,
|
||||||
|
.pagination .next:hover,
|
||||||
|
.pagination .next:focus,
|
||||||
|
.widget_calendar tbody a,
|
||||||
|
.widget_calendar tbody a:hover,
|
||||||
|
.widget_calendar tbody a:focus,
|
||||||
|
.menu-toggle.toggled-on,
|
||||||
|
.menu-toggle.toggled-on:hover,
|
||||||
|
.menu-toggle.toggled-on:focus,
|
||||||
|
.page-links a,
|
||||||
|
.page-links a:hover,
|
||||||
|
.page-links a:focus
|
||||||
|
{
|
||||||
|
/* color: #000; */
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Back Ground Colors */
|
||||||
|
|
||||||
|
/* Primary Color 2: Darkest */
|
||||||
.main-navigation ul ul li,
|
.main-navigation ul ul li,
|
||||||
input[type="date"]:focus,
|
input[type="date"]:focus,
|
||||||
input[type="time"]:focus,
|
input[type="time"]:focus,
|
||||||
@ -317,21 +339,10 @@ code,
|
|||||||
textarea:focus,
|
textarea:focus,
|
||||||
.site
|
.site
|
||||||
{
|
{
|
||||||
/* background-color: #fff; */
|
background: #21133C;
|
||||||
/* background: #111111; */
|
|
||||||
background: #21133C;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* background-color: #d1d1d1; */
|
/* Primary Color 3 Dark */
|
||||||
code,
|
|
||||||
hr
|
|
||||||
{
|
|
||||||
/* background-color: #d1d1d1; */
|
|
||||||
background: #343434;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* background: #1a1a1a; */
|
|
||||||
body,
|
body,
|
||||||
button,
|
button,
|
||||||
button[disabled]:hover,
|
button[disabled]:hover,
|
||||||
@ -354,11 +365,39 @@ background: #21133C;
|
|||||||
.menu-toggle.toggled-on:focus,
|
.menu-toggle.toggled-on:focus,
|
||||||
.page-links a
|
.page-links a
|
||||||
{
|
{
|
||||||
/* background: #1a1a1a; */
|
|
||||||
background: #271C4D;
|
background: #271C4D;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* background: #007acc; */
|
/* Primary color 4 Medium Dark */
|
||||||
|
code,
|
||||||
|
hr
|
||||||
|
{
|
||||||
|
background: #381D71;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Primary Color 4: Inactive */
|
||||||
|
input[type="date"],
|
||||||
|
input[type="time"],
|
||||||
|
input[type="datetime-local"],
|
||||||
|
input[type="week"],
|
||||||
|
input[type="month"],
|
||||||
|
input[type="text"],
|
||||||
|
input[type="email"],
|
||||||
|
input[type="url"],
|
||||||
|
input[type="password"],
|
||||||
|
input[type="search"],
|
||||||
|
input[type="tel"],
|
||||||
|
input[type="number"],
|
||||||
|
textarea
|
||||||
|
{
|
||||||
|
background: #271C4D;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Accent Color 1; */
|
||||||
|
.widget_calendar tbody a:hover,
|
||||||
|
.widget_calendar tbody a:focus { background-color: #FC4CA0; }
|
||||||
|
|
||||||
|
/* Accent Color 2 */
|
||||||
mark,
|
mark,
|
||||||
ins,
|
ins,
|
||||||
.pagination .prev:hover,
|
.pagination .prev:hover,
|
||||||
@ -377,62 +416,40 @@ background: #21133C;
|
|||||||
.page-links a:hover,
|
.page-links a:hover,
|
||||||
.page-links a:focus { background: #52FFBD; }
|
.page-links a:focus { background: #52FFBD; }
|
||||||
|
|
||||||
/* background: #f7f7f7; */
|
/* Border Colors */
|
||||||
input[type="date"],
|
|
||||||
input[type="time"],
|
|
||||||
input[type="datetime-local"],
|
|
||||||
input[type="week"],
|
|
||||||
input[type="month"],
|
|
||||||
input[type="text"],
|
|
||||||
input[type="email"],
|
|
||||||
input[type="url"],
|
|
||||||
input[type="password"],
|
|
||||||
input[type="search"],
|
|
||||||
input[type="tel"],
|
|
||||||
input[type="number"],
|
|
||||||
textarea
|
|
||||||
{
|
|
||||||
/* background: #f7f7f7; */
|
|
||||||
background: #271C4D;
|
|
||||||
/* border-color: */
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type="date"]:focus,
|
/* Primary color 3 Dark */
|
||||||
input[type="time"]:focus,
|
.post-navigation,
|
||||||
input[type="datetime-local"]:focus,
|
.post-navigation div + div,
|
||||||
input[type="week"]:focus,
|
.widget,
|
||||||
input[type="month"]:focus,
|
|
||||||
input[type="text"]:focus,
|
|
||||||
input[type="email"]:focus,
|
|
||||||
input[type="url"]:focus,
|
|
||||||
input[type="password"]:focus,
|
|
||||||
input[type="search"]:focus,
|
|
||||||
input[type="tel"]:focus,
|
|
||||||
input[type="number"]:focus,
|
|
||||||
textarea:focus,
|
|
||||||
.tagcloud a:hover, .tagcloud a:focus {
|
|
||||||
border-color: #FC4CA0;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.main-navigation ul ul:before,
|
|
||||||
.main-navigation ul ul:after {
|
|
||||||
border-color: #381D71 transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-navigation ul ul li,
|
|
||||||
.main-navigation ul ul { border-color:#381D71;}
|
|
||||||
|
|
||||||
.post-navigation,
|
|
||||||
.post-navigation div + div,
|
|
||||||
.widget,
|
|
||||||
.comments-title,
|
.comments-title,
|
||||||
.comment-reply-title { border-color: #271C4D;}
|
.comment-reply-title { border-color: #271C4D; }
|
||||||
|
|
||||||
|
/* Primary Color 4 */
|
||||||
|
/* This is separate because of the 'transparent' */
|
||||||
|
.main-navigation ul ul:before,
|
||||||
|
.main-navigation ul ul:after { border-color: #381D71 transparent; }
|
||||||
|
|
||||||
/* background-color: #686868; */
|
/* Primary Color 4 */
|
||||||
.widget_calendar tbody a:hover,
|
.main-navigation ul ul li,
|
||||||
.widget_calendar tbody a:focus { background-color: #FC4CA0; }
|
.main-navigation ul ul { border-color: #381D71; }
|
||||||
|
|
||||||
|
/* Accent Color 1 */
|
||||||
|
input[type="date"]:focus,
|
||||||
|
input[type="time"]:focus,
|
||||||
|
input[type="datetime-local"]:focus,
|
||||||
|
input[type="week"]:focus,
|
||||||
|
input[type="month"]:focus,
|
||||||
|
input[type="text"]:focus,
|
||||||
|
input[type="email"]:focus,
|
||||||
|
input[type="url"]:focus,
|
||||||
|
input[type="password"]:focus,
|
||||||
|
input[type="search"]:focus,
|
||||||
|
input[type="tel"]:focus,
|
||||||
|
input[type="number"]:focus,
|
||||||
|
textarea:focus,
|
||||||
|
.tagcloud a:hover,
|
||||||
|
.tagcloud a:focus { border-color: #FC4CA0; }
|
||||||
|
|
||||||
/* background-color: transparent; */
|
/* background-color: transparent; */
|
||||||
.menu-toggle,
|
.menu-toggle,
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user