"
Team:ATOMS-Turkiye/Templates/Style
From 2013.igem.org
(Difference between revisions)
| (53 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 160: | Line 171: | ||
-moz-border-radius: 5px; | -moz-border-radius: 5px; | ||
-webkit-border-radius: 5px; | -webkit-border-radius: 5px; | ||
| + | |||
| + | border: 5px solid #0E1722; | ||
} | } | ||
| Line 181: | Line 194: | ||
display: inline; | display: inline; | ||
float: left; | float: left; | ||
| - | border: 1px solid # | + | border-right: 1px solid #161414; |
| - | + | margin-bottom:0; | |
| - | + | background-color: rgba(190,190,190,0.5); | |
| - | + | border-radius: 8px; | |
| - | + | margin: 2px; | |
} | } | ||
.slide-pager li:hover{ | .slide-pager li:hover{ | ||
| Line 201: | Line 214: | ||
margin-top: 0.3em; | margin-top: 0.3em; | ||
margin-bottom: 0.3em; | margin-bottom: 0.3em; | ||
| + | border-right:1px solid #ddd; | ||
| + | } | ||
| + | .quicklinks > *:last-child{ | ||
| + | border-right:0px solid #ddd; | ||
} | } | ||
.quicklinks a{ | .quicklinks a{ | ||
| Line 217: | Line 234: | ||
*.rui-billboard> *:first-child, *.rui-billboard> *.rui-billboard-current:first-child{display:block;position:relative} | *.rui-billboard> *:first-child, *.rui-billboard> *.rui-billboard-current:first-child{display:block;position:relative} | ||
*.rui-billboard> *>img{margin:0;padding:0} | *.rui-billboard> *>img{margin:0;padding:0} | ||
| - | *.rui-billboard-current{position:absolute;left:0;top:0;display:block;z-index: | + | *.rui-billboard-current{position:absolute;left:0;top:0;display:block;z-index:9} |
| - | *.rui-billboard-button-prev, *.rui-billboard-button-next{position:absolute;z-index:99999;left:. | + | *.rui-billboard-button-prev, *.rui-billboard-button-next{position:absolute;z-index:99999;left:.5em;top:auto;bottom:.25em;display:block;width:.5em;height:auto;text-align:center;font-size:200%;font-family:Arial;font-weight:bold;padding:0em .5em .2em .5em;background:white;opacity:0;filter:alpha(opacity:0);cursor:pointer;border:.12em solid #888;border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em;user-select:none;-moz-user-select:none;-webkit-user-select:none;transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out} |
*.rui-billboard-button-next{left:auto;right:.25em;text-align:right} | *.rui-billboard-button-next{left:auto;right:.25em;text-align:right} | ||
*.rui-billboard-button-prev:active{text-indent:-.1em} | *.rui-billboard-button-prev:active{text-indent:-.1em} | ||
| Line 229: | Line 246: | ||
width: 80%; | width: 80%; | ||
height: 270px; | height: 270px; | ||
| - | margin: 10%; | + | margin-left: 10%; |
| + | margin-right: 10%; | ||
} | } | ||
#billboard li{ | #billboard li{ | ||
| - | box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0. | + | box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.4); |
| - | -moz-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0. | + | -moz-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.4); |
| - | -webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0. | + | -webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.4); |
margin: 20px; | margin: 20px; | ||
padding: 20px; | padding: 20px; | ||
| Line 240: | Line 258: | ||
border: 1px solid #bbbbbb; | border: 1px solid #bbbbbb; | ||
| - | border-radius: | + | border-radius: 10px; |
| - | -moz-border-radius: | + | -moz-border-radius: 10px; |
| - | -webkit-border-radius: | + | -webkit-border-radius: 10px; |
| + | } | ||
| + | .mw-headline | ||
| + | { | ||
| + | text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.40); | ||
| + | color: #0080ff; | ||
| + | |||
| + | cursor: pointer; | ||
| + | } | ||
| + | .editsection{ | ||
| + | font-size: 70%; | ||
| + | } | ||
| + | |||
| + | .floatingHeader{ | ||
| + | position: fixed; | ||
| + | top: 0; | ||
| + | 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
