Difference between revisions of "Template:HSNU-TAIPEI/main"
(19 intermediate revisions by the same user not shown) | |||
Line 97: | Line 97: | ||
float: left; | float: left; | ||
width: 25%; | width: 25%; | ||
+ | } | ||
+ | |||
+ | .logo::before { | ||
+ | content: ""; | ||
+ | background: url('https://static.igem.org/mediawiki/2015/2/2f/HSNU-TAIPEI_logo.png') no-repeat; | ||
+ | width: 100px; | ||
+ | height: 100px; | ||
+ | -webkit-background-size: contain; | ||
+ | -moz-background-size: contain; | ||
+ | -o-background-size: contain; | ||
+ | background-size: contain; | ||
+ | display: inline-block; | ||
+ | display: none; | ||
} | } | ||
.logo a { | .logo a { | ||
− | display: block; | + | display: inline-block; |
width: 180px; | width: 180px; | ||
margin-top: 28px; | margin-top: 28px; | ||
font-size: 32px; | font-size: 32px; | ||
color: #efeae1; | color: #efeae1; | ||
+ | vertical-align: top; | ||
} | } | ||
Line 194: | Line 208: | ||
overflow-y: auto; | overflow-y: auto; | ||
margin: 0 !important; | margin: 0 !important; | ||
+ | padding-top: 10px !important; | ||
} | } | ||
Line 206: | Line 221: | ||
height: 100%; | height: 100%; | ||
margin: 0; | margin: 0; | ||
− | padding: 30px; | + | padding: 20px 30px; |
font-size: 150%; | font-size: 150%; | ||
color: #584b4f; | color: #584b4f; | ||
Line 241: | Line 256: | ||
color: #584b4f; | color: #584b4f; | ||
line-height: 1.2; | line-height: 1.2; | ||
+ | font-weight: bold; | ||
} | } | ||
Line 312: | Line 328: | ||
.article-title { | .article-title { | ||
− | padding: 20px 10px 0; | + | padding: 20px 10px 0 0; |
margin: 0 0 20px; | margin: 0 0 20px; | ||
font-size: 1.5em; | font-size: 1.5em; | ||
Line 319: | Line 335: | ||
.article-p { | .article-p { | ||
line-height: 1.6; | line-height: 1.6; | ||
− | margin: 20px; | + | margin: 20px 0; |
margin-top: 0; | margin-top: 0; | ||
color: #66595c; | color: #66595c; | ||
} | } | ||
+ | /* NORMALIZE */ | ||
+ | |||
+ | .article-ul, | ||
+ | .article-ol { | ||
+ | margin: 0 !important; | ||
+ | padding-left: 2em !important; | ||
+ | } | ||
.article-p, | .article-p, | ||
.article-ul, | .article-ul, | ||
Line 527: | Line 550: | ||
} | } | ||
+ | .table-note { | ||
+ | margin-bottom: 0 !important; | ||
+ | padding-bottom: 0 !important; | ||
+ | } | ||
+ | |||
+ | .figure-note { | ||
+ | margin-top: 0 !important; | ||
+ | padding-top: 0 !important; | ||
+ | } | ||
/* TABLE */ | /* TABLE */ | ||
Line 542: | Line 574: | ||
th, td { | th, td { | ||
text-align: center; | text-align: center; | ||
− | padding: | + | padding: 5px; |
font-weight: 300; | font-weight: 300; | ||
} | } | ||
Line 550: | Line 582: | ||
#table-two-colspan { | #table-two-colspan { | ||
− | padding-left: | + | padding-left: 40px; |
text-align: left; | text-align: left; | ||
} | } | ||
Line 565: | Line 597: | ||
.img-figure:not(:first-child) { | .img-figure:not(:first-child) { | ||
border-left: none; | border-left: none; | ||
− | } | + | } |
} | } | ||
Line 637: | Line 669: | ||
.side-nav ul { | .side-nav ul { | ||
padding-left: 0; | padding-left: 0; | ||
+ | margin-left: 0; | ||
} | } | ||
Line 642: | Line 675: | ||
list-style: none; | list-style: none; | ||
margin: 10px; | margin: 10px; | ||
− | padding: | + | padding: 1px; |
− | width: | + | max-width: 120px; |
+ | } | ||
+ | |||
+ | th, td { | ||
+ | padding: 20px 10px; | ||
+ | } | ||
+ | |||
+ | #table-two-colspan { | ||
+ | padding-left: 80px; | ||
+ | } | ||
+ | .logo::before { | ||
+ | display: inline-block; | ||
} | } | ||
Line 698: | Line 742: | ||
left: auto; | left: auto; | ||
overflow: visible; | overflow: visible; | ||
+ | padding-top: 0 !important; | ||
} | } | ||
Latest revision as of 08:08, 5 November 2015