Difference between revisions of "Template:BNU-CHINA/CSS/main"
Line 8: | Line 8: | ||
border-radius: 0; | border-radius: 0; | ||
background-color: rgba(255, 255, 255, .95); | background-color: rgba(255, 255, 255, .95); | ||
− | box-shadow: 0 4px 0 # | + | box-shadow: 0 4px 0 #eb9745; |
} | } | ||
Line 24: | Line 24: | ||
font-family: "Raleway Thin", sans-serif; | font-family: "Raleway Thin", sans-serif; | ||
font-size: 1.2em; | font-size: 1.2em; | ||
− | box-shadow: 0 4px 0 # | + | box-shadow: 0 4px 0 #eb9745; |
/*border-bottom: 4px solid transparent;*/ | /*border-bottom: 4px solid transparent;*/ | ||
} | } | ||
Line 30: | Line 30: | ||
.navbar-siren .navbar-nav > li.active { | .navbar-siren .navbar-nav > li.active { | ||
box-shadow: 0 4px 0 #D3853D; | box-shadow: 0 4px 0 #D3853D; | ||
− | /*border-bottom: 4px solid # | + | /*border-bottom: 4px solid #eb9745;*/ |
} | } | ||
Line 74: | Line 74: | ||
.navbar-siren .navbar-nav li .dropdown-menu li > a:hover { | .navbar-siren .navbar-nav li .dropdown-menu li > a:hover { | ||
− | background-color: # | + | background-color: #eb9745; |
} | } | ||
Line 87: | Line 87: | ||
width: 0; | width: 0; | ||
height: 1px; | height: 1px; | ||
− | transition: all 0. | + | transition: all 0.5s ease-out; |
background-color: transparent; | background-color: transparent; | ||
} | } |
Revision as of 15:13, 14 September 2015
- mw-content-text {
background-color: rgb(248, 250, 238); background-image: url("");
}
.navbar-siren {
border: none; border-radius: 0; background-color: rgba(255, 255, 255, .95); box-shadow: 0 4px 0 #eb9745;
}
.navbar-siren .navbar-nav {
display: table-row;
}
.navbar-siren .navbar-nav > li {
transition: box-shadow 2s, background-color 0.25s;
float: none; cursor: pointer; display: table-cell; vertical-align: middle; font-family: "Raleway Thin", sans-serif; font-size: 1.2em; box-shadow: 0 4px 0 #eb9745; /*border-bottom: 4px solid transparent;*/
}
.navbar-siren .navbar-nav > li.active {
box-shadow: 0 4px 0 #D3853D; /*border-bottom: 4px solid #eb9745;*/
}
.navbar-siren .navbar-nav > li > a {
transition: color 0.25s; color: #1e0501;
}
.navbar-siren .navbar-nav > li:hover > a {
color: white;
}
.navbar-siren .navbar-nav li .dropdown-menu {
min-width: 150%; text-align: left; padding: 0; border: 0; background-color: #D3853D; border-radius: 0; box-shadow: 1px 3px 2px rgba(120, 120, 120, .5);
}
.navbar-siren .navbar-nav li.dropdown .dropdown-menu {
transition: visibility 0s, opacity 0.25s; display: block; opacity: 0; visibility: hidden;
}
.navbar-siren .navbar-nav li.dropdown:hover .dropdown-menu {
opacity: 1; visibility: visible;
}
.navbar-siren .navbar-nav li.dropdown .dropdown-menu li > a {
font-family: "Raleway Thin", sans-serif; font-size: 1.2em; padding: 1em; color: #fff;
}
.navbar-siren .navbar-nav li .dropdown-menu li > a:hover {
background-color: #eb9745;
}
.navbar-siren .navbar-nav li .dropdown-menu li:hover {
/*box-shadow: 0 1px 6px rgba(120,120,120,.15);*/
}
.navbar-siren .navbar-nav li .dropdown-menu li > a::after {
content: ""; display: block; width: 0; height: 1px; transition: all 0.5s ease-out; background-color: transparent;
}
.navbar-siren .navbar-nav li .dropdown-menu li > a:hover::after {
content: ""; display: block; width: 100%; height: 1px; background-color: rgba(255,255,255,.5);
}
.navbar-siren .navbar-nav > li:hover {
/*border-bottom: 4px solid #D3853D;*/ box-shadow: 0 4px 0 #D3853D;
transition: box-shadow 0.25s, background-color 0.25s; background-color: #D3853D;
}
.navbar-siren .navbar-nav > li > a:hover {
background-color: transparent; color: white;
}
.content > article {
opacity: .95; padding: 2em 4em; min-width: 640px; background-color: #fff; box-shadow: 0px 0px 3px rgba(120, 120, 120, 0.5);
}
article h2, article h3, article h4, article h5 {
font-family: 'Computer Modern Bright Semibold', sans-serif; color: #278A75;
}
article figure {
padding: 1em 0;
}
article figure img {
max-width: 100%;
}
article figure figcaption {
text-align: center; font-family: 'Computer Modern Serif', serif; color: #278A75; padding: 0.5em;
}
article p, article blockquote {
font-family: 'Computer Modern Serif', serif; font-size: 1em;
}
footer {
margin: 15px 0 0 0; padding: 1em 0; text-shadow: -1px -1px 0 #fff;
}
footer img {
height: 5em;
}
article a {
color: #278A75;
}
article a:hover {
color: #D3853D; text-decoration: none;
}
article > header {
font-family: 'Dancing Script', cursive; /*font-family: "Georgia", serif;*/
}
.fixed {
position: fixed;
}
.bs-docs-sidebar ul {
background-color: rgba(248, 250, 238, .75); border-bottom: 4px solid rgb(224, 226, 214); box-shadow: 0 0 6px rgba(120, 120, 120, .5); border-radius: 6px;
}
/* sidebar */ .bs-docs-sidebar {
padding-left: 20px; margin-top: 20px; margin-bottom: 20px;
}
/* all links */ .bs-docs-sidebar .nav > li > a {
color: #999; font-family: 'Computer Modern Bright Semibold', sans-serif; /*border-left: 2px solid transparent;*/ padding: 4px 20px; font-size: 1.2em; font-weight: 400;
}
/* nested links */ .bs-docs-sidebar .nav .nav > li > a {
padding-top: 1px; padding-bottom: 1px; padding-left: 30px; font-size: 1em;
}
/* active & hover links */ .bs-docs-sidebar .nav > .active > a, .bs-docs-sidebar .nav > li > a:hover, .bs-docs-sidebar .nav > li > a:focus {
color: #278A75; text-decoration: none; background-color: transparent; /*border-left-color: #278A75;*/
}
/* all active links */ .bs-docs-sidebar .nav > .active > a, .bs-docs-sidebar .nav > .active:hover > a, .bs-docs-sidebar .nav > .active:focus > a {
font-weight: normal;
}
/* nested active links */ .bs-docs-sidebar .nav .nav > .active > a, .bs-docs-sidebar .nav .nav > .active:hover > a, .bs-docs-sidebar .nav .nav > .active:focus > a {
font-weight: normal;
}
/* hide inactive nested list */ .bs-docs-sidebar .nav ul.nav {
display: none;
}
/* show active nested list */ .bs-docs-sidebar .nav > .active > ul.nav {
display: block;
}