Template:Team:UCSD Software/CSS

From 2014.igem.org

(Difference between revisions)
 
(48 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{
h1{
Line 9: Line 124:
color: blue;
color: blue;
}
}
 +
.nav a {
.nav a {
   color: #F0F8FF;
   color: #F0F8FF;
Line 18: 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 30: 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: 470px;
+
   //height: 600px;
   background-repeat: no-repeat;
   background-repeat: no-repeat;
   background-size: cover;
   background-size: cover;
Line 37: Line 153:
.jumbotron .container {
.jumbotron .container {
-
   position: relative;
+
   position: relative;//relative
-
   top:100px;
+
   //top:100px;
}
}
Line 67: Line 183:
}
}
.neighborhood-guides{
.neighborhood-guides{
-
     background-color: #efefef;
+
     background-color: #dedede;//#efefef;
     border-bottom: 1px solid #dbdbdb;
     border-bottom: 1px solid #dbdbdb;
}
}
Line 100: Line 216:
}
}
 +
/*::selection {
 +
background: gold;
 +
color: #fff;
 +
}*/
/***************************************************
/***************************************************
Line 105: Line 225:
*******************************
*******************************
******************/
******************/
 +
#contentSub, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
#contentSub, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
.topWikiNavBackground {
.topWikiNavBackground {
-
     height:0px;
+
     height:18px;
-
     margin-top:0px;
+
     margin-top: 0px;//-32px;
     background-color:transparent;
     background-color:transparent;
}
}
Line 130: Line 251:
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
border: 0 none;
border: 0 none;
-
height: 0px;
+
height: 14px;
z-index: 100;
z-index: 100;
top: 0;
top: 0;
-
position: static;
+
position: fixed;
width: 975px;  
width: 975px;  
left: 50%;  
left: 50%;  
-
        display: none;
 
margin-left: -487px;
margin-left: -487px;
         background-color: transparent;  
         background-color: transparent;  
Line 143: Line 263:
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
         background-color:transparent;
         background-color:transparent;
-
         height: 0px;
+
         height: 14px;
-
display: none;
+
display: block;
z-index: 10;
z-index: 10;
-
position: static;
+
position: fixed;
width:100%;
width:100%;
top: 0;
top: 0;
Line 154: Line 274:
         color:#FFF;
         color:#FFF;
text-decoration: none;  
text-decoration: none;  
-
        display: none;
 
background-color: transparent;
background-color: transparent;
}
}
Line 161: Line 280:
{
{
         color:#FFF;
         color:#FFF;
-
        display: none;
 
text-decoration: underline;
text-decoration: underline;
         background-color:transparent;
         background-color:transparent;
}
}
-
 
+
<!----------------------------------------------------------------------------------------------->
-
::selection {
+
.firstHeading {
-
background: #F79042;
+
width: 975px;
-
color: #fff;
+
margin: 0px auto;
 +
padding-top: 100px;
 +
margin-bottom: 20px;
 +
font-family: Georgia, Times, "Times New Roman", serif;  
}
}
-
.slide-out-div {
+
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
-
          padding: 20px;
+
-
          background-image:url(../img_bu14/popopenbkgd_bu14.png);
+
-
  background-repeat:repeat;
+
-
  z-index:30;
+
-
  text-align:left;
+
-
      }
+
-
 
+
-
 
+
#contentcontainer { /*-- creates container for all content on page --*/
-
body {
+
font-family: Arial, Helvetica, sans-serif;  
-
color: #353535;
+
font-weight: normal;
-
font: 14px/23px proxima-nova-alt, "Proxima Nova Alt", sans-serif;
+
font-size: 14px;
-
//text-align:center;
+
color: #414141;
 +
width: 960px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #transparent;  
 +
margin-top: 0px;  
}
}
-
 
-
 
-
 
-
 
-
.content{
 
-
text-align:left;
 
-
width:100%;
 
-
position:relative;
 
-
z-index:10;
 
-
 
-
}
 
-
.text{
 
-
width:75%;
 
-
margin-left:auto;
 
-
margin-right:auto;
 
-
}
 
-
.content1{
 
-
background-image:url(../img_bu14/whitebkgd_bu14.png);
 
-
background-repeat:repeat;}
 
-
 
-
 
-
 
-
@media only screen and (min-device-width: 320px) and (max-device-width: 480px), (max-width: 900px) {
 
-
.wrap {
 
-
width: 90%;
 
-
}
 
-
#logo {
 
-
left: 50px;
 
-
top: 30px;
 
-
}
 
-
 
-
 
-
 
-
 
-
}
 
-
 
-
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
 
-
.features li:before {
 
-
background: url('img/icons@2x.png');
 
-
background-size: 100%;
 
-
}
 
-
}
 
-
 
-
 
</style>
</style>
</html>
</html>

Latest revision as of 22:42, 17 October 2014

Retrieved from "http://2014.igem.org/Template:Team:UCSD_Software/CSS"