Difference between revisions of "Template:Tsinghua-A"
| Line 212: | Line 212: | ||
| − | ::selection { | + | div#mycontent ::selection { |
background:#666; | background:#666; | ||
color:#DDD; | color:#DDD; | ||
} | } | ||
| − | ::-webkit-scrollbar { | + | div#mycontent ::-webkit-scrollbar { |
width: 8px; | width: 8px; | ||
} | } | ||
| − | ::-webkit-scrollbar-track { | + | div#mycontent ::-webkit-scrollbar-track { |
-webkit-box-shadow:inset006pxrgba(0,0,0,0.3); | -webkit-box-shadow:inset006pxrgba(0,0,0,0.3); | ||
border-radius:9px; | border-radius:9px; | ||
} | } | ||
| − | ::-webkit-scrollbar-thumb { | + | div#mycontent ::-webkit-scrollbar-thumb { |
background:rgba(10,10,10,0.4); | background:rgba(10,10,10,0.4); | ||
-webkit-box-shadow:inset006pxrgba(0,0,0,0.5); | -webkit-box-shadow:inset006pxrgba(0,0,0,0.5); | ||
} | } | ||
| − | ::-webkit-scrollbar-thumb:window-inactive { | + | div#mycontent ::-webkit-scrollbar-thumb:window-inactive { |
background:rgba(0,0,0,0.1); | background:rgba(0,0,0,0.1); | ||
} | } | ||
| − | + | div#mycontent { | |
| + | margin: 80px 15% 100px; | ||
| + | width: 70%; | ||
| + | font-size:100%; | ||
| + | } | ||
| + | |||
| + | div#mycontent body { | ||
padding: 80px 0 0 0; | padding: 80px 0 0 0; | ||
user-select: none; | user-select: none; | ||
| Line 245: | Line 251: | ||
} | } | ||
| − | + | div#mycontent #header-sroll { | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | #header-sroll { | + | |
position:fixed; | position:fixed; | ||
height: 100px; | height: 100px; | ||
| Line 272: | Line 272: | ||
} | } | ||
| − | #header-sroll h1 { | + | div#mycontent #header-sroll h1 { |
margin: 35px 0; | margin: 35px 0; | ||
min-width: 200px; | min-width: 200px; | ||
| Line 285: | Line 285: | ||
} | } | ||
| − | #header-sroll.small { | + | div#mycontent #header-sroll.small { |
height: 70px; | height: 70px; | ||
} | } | ||
| − | #header-sroll.small h1{ | + | div#mycontent #header-sroll.small h1{ |
margin: 20px 100% 26px 0; | margin: 20px 100% 26px 0; | ||
font-size: 24; | font-size: 24; | ||
| Line 295: | Line 295: | ||
} | } | ||
| − | div { | + | div#mycontent div { |
margin: 30px 0; | margin: 30px 0; | ||
-ms-transition: all 0.3s ease-out; | -ms-transition: all 0.3s ease-out; | ||
| Line 304: | Line 304: | ||
} | } | ||
| − | div:hover { | + | div#mycontent div:hover { |
user-select: text; | user-select: text; | ||
} | } | ||
| − | div.container{ | + | div#mycontent div.container{ |
background-color: #FAFAFA; | background-color: #FAFAFA; | ||
margin: 0; | margin: 0; | ||
| Line 321: | Line 321: | ||
} | } | ||
| − | div.container:hover { | + | div#mycontent div.container:hover { |
transition-property: box-shadow; | transition-property: box-shadow; | ||
transition: .3s; | transition: .3s; | ||
| Line 330: | Line 330: | ||
} | } | ||
| − | div.container:active { | + | div#mycontent div.container:active { |
transition-property: box-shadow; | transition-property: box-shadow; | ||
transition: .1s; | transition: .1s; | ||
| Line 339: | Line 339: | ||
} | } | ||
| − | div#footer { | + | div#mycontent div#footer { |
z-index: -1; | z-index: -1; | ||
position: fixed; | position: fixed; | ||
| Line 352: | Line 352: | ||
} | } | ||
| − | div#footer:hover { | + | div#mycontent div#footer:hover { |
opacity: 0.6; | opacity: 0.6; | ||
} | } | ||
| − | div#footer p { | + | div#mycontent div#footer p { |
font-size: 1rem; | font-size: 1rem; | ||
} | } | ||
| − | h1, h2, h3, h4, h5, h6{ | + | div#mycontent h1, h2, h3, h4, h5, h6{ |
user-select: none; | user-select: none; | ||
margin: 2.5rem 0 1.3rem 0; | margin: 2.5rem 0 1.3rem 0; | ||
| Line 367: | Line 367: | ||
} | } | ||
| − | h1 { | + | div#mycontent h1 { |
transition-property: color; | transition-property: color; | ||
transition: .3s; | transition: .3s; | ||
| Line 374: | Line 374: | ||
} | } | ||
| − | h1.title:hover { | + | div#mycontent h1.title:hover { |
color: #7996BD; | color: #7996BD; | ||
} | } | ||
| − | h2 { | + | div#mycontent h2 { |
font-size:2.0rem; | font-size:2.0rem; | ||
} | } | ||
| − | h3 { | + | div#mycontent h3 { |
font-size:1.7rem; | font-size:1.7rem; | ||
} | } | ||
| − | h4 { | + | div#mycontent h4 { |
font-size:1.4rem; | font-size:1.4rem; | ||
} | } | ||
| − | p { | + | div#mycontent p { |
margin-bottom: 1rem; | margin-bottom: 1rem; | ||
margin-top: 0; | margin-top: 0; | ||
| Line 397: | Line 397: | ||
} | } | ||
| − | p:hover { | + | div#mycontent p:hover { |
color: #666; | color: #666; | ||
} | } | ||
| − | ul { | + | div#mycontent ul { |
list-style-type: none; | list-style-type: none; | ||
} | } | ||
| − | li { | + | div#mycontent li { |
line-height: 150%; | line-height: 150%; | ||
font-size: 1rem; | font-size: 1rem; | ||
} | } | ||
| − | a { | + | div#mycontent a { |
text-decoration: none; | text-decoration: none; | ||
color: #3377aa; | color: #3377aa; | ||
} | } | ||
| − | a:hover { | + | div#mycontent a:hover { |
color: white; | color: white; | ||
background-color: #3377aa; | background-color: #3377aa; | ||
Revision as of 15:33, 5 July 2018
