"
Team:ATOMS-Turkiye/Templates/Style
From 2013.igem.org
(Difference between revisions)
| (22 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 47: | Line 57: | ||
} | } | ||
#bodyContent h1, #bodyContent h2 { | #bodyContent h1, #bodyContent h2 { | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
} | } | ||
.article{ | .article{ | ||
| Line 93: | Line 97: | ||
width: 100%; | width: 100%; | ||
height: 180px; | height: 180px; | ||
| - | |||
| - | |||
| - | |||
| - | |||
} | } | ||
| Line 121: | Line 121: | ||
} | } | ||
#menu, #menu ul { | #menu, #menu ul { | ||
| + | display: inline-block; | ||
| + | width: 100%; | ||
list-style-type:none; | list-style-type:none; | ||
padding: 0; | padding: 0; | ||
| Line 129: | Line 131: | ||
background: #233447; | background: #233447; | ||
display:inline; | display:inline; | ||
| + | position: relative; | ||
float: left; | float: left; | ||
width: 12.5%; | width: 12.5%; | ||
| Line 139: | Line 142: | ||
#menu li ul li{ | #menu li ul li{ | ||
width: 100%; | width: 100%; | ||
| + | border-bottom: 1px solid #1A1C20; | ||
} | } | ||
| Line 147: | 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); |
} | } | ||
| Line 155: | Line 159: | ||
font-size:85%; | font-size:85%; | ||
margin:2em; | margin:2em; | ||
| + | color: #fff; | ||
} | } | ||
| Line 166: | Line 171: | ||
-moz-border-radius: 5px; | -moz-border-radius: 5px; | ||
-webkit-border-radius: 5px; | -webkit-border-radius: 5px; | ||
| + | |||
| + | border: 5px solid #0E1722; | ||
} | } | ||
| Line 187: | 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 255: | Line 264: | ||
.mw-headline | .mw-headline | ||
{ | { | ||
| - | + | text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.40); | |
| - | + | color: #0080ff; | |
| + | |||
| + | cursor: pointer; | ||
} | } | ||
.editsection{ | .editsection{ | ||
| Line 266: | 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
