Team:Uppsala/stylesheet.css

From 2014.igem.org

(Difference between revisions)
Line 85: Line 85:
         height: 100px; /* IMPORTANT NOTE!! This needs to be removed or replaced, just a placeholder! */
         height: 100px; /* IMPORTANT NOTE!! This needs to be removed or replaced, just a placeholder! */
         border: 1px solid; /* IMPORTANT NOTE!! This needs to be removed or replaced, just a placeholder! */
         border: 1px solid; /* IMPORTANT NOTE!! This needs to be removed or replaced, just a placeholder! */
 +
}
 +
 +
#tabs {
 +
  overflow: auto;
 +
  width: 100%;
 +
  list-style: none;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
 +
#tabs li {
 +
    margin: 0;
 +
    padding: 0;
 +
    float: left;
 +
}
 +
 +
#tabs a {
 +
    box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
 +
    background: #ad1c1c;
 +
    background: linear-gradient(220deg, transparent 10px, #ad1c1c 10px);
 +
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
 +
    color: #fff;
 +
    float: left;
 +
    font: bold 12px/35px 'Lucida sans', Arial, Helvetica;
 +
    height: 35px;
 +
    padding: 0 30px;
 +
    text-decoration: none;
 +
}
 +
 +
#tabs a:hover {
 +
    background: #c93434;
 +
    background: linear-gradient(220deg, transparent 10px, #c93434 10px);   
 +
}
 +
 +
#tabs a:focus {
 +
    outline: 0;
 +
}
 +
 +
#tabs #current a {
 +
    background: #fff;
 +
    background: linear-gradient(220deg, transparent 10px, #fff 10px);
 +
    text-shadow: none;   
 +
    color: #333;
 +
}
 +
 +
#content {
 +
    background-color: #fff;
 +
    background-image:        linear-gradient(top, #fff, #ddd);
 +
    border-radius: 0 2px 2px 2px;
 +
    box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset;
 +
    padding: 30px;
 +
}
 +
 +
/* Remove the rule below if you want the content to be "organic" */
 +
#content div {
 +
    height: 220px;
}
}

Revision as of 12:31, 26 June 2014

  1. master {

width: 100%; min-height: 500px; font-family: "Times New Roman", Times, serif; font-size: 16px; font-weight:bold; }

  1. main_frame_upper {

width: 100%; background-color: #4B5320;

}

  1. header {

width: 1130px; margin-left: auto; margin-right: auto;

}

  1. left_content_header {

float: left; width: 310px; 

       padding-bottom: 20px;

}

  1. right_content_header { 
       margin-top:20px;

float: right; padding-bottom: 20px;

}

  1. menu { 
   margin-left:auto;
   margin-right:auto;

text-align: center; 

       width: 100%;
       background-color: green;
       min-width: 1024px;
       clear:both;

}

  1. main_frame_lower {

border: none; 

   width: 99.5%;
   height: 99.5%;

width: 100%; }

  1. main_content { 
	border: 2px solid #a1a1a1;

background-color: #dddddd; width: 1050px; min-height: 400px; margin-right: auto; margin-left: auto; 

       margin-top: 80px;
       margin-bottom:50px;
       padding: 20px;
       border-radius: 25px;

}

  1. menu_2 { 
       border: 1px solid;
       height: 100px;
       width: 100%;

}

  1. tracking_system { 
       width: 100%;
       height: 100px; /* IMPORTANT NOTE!! This needs to be removed or replaced, just a placeholder! */
       border: 1px solid; /* IMPORTANT NOTE!! This needs to be removed or replaced, just a placeholder! */

}

  1. tabs { 
 overflow: auto;
 width: 100%;
 list-style: none;
 margin: 0;
 padding: 0;

}

  1. tabs li { 
   margin: 0;
   padding: 0;
   float: left;

}

  1. tabs a { 
   box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
   background: #ad1c1c;
   background: linear-gradient(220deg, transparent 10px, #ad1c1c 10px);
   text-shadow: 0 1px 0 rgba(0,0,0,.5);
   color: #fff;
   float: left;
   font: bold 12px/35px 'Lucida sans', Arial, Helvetica;
   height: 35px;
   padding: 0 30px;
   text-decoration: none;

}

  1. tabs a:hover { 
   background: #c93434;
   background: linear-gradient(220deg, transparent 10px, #c93434 10px);

}

  1. tabs a:focus { 
   outline: 0;

}

  1. tabs #current a { 
   background: #fff;
   background: linear-gradient(220deg, transparent 10px, #fff 10px);
   text-shadow: none;    
   color: #333;

}

  1. content { 
   background-color: #fff;
   background-image:         linear-gradient(top, #fff, #ddd);
   border-radius: 0 2px 2px 2px;
   box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset;
   padding: 30px;

}

/* Remove the rule below if you want the content to be "organic" */

  1. content div { 
   height: 220px;

}

.logo {

width: 300px; }

.pic { 

       height: 224px;

}

.home_logo {

height: 24px;

}

Retrieved from "http://2014.igem.org/Team:Uppsala/stylesheet.css"