"
Team:ATOMS-Turkiye/Templates/Style
From 2013.igem.org
(Difference between revisions)
| (33 intermediate revisions not shown) | |||
| Line 4: | Line 4: | ||
@charset "UTF-8"; | @charset "UTF-8"; | ||
| + | #globalwrapper{ | ||
| + | font-size:100%; | ||
| + | } | ||
#searchInput { | #searchInput { | ||
| - | + | display:none; | |
| + | } | ||
| + | #toc{ | ||
| + | float: right; | ||
} | } | ||
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo, items { | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo, items { | ||
| - | + | display:none;} | |
#top-section { | #top-section { | ||
| - | + | border: none; | |
| - | + | height: 0px; | |
| + | } | ||
#content { | #content { | ||
| - | + | border: none; | |
| - | + | padding:0; | |
| + | box-shadow: 0px 0px 5px 2px rgba(119, 119, 119, 0.55); | ||
| + | -moz-box-shadow: 0px 0px 5px 2px rgba(119, 119, 119, 0.55); | ||
| + | -webkit-box-shadow: 0px 0px 5px 2px rgba(119, 119, 119, 0.55); | ||
} | } | ||
#top-section{ | #top-section{ | ||
| Line 46: | Line 56: | ||
z-index:800; | z-index:800; | ||
} | } | ||
| - | # | + | #bodyContent h1, #bodyContent h2 { |
| + | } | ||
| + | .article{ | ||
width: 85%; | width: 85%; | ||
position: relative; | position: relative; | ||
| - | + | margin: 10px auto 0 auto; | |
| - | + | ||
| - | margin: | + | |
padding:20px 50px 50px 25px; | padding:20px 50px 50px 25px; | ||
text-decoration:none; | text-decoration:none; | ||
border:none; | border:none; | ||
| - | |||
} | } | ||
| Line 88: | Line 97: | ||
width: 100%; | width: 100%; | ||
height: 180px; | height: 180px; | ||
| - | |||
| - | |||
| - | |||
| - | |||
} | } | ||
| Line 99: | Line 104: | ||
} | } | ||
#menu li a { | #menu li a { | ||
| - | |||
font-weight: bold; | font-weight: bold; | ||
| - | font-size: | + | font-size:100%; |
color: #FFFFFF; | color: #FFFFFF; | ||
text-align: center; | text-align: center; | ||
padding: 0px; | padding: 0px; | ||
| + | padding-top: 4px; | ||
| + | padding-bottom: 3px; | ||
text-decoration: none; | text-decoration: none; | ||
top: -14px; | top: -14px; | ||
| Line 112: | Line 118: | ||
} | } | ||
#menu li a:hover{ | #menu li a:hover{ | ||
| - | background: # | + | background: #A74B48; |
} | } | ||
#menu, #menu ul { | #menu, #menu ul { | ||
| + | display: inline-block; | ||
| + | width: 100%; | ||
list-style-type:none; | list-style-type:none; | ||
padding: 0; | padding: 0; | ||
| Line 121: | Line 129: | ||
} | } | ||
#menu li { | #menu li { | ||
| - | background: # | + | background: #233447; |
display:inline; | display:inline; | ||
| + | position: relative; | ||
float: left; | float: left; | ||
width: 12.5%; | width: 12.5%; | ||
} | } | ||
#menu li ul { | #menu li ul { | ||
| + | background: #233447; | ||
position: absolute; | position: absolute; | ||
width: 10em; | width: 10em; | ||
| Line 132: | Line 142: | ||
#menu li ul li{ | #menu li ul li{ | ||
width: 100%; | width: 100%; | ||
| + | border-bottom: 1px solid #1A1C20; | ||
} | } | ||
| Line 140: | Line 151: | ||
} | } | ||
.boxin{ | .boxin{ | ||
| - | box-shadow: inset 0px 0px | + | box-shadow: inset 0px 0px 32px 4px rgba(0, 0, 0, 0.45); |
| - | -moz-box-shadow: inset 0px 0px | + | -moz-box-shadow: inset 0px 0px 32px 4px rgba(0, 0, 0, 0.45); |
| - | -webkit-box-shadow: inset 0px 0px | + | -webkit-box-shadow: inset 0px 0px 32px 4px rgba(0, 0, 0, 0.45); |
} | } | ||
| - | |||
| - | |||
| - | |||
| - | |||
.infocard{ | .infocard{ | ||
font-size:85%; | font-size:85%; | ||
margin:2em; | margin:2em; | ||
| + | color: #fff; | ||
} | } | ||
| Line 163: | Line 171: | ||
-moz-border-radius: 5px; | -moz-border-radius: 5px; | ||
-webkit-border-radius: 5px; | -webkit-border-radius: 5px; | ||
| + | |||
| + | border: 5px solid #0E1722; | ||
} | } | ||
| Line 184: | Line 194: | ||
display: inline; | display: inline; | ||
float: left; | float: left; | ||
| - | border-right: 1px solid # | + | border-right: 1px solid #161414; |
margin-bottom:0; | margin-bottom:0; | ||
background-color: rgba(190,190,190,0.5); | background-color: rgba(190,190,190,0.5); | ||
| + | border-radius: 8px; | ||
| + | margin: 2px; | ||
} | } | ||
.slide-pager li:hover{ | .slide-pager li:hover{ | ||
| Line 252: | Line 264: | ||
.mw-headline | .mw-headline | ||
{ | { | ||
| - | + | text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.40); | |
| - | + | color: #0080ff; | |
| + | |||
| + | cursor: pointer; | ||
} | } | ||
.editsection{ | .editsection{ | ||
| Line 263: | Line 277: | ||
top: 0; | top: 0; | ||
visibility: hidden; | visibility: hidden; | ||
| + | } | ||
| + | .tourview{ | ||
| + | margin:auto; | ||
| + | width:907px; | ||
| + | height:283px; | ||
| + | -webkit-background-size: cover; | ||
| + | -moz-background-size: cover; | ||
| + | -o-background-size: cover; | ||
| + | background-size: cover; | ||
| + | } | ||
| + | .tourview a{ | ||
| + | width:25%; | ||
| + | height:100%; | ||
| + | display:block; | ||
| + | float:left; | ||
| + | } | ||
| + | .blockquote{ | ||
| + | margin:40px; | ||
| + | padding:15px; | ||
| + | background:rgba(67,190,80,0.2); | ||
| + | border: 1px solid #222; | ||
| + | } | ||
| + | .shadowtext{ | ||
| + | text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.73); | ||
} | } | ||
</style> | </style> | ||
</html> | </html> | ||
Latest revision as of 02:27, 5 October 2013
