Team:ATOMS-Turkiye/Templates/Style
From 2013.igem.org
(Difference between revisions)
(38 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{ | ||
height: 20px !important; | height: 20px !important; | ||
Line 44: | 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 86: | Line 97: | ||
width: 100%; | width: 100%; | ||
height: 180px; | height: 180px; | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 97: | 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; | ||
+ | } | ||
+ | #menu >li { | ||
+ | border-bottom: 1px solid #000; | ||
} | } | ||
#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 117: | Line 129: | ||
} | } | ||
#menu li { | #menu li { | ||
+ | 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 127: | Line 142: | ||
#menu li ul li{ | #menu li ul li{ | ||
width: 100%; | width: 100%; | ||
+ | border-bottom: 1px solid #1A1C20; | ||
} | } | ||
Line 135: | 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 158: | Line 171: | ||
-moz-border-radius: 5px; | -moz-border-radius: 5px; | ||
-webkit-border-radius: 5px; | -webkit-border-radius: 5px; | ||
+ | |||
+ | border: 5px solid #0E1722; | ||
} | } | ||
Line 179: | 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 247: | Line 264: | ||
.mw-headline | .mw-headline | ||
{ | { | ||
- | + | text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.40); | |
- | + | color: #0080ff; | |
+ | |||
+ | cursor: pointer; | ||
} | } | ||
.editsection{ | .editsection{ | ||
Line 258: | 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