Difference between revisions of "Template:BNU-CHINA/CSS/main"
Line 31: | Line 31: | ||
.navbar-siren .navbar-nav > li.active { | .navbar-siren .navbar-nav > li.active { | ||
− | border-bottom: 4px solid # | + | border-bottom: 4px solid #ffa24a; |
} | } | ||
− | |||
.navbar-siren .navbar-nav > li > a { | .navbar-siren .navbar-nav > li > a { | ||
Line 56: | Line 55: | ||
} | } | ||
− | .navbar-siren .navbar-nav li.dropdown .dropdown-menu | + | .navbar-siren .navbar-nav li.dropdown .dropdown-menu { |
-webkit-transition: visibility 0s, opacity 0.25s; | -webkit-transition: visibility 0s, opacity 0.25s; | ||
-moz-transition: visibility 0s, opacity 0.25s; | -moz-transition: visibility 0s, opacity 0.25s; | ||
Line 63: | Line 62: | ||
transition: visibility 0s, opacity 0.25s; | transition: visibility 0s, opacity 0.25s; | ||
display: block; | display: block; | ||
− | opacity:0; | + | opacity: 0; |
visibility: hidden; | visibility: hidden; | ||
} | } | ||
.navbar-siren .navbar-nav li.dropdown:hover .dropdown-menu { | .navbar-siren .navbar-nav li.dropdown:hover .dropdown-menu { | ||
− | opacity:1; | + | opacity: 1; |
visibility: visible; | visibility: visible; | ||
} | } | ||
− | .navbar-siren .navbar-nav li.dropdown .dropdown-menu li>a { | + | .navbar-siren .navbar-nav li.dropdown .dropdown-menu li > a { |
font-family: "Raleway Thin", sans-serif; | font-family: "Raleway Thin", sans-serif; | ||
font-size: 1.2em; | font-size: 1.2em; | ||
Line 79: | Line 78: | ||
} | } | ||
− | .navbar-siren .navbar-nav li .dropdown-menu li>a:hover { | + | .navbar-siren .navbar-nav li .dropdown-menu li > a:hover { |
background-color: #ffa24a; | background-color: #ffa24a; | ||
} | } | ||
Line 85: | Line 84: | ||
.navbar-siren .navbar-nav > li:hover { | .navbar-siren .navbar-nav > li:hover { | ||
border-bottom: 4px solid #D3853D; | border-bottom: 4px solid #D3853D; | ||
− | |||
-webkit-transition: border-bottom 0.25s, background-color 0.25s; | -webkit-transition: border-bottom 0.25s, background-color 0.25s; | ||
-moz-transition: border-bottom 0.25s, background-color 0.25s; | -moz-transition: border-bottom 0.25s, background-color 0.25s; | ||
Line 91: | Line 89: | ||
-o-transition: border-bottom 0.25s, background-color 0.25s; | -o-transition: border-bottom 0.25s, background-color 0.25s; | ||
transition: border-bottom 0.25s, background-color 0.25s; | transition: border-bottom 0.25s, background-color 0.25s; | ||
− | |||
background-color: #D3853D; | background-color: #D3853D; | ||
} | } | ||
Line 165: | Line 162: | ||
background-color: rgba(248, 250, 238, .75); | background-color: rgba(248, 250, 238, .75); | ||
border-bottom: 4px solid rgb(224, 226, 214); | border-bottom: 4px solid rgb(224, 226, 214); | ||
− | box-shadow: 0 0 6px rgba(120,120,120,.5); | + | box-shadow: 0 0 6px rgba(120, 120, 120, .5); |
border-radius: 6px; | border-radius: 6px; | ||
} | } |
Revision as of 14:06, 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);
}
.navbar-siren .navbar-nav {
display: table-row;
}
.navbar-siren .navbar-nav > li {
-webkit-transition: border-bottom 2s, background-color 0.25s; -moz-transition: border-bottom 2s, background-color 0.25s; -ms-transition: border-bottom 2s, background-color 0.25s; -o-transition: border-bottom 2s, background-color 0.25s; transition: border-bottom 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; border-bottom: 4px solid transparent;
}
.navbar-siren .navbar-nav > li.active {
border-bottom: 4px solid #ffa24a;
}
.navbar-siren .navbar-nav > li > a {
-webkit-transition: color 0.25s; -moz-transition: color 0.25s; -ms-transition: color 0.25s; -o-transition: color 0.25s; transition: color 0.25s; color: #1e0501;
}
.navbar-siren .navbar-nav > li:hover > a {
color: white;
}
.navbar-siren .navbar-nav li .dropdown-menu {
padding: 0; border: 0; background-color: #D3853D; box-shadow: none; border-radius: 0;
}
.navbar-siren .navbar-nav li.dropdown .dropdown-menu {
-webkit-transition: visibility 0s, opacity 0.25s; -moz-transition: visibility 0s, opacity 0.25s; -ms-transition: visibility 0s, opacity 0.25s; -o-transition: visibility 0s, opacity 0.25s; 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: #ffa24a;
}
.navbar-siren .navbar-nav > li:hover {
border-bottom: 4px solid #D3853D; -webkit-transition: border-bottom 0.25s, background-color 0.25s; -moz-transition: border-bottom 0.25s, background-color 0.25s; -ms-transition: border-bottom 0.25s, background-color 0.25s; -o-transition: border-bottom 0.25s, background-color 0.25s; transition: border-bottom 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;
}