Template:Team:UCSD Software/CSS
From 2014.igem.org
(Difference between revisions)
(59 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<head> | <head> | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | |||
+ | |||
+ | #thumbTwo{ | ||
+ | |||
+ | height: 250px; | ||
+ | font-size: 100px; | ||
+ | text-align: center; | ||
+ | color: white; | ||
+ | background-color: #5C8AE6; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | #thumbTwo:hover{ | ||
+ | border: 1px solid gold; | ||
+ | background-color:#1947A3 ; | ||
+ | color:gold; | ||
+ | } | ||
+ | |||
+ | body{ | ||
+ | background-color: #333; | ||
+ | } | ||
+ | |||
+ | .thumbnail{ | ||
+ | background-color: #000000; | ||
+ | } | ||
+ | |||
+ | #extraInfo{ | ||
+ | opacity:.88; | ||
+ | margin-top: 10px; | ||
+ | margin-left: 2px; | ||
+ | margin-right: 1px; | ||
+ | } | ||
+ | |||
+ | #sliderItems{ | ||
+ | |||
+ | background-repeat: no-repeat; | ||
+ | background-size: 100%; | ||
+ | background:white; | ||
+ | } | ||
+ | |||
+ | .carousel-indicators li{ | ||
+ | background-color: #00004C; | ||
+ | |||
+ | } | ||
+ | |||
+ | #thumbOne{ | ||
+ | height: 250px; | ||
+ | font-size: 100px; | ||
+ | text-align: center; | ||
+ | color: white; | ||
+ | background-color: #5C8AE6; | ||
+ | |||
+ | } | ||
+ | |||
+ | #thumbOne:hover{ | ||
+ | border: 2px solid gold; | ||
+ | background-color: #1947A3; | ||
+ | color:gold; | ||
+ | //-webkit-transform:scale(1.1); | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | #thumbThree{ | ||
+ | |||
+ | |||
+ | height: 250px; | ||
+ | font-size: 100px; | ||
+ | text-align: center; | ||
+ | color: white; | ||
+ | background-color: #5C8AE6; | ||
+ | |||
+ | } | ||
+ | |||
+ | #thumbThree:hover{ | ||
+ | background-color: #1947A3; | ||
+ | border: 1px solid gold; | ||
+ | color:gold; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | #nav1{ | ||
+ | background-color: #003D99;//rgba(0,0,0,0.5); | ||
+ | color: white; | ||
+ | //border: 1px solid white; | ||
+ | padding: 1px; | ||
+ | text-align: center; | ||
+ | box-sizing: border-box; | ||
+ | border-radius: 0; | ||
+ | margin-top: -50px; | ||
+ | } | ||
+ | |||
+ | #nav1 .btn:hover{ | ||
+ | color: gold; | ||
+ | //background-color: rgba(204,204,204,0.5); | ||
+ | |||
+ | } | ||
+ | |||
+ | #nav{ | ||
+ | background-color: #003D99;//rgba(0,0,0,0.5); | ||
+ | color: white; | ||
+ | //border: 1px solid white; | ||
+ | padding: 1px; | ||
+ | box-sizing: border-box; | ||
+ | border-radius: 0; | ||
+ | margin-top: -50px; | ||
+ | } | ||
+ | |||
+ | #nav .btn:hover{ | ||
+ | color: gold; | ||
+ | //background-color: rgba(204,204,204,0.5); | ||
+ | |||
+ | } | ||
+ | |||
+ | h1{ | ||
+ | color: blue; | ||
+ | } | ||
+ | h2 { | ||
+ | color: blue; | ||
+ | } | ||
.nav a { | .nav a { | ||
Line 12: | Line 134: | ||
.nav{ | .nav{ | ||
//background-image:url('http://www.duolog.com/wp-content/uploads/Grey-Background.png'); | //background-image:url('http://www.duolog.com/wp-content/uploads/Grey-Background.png'); | ||
- | background-color: #333; | + | //background-color: #333; |
} | } | ||
/*.common{ | /*.common{ | ||
Line 24: | Line 146: | ||
.jumbotron { | .jumbotron { | ||
- | background-image:url('http://www.albiw.com/wp-content/uploads/bg_002.jpg'); | + | //background-image:url('http://www.albiw.com/wp-content/uploads/bg_002.jpg'); |
- | height: | + | //height: 600px; |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-size: cover; | background-size: cover; | ||
Line 31: | Line 153: | ||
.jumbotron .container { | .jumbotron .container { | ||
- | position: relative; | + | position: relative;//relative |
- | top:100px; | + | //top:100px; |
} | } | ||
Line 61: | Line 183: | ||
} | } | ||
.neighborhood-guides{ | .neighborhood-guides{ | ||
- | background-color: #efefef; | + | background-color: #dedede;//#efefef; |
border-bottom: 1px solid #dbdbdb; | border-bottom: 1px solid #dbdbdb; | ||
} | } | ||
Line 92: | Line 214: | ||
font-size: 20px; | font-size: 20px; | ||
color: #fff; | color: #fff; | ||
+ | } | ||
+ | |||
+ | /*::selection { | ||
+ | background: gold; | ||
+ | color: #fff; | ||
+ | }*/ | ||
+ | |||
+ | /*************************************************** | ||
+ | *********************** | ||
+ | ******************************* | ||
+ | ******************/ | ||
+ | |||
+ | |||
+ | #contentSub, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/ | ||
+ | |||
+ | .topWikiNavBackground { | ||
+ | height:18px; | ||
+ | margin-top: 0px;//-32px; | ||
+ | background-color:transparent; | ||
+ | } | ||
+ | |||
+ | #globalWrapper, #content { /*-- changes default wiki settings --*/ | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | border: 0px; | ||
+ | background-color: transparent; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | html, body, .wrapper { /*-- changes default wiki settings --*/ | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/ | ||
+ | border: 0 none; | ||
+ | height: 14px; | ||
+ | z-index: 100; | ||
+ | top: 0; | ||
+ | position: fixed; | ||
+ | width: 975px; | ||
+ | left: 50%; | ||
+ | margin-left: -487px; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | #top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/ | ||
+ | background-color:transparent; | ||
+ | height: 14px; | ||
+ | display: block; | ||
+ | z-index: 10; | ||
+ | position: fixed; | ||
+ | width:100%; | ||
+ | top: 0; | ||
+ | } | ||
+ | |||
+ | #menubar a:link, #menubar a:visited { /*-- styling for default menu bar links (edit, page, history, etc.) --*/ | ||
+ | color:#FFF; | ||
+ | text-decoration: none; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | #menubar a:active, #menubar a:hover | ||
+ | { | ||
+ | color:#FFF; | ||
+ | text-decoration: underline; | ||
+ | background-color:transparent; | ||
+ | } | ||
+ | |||
+ | <!-----------------------------------------------------------------------------------------------> | ||
+ | .firstHeading { | ||
+ | width: 975px; | ||
+ | margin: 0px auto; | ||
+ | padding-top: 100px; | ||
+ | margin-bottom: 20px; | ||
+ | font-family: Georgia, Times, "Times New Roman", serif; | ||
+ | } | ||
+ | |||
+ | h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;} | ||
+ | |||
+ | |||
+ | |||
+ | #contentcontainer { /*-- creates container for all content on page --*/ | ||
+ | font-family: Arial, Helvetica, sans-serif; | ||
+ | font-weight: normal; | ||
+ | font-size: 14px; | ||
+ | color: #414141; | ||
+ | width: 960px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | background-color: #transparent; | ||
+ | margin-top: 0px; | ||
} | } | ||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 22:42, 17 October 2014