Difference between revisions of "Template:SZU-China/ATTRIBUTION/CSS"

(Created page with "********* Normal setting *********: * { margin:0; padding:0; } body { font-family: Tahoma, Arial, Verdana, sans-serif; line-height: normal; } li { list-style:none;...")
 
Line 7: Line 7:
 
body {
 
body {
 
font-family: Tahoma, Arial, Verdana, sans-serif;
 
font-family: Tahoma, Arial, Verdana, sans-serif;
line-height: normal;
 
 
}
 
}
  
Line 61: Line 60:
 
.nav-list li:hover {
 
.nav-list li:hover {
 
background: #1E1E1E;
 
background: #1E1E1E;
}
 
 
.nav-list li a {
 
color: rgb(255, 255, 255);
 
 
}
 
}
  

Revision as of 09:23, 29 October 2017

/********** Normal setting **********/

  • {

margin:0; padding:0; }

body { font-family: Tahoma, Arial, Verdana, sans-serif; }

li { list-style:none; }

a { text-decoration: none; }

a:link { font-size: 12px; color: #000000; text-decoration: none; }

a:visited { font-size: 12px; color: #000000; text-decoration: none; }

/********** Navbar **********/

.navbar { display: block; height: 60px; width: 100%; background: rgb(75, 151, 165); box-shadow: 0px 0px 0px #1E1E1E; position: fixed; z-index: 99; }

.nav-list { margin-top: 0px; z-index: 99; }

.nav-list li { display: block; float: right; margin-right: 10px; margin-left: 10px; height: 60px; width: 140px; position: relative; text-align: center; line-height: 60px; }

.nav-list li:hover { background: #1E1E1E; }

.nav-list li a:visited { color: #FFF; }

.nav-list li a:link { color: #FFF; }

.nav-list li a:hover { color: #EBEDF4; }

.sub-nav { display: none; position: relative; float: none; z-index: 99; top: 0px; left: -5px; padding: 0px; background: rgb(128, 156, 146); }

.sub-nav li { display: block; position: relative; float: none; padding-top: 0px; margin: 0px; width: auto; height: 26px; line-height: 90%; font-size: 16px; }

.sub-nav li a { display: block; padding-top: 0px; padding-bottom: 0px; height: 26px; line-height: 28px; float: none; }

.sub-nav li a:link { color: #FFF; }

.sub-nav li a:visited { color: #FFF; }

.sub-nav li:hover{ background: rgb(201, 202, 187); }

.caret { display: inline-block; width: 0; height: 3px; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; color: rgb(0, 0, 0); }

/********** Back to top **********/

.arrow-div { width: 3%; position: fixed; bottom: 20px; right: 25px; font-size: 0; line-height: 0; z-index: 100; }

.arrow-img { width: 100%; }


/*rgba(75, 151, 167, 1.0);*/