|
@@ -3,19 +3,23 @@ html {
|
|
}
|
|
}
|
|
|
|
|
|
body {
|
|
body {
|
|
- color: #c7c7c7;
|
|
|
|
- background-color: #161616;
|
|
|
|
- font-family: 'Anaheim';
|
|
|
|
- font-size: 2.2em;
|
|
|
|
|
|
+ color: #fff;
|
|
|
|
+ background-color: #9c2f2f;
|
|
|
|
+ font-family: sans-serif;
|
|
|
|
+ font-size: 2em;
|
|
height: 100%;
|
|
height: 100%;
|
|
- background-image: -moz-linear-gradient(0deg, transparent 1px, #161616 1px), -moz-linear-gradient(-90deg, #6c6 1px, #161616 1px);
|
|
|
|
- background-size: 10px 10px;
|
|
|
|
- background-position: 5px 5px;
|
|
|
|
}
|
|
}
|
|
-.navbar::after, .navbar-collapse::after, .container::after{
|
|
|
|
- clear:none !important
|
|
|
|
|
|
+
|
|
|
|
+.navbar::after,
|
|
|
|
+.navbar-collapse::after,
|
|
|
|
+.container::after {
|
|
|
|
+ clear: none !important
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+ul,
|
|
|
|
+p {
|
|
|
|
+ background-color: rgba(255,255,255, 0);
|
|
}
|
|
}
|
|
-ul, p {background-color: rgba(16,16,16,0.5);}
|
|
|
|
|
|
|
|
a,
|
|
a,
|
|
a:hover,
|
|
a:hover,
|
|
@@ -23,14 +27,10 @@ a:focus,
|
|
.entry-content a,
|
|
.entry-content a,
|
|
.entry-content a:hover,
|
|
.entry-content a:hover,
|
|
.entry-content a:focus {
|
|
.entry-content a:focus {
|
|
- color: #ea8711;
|
|
|
|
|
|
+ color: #fff;
|
|
text-decoration: none;
|
|
text-decoration: none;
|
|
- border-bottom: none;
|
|
|
|
}
|
|
}
|
|
|
|
|
|
-.entry-content a:hover {
|
|
|
|
- border-bottom: 2px solid;
|
|
|
|
-}
|
|
|
|
|
|
|
|
h2 {
|
|
h2 {
|
|
text-align: center;
|
|
text-align: center;
|
|
@@ -40,46 +40,57 @@ h4 {
|
|
font-size: 25px !important;
|
|
font-size: 25px !important;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+a.toc-backref,
|
|
h1,
|
|
h1,
|
|
h2,
|
|
h2,
|
|
h3,
|
|
h3,
|
|
h4,
|
|
h4,
|
|
strong,
|
|
strong,
|
|
tt {
|
|
tt {
|
|
- color: white;
|
|
|
|
|
|
+ background: #fff;
|
|
|
|
+ display: inline-block;
|
|
|
|
+ padding: 6px 10px;
|
|
|
|
+ font-weight: 600;
|
|
|
|
+ color: #9c2f2f;
|
|
|
|
+ border-bottom; 0px;
|
|
|
|
+}
|
|
|
|
+a.toc-backref:hover {
|
|
|
|
+ color: rgba(0,0,0,1);
|
|
}
|
|
}
|
|
|
|
|
|
tt.literal {
|
|
tt.literal {
|
|
font-size: 80%;
|
|
font-size: 80%;
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+.navbar-brand {
|
|
|
|
+ display: none;
|
|
|
|
+}
|
|
.navbar {
|
|
.navbar {
|
|
- background-color: #EA8711;
|
|
|
|
|
|
+ background-color: #000;
|
|
}
|
|
}
|
|
|
|
|
|
.navbar .navbar-brand,
|
|
.navbar .navbar-brand,
|
|
.navbar .navbar-nav > li > a {
|
|
.navbar .navbar-nav > li > a {
|
|
- color: black;
|
|
|
|
|
|
+ color: #fff;
|
|
}
|
|
}
|
|
|
|
|
|
.navbar .navbar-nav > li > a {
|
|
.navbar .navbar-nav > li > a {
|
|
transition: background-color .3s;
|
|
transition: background-color .3s;
|
|
- background-color: #ea8711;
|
|
|
|
|
|
+ background-color: #000;
|
|
}
|
|
}
|
|
|
|
|
|
.navbar .navbar-nav > .active > a,
|
|
.navbar .navbar-nav > .active > a,
|
|
.navbar .navbar-nav > .active > a:hover,
|
|
.navbar .navbar-nav > .active > a:hover,
|
|
.navbar .navbar-nav > .active > a:focus {
|
|
.navbar .navbar-nav > .active > a:focus {
|
|
- color: white;
|
|
|
|
- background-color: #161616;
|
|
|
|
|
|
+ color: #333;
|
|
|
|
+ background-color: white;
|
|
}
|
|
}
|
|
|
|
|
|
.navbar .navbar-nav > li > a:hover,
|
|
.navbar .navbar-nav > li > a:hover,
|
|
.navbar .navbar-nav > li > a:focus,
|
|
.navbar .navbar-nav > li > a:focus,
|
|
.navbar .navbar-brand:hover,
|
|
.navbar .navbar-brand:hover,
|
|
.navbar .navbar-brand:focus {
|
|
.navbar .navbar-brand:focus {
|
|
- color: black;
|
|
|
|
- background-color: #ff7456;
|
|
|
|
|
|
+ color: white;
|
|
|
|
+ background-color: #333;
|
|
}
|
|
}
|
|
|
|
|
|
.navbar-brand {
|
|
.navbar-brand {
|
|
@@ -103,9 +114,7 @@ tt.literal {
|
|
|
|
|
|
/* HOME {{{ */
|
|
/* HOME {{{ */
|
|
|
|
|
|
-.body-index blockquote {
|
|
|
|
- border: 1px solid #383838;
|
|
|
|
- background-color: #272626;
|
|
|
|
|
|
+.body-index blockquote {
|
|
font-size: 21px;
|
|
font-size: 21px;
|
|
margin-left: auto;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-right: auto;
|
|
@@ -183,3 +192,10 @@ td.talk > a {
|
|
}
|
|
}
|
|
|
|
|
|
/* END TALK }}} */
|
|
/* END TALK }}} */
|
|
|
|
+/*media query*/
|
|
|
|
+@media all and (min-width: 770px) {
|
|
|
|
+ .navbar, .navbar .navbar-brand,
|
|
|
|
+.navbar .navbar-nav > li > a {
|
|
|
|
+ background-color: #9c2f2f;
|
|
|
|
+}
|
|
|
|
+}
|