Team:UT Dallas/css

From 2013.igem.org

(Difference between revisions)
 
(63 intermediate revisions not shown)
Line 1: Line 1:
/* Header formatting */
/* Header formatting */
-
h1, h2, h3, h4, h5 { font-family: "Trebuchet MS", sans-serif; padding:10px; }
+
#top-section
-
h2, h2 a, h2 a:visited { background: #444; color: #AAA; }
+
{
-
h3, h3 a, h3 a:visited { color: #444; text-decoration: bold;}
+
  display:none;
 +
}
/* Full page formatting */
/* Full page formatting */
#content {
#content {
-
padding: 0px 0px 0px 0px;
+
    background: none repeat scroll 0 0 #FFFFFF;
-
width:1024px;
+
    border: 0 none;
-
margin: 15px auto 15px;
+
    box-shadow: 0 0 8px 3px #222222;
-
background: none repeat scroll 0 0 transparent;
+
    margin: 15px auto;
-
border:0px;
+
    padding: 0;
 +
    width: 1000px;
 +
    -moz-border-radius: 5px;
 +
    -webkit-border-radius: 5px;
 +
    -khtml-border-radius: 5px;
 +
    border-radius: 5px;
 +
}
 +
 
 +
#back {
 +
    background-color: #C2E0C2;
 +
}
 +
 
 +
/*FORMATS THE BACKGROUND FOR ALL PAGES*/
 +
#top-section {
 +
    position: relative;
 +
    height: 20px;
 +
    width: 975px;
 +
}
 +
 
 +
#contentSub,#search-controls,.firstHeading,#catlinks,#p-logo {
 +
    display: none;
 +
}
 +
 
 +
#container {
 +
    width: 1000px;
 +
}
 +
 
 +
#globalwrapper {
 +
    margin: 0 0 auto auto;
}
}
-
body#back { background-color: #C2E0C2 }  /*FORMATS THE BACKGROUND FOR ALL PAGES*/
 
-
#top-section { position: relative; height: 20px; width: 975px; }
 
-
#contentSub, #search-controls, .firstHeading, #catlinks, #p-logo { display:none; }
 
-
#container { margin: 15px 0px auto auto; width: 975px; }
 
-
#globalwrapper { margin: 0px 0px auto auto; }
 
/* Title panel formatting */
/* Title panel formatting */
-
#top-panel { height: 260px; background-color: white; background-image: url('https://static.igem.org/mediawiki/2013/d/dd/Nserl2.png'); } /*FORMATS HEADER BACKGROUND*/
+
#top-panel {
-
#top-panel { margin: -20px -10px auto -10px; border-radius: 5px 5px 0px 0px; box-shadow: 0px -2px 6px 2px #222; }
+
    background-color: #FFFFFF;
-
#trans { text-align: right; color: #555; letter-spacing: 1.3px; }
+
    background-image: url("https://static.igem.org/mediawiki/2013/d/dd/Nserl2.png");
-
#sa { line-height: 100%; font-family: "Trebuchet MS", sans-serif; font-size: 36px; }
+
    height: 300px;
-
#sa { color: #008ACF; padding-top: 55px; letter-spacing: 1.3px; text-align: right; }
+
    width: 1000px;
 +
    border-radius: 5px 5px 0 0;
 +
}
 +
 
 +
#trans {
 +
    text-align: right;
 +
    color: #555;
 +
    letter-spacing: 1.3px;
 +
}
 +
 
 +
#sa {
 +
    line-height: 100%;
 +
    font-family: "Trebuchet MS", sans-serif;
 +
    font-size: 36px;
 +
}
 +
 
 +
#sa {
 +
    color: #008ACF;
 +
    padding-top: 55px;
 +
    letter-spacing: 1.3px;
 +
    text-align: right;
 +
}
/* Border above main menu formatting */
/* Border above main menu formatting */
-
#border-top { background-color: #6c6c6c; height: 6px; width: 995px; margin: 0px -10px 0px -10px; }
+
#border-top {
 +
    background-color: #6c6c6c;
 +
    height: 6px;
 +
    width: 1000px;
 +
}
/* Main menu formatting */
/* Main menu formatting */
-
#nav { font-family: "Trebuchet MS", sans-serif; font-size: 15px; color: white;}
+
#nav {
-
#nav { background-color: #339933; width: 1025px; list-style: none; }
+
    background-color: #339933;
-
#nav { float: left; margin: 0px 0px auto -25px; z-index: 5; }
+
    color: #FFFFFF;
-
#nav li { float: left; margin: 0px 20px 0px -5px; position:relative; }
+
    float: left;
-
#nav a { display: block; padding: 5px 15px; text-decoration: none; color: white; border-style: none; }
+
    font-family: "Trebuchet MS",sans-serif;
-
#nav a:hover { color: #000000; }
+
    font-size: 16px;
 +
    font-weight: bold;
 +
    list-style: none outside none;
 +
    margin: 0 0 0 -13px;
 +
    width: 1025px;
 +
}
 +
 
 +
#nav li {
 +
    float: left;
 +
    margin: 0 20px 0 -5px;
 +
    position: relative;
 +
}
 +
 
 +
#nav a {
 +
    display: block;
 +
    padding: 5px 15px;
 +
    text-decoration: none;
 +
    color: #FFF;
 +
    border-style: none;
 +
}
 +
 
 +
#nav a:hover {
 +
    color: #000;
 +
}
/* General content formatting */
/* General content formatting */
-
#content { position: relative; width: 975px; padding: 0px 10px 10px 10px; align: center; }
+
/*#content {
-
#content { border-radius: 0px 0px 5px 5px; box-shadow: 0px 2px 6px 3px #222; z-index: 2;}
+
    position: relative;
 +
    width: 975px;
 +
    padding: 0 10px 10px;
 +
    align: center;
 +
}
 +
 
 +
#content {
 +
    border-radius: 0 0 5px 5px;
 +
    box-shadow: 0 2px 6px 3px #222;
 +
    z-index: 2;
 +
}*/
/* Main page abstract panel formatting */
/* Main page abstract panel formatting */
-
#bottom-panel { background-color: #fff; width: 995px; height: 470px; margin: 33px 20px 0px -10px; }
+
#bottom-panel {
-
#bottom-panel { border-radius: 0px 0px 5px 5px; box-shadow: 0px 2px 6px 2px #222; }
+
    background-color: #FFFFFF;
-
#abs-title { font-size: 30px; font-family: "Trebuchet MS", sans-serif; color: #6c6c6c; }
+
    border-radius: 0 0 5px 5px;
-
#abs-title { float: left; margin: 20px auto 0px 40px; }
+
    min-height: 470px;
-
#abs-title a:link, #abs-title a:visited { float: left; font-weight: bold; }
+
    padding: 20px 70px 30px 84px;
-
#abs-title a:link, #abs-title a:visited { text-decoration: none; color: #888; }
+
    text-align: justify;
-
#abs-title a:hover { color: #A32C2C; }
+
}
-
#abs-text { font-size: 13px; font-family: "Trebuchet MS", sans-serif; color: #333; }
+
 
-
#abs-text { text-align: left; line-height: 180%; margin: 20px 0px auto 40px }
+
#abs-title {
 +
    font-size: 30px;
 +
    font-family: "Trebuchet MS", sans-serif;
 +
    color: #6c6c6c;
 +
}
 +
 
 +
#abs-title {
 +
    float: left;
 +
    margin: 20px auto 0 40px;
 +
}
 +
 
 +
#abs-title a:link,#abs-title a:visited {
 +
    float: left;
 +
    font-weight: 700;
 +
}
 +
 
 +
#abs-title a:link,#abs-title a:visited {
 +
    text-decoration: none;
 +
    color: #888;
 +
}
 +
 
 +
#abs-title a:hover {
 +
    color: #A32C2C;
 +
}
 +
 
 +
#abs-text {
 +
    font-size: 13px;
 +
    font-family: "Trebuchet MS", sans-serif;
 +
    color: #333;
 +
}
 +
 
 +
#abs-text {
 +
    text-align: left;
 +
    line-height: 180%;
 +
    margin: 20px 0 auto 40px;
 +
}
/* Main page sub box formatting */
/* Main page sub box formatting */
-
.subbox { font-size: 18px; font-family: "Trebuchet MS", sans-serif; color: #ff6600;}
+
.subbox {
-
.subbox { width: 320px; margin: 0px 0px 10px 30px; background: #fff; }
+
    font-size: 18px;
-
.subbox { border-radius: 5px; border: 1px solid #aaa; box-shadow: 0px 1px 2px 1px #ff6600; }
+
    font-family: "Trebuchet MS", sans-serif;
 +
    color: #f60;
 +
}
 +
 
 +
.subbox {
 +
    width: 320px;
 +
    margin: 0 0 10px 30px;
 +
    background: #fff;
 +
}
 +
 
 +
.subbox {
 +
    border-radius: 5px;
 +
    border: 1px solid #aaa;
 +
    box-shadow: 0 1px 2px 1px #f60;
 +
}
/* Main page project panel formatting */
/* Main page project panel formatting */
-
#proj-panel { background-color: #fff; height: 440px; width: 995px; margin: 15px 20px 15px -10px; }
+
#proj-panel {
-
#proj-panel { border-radius: 5px 5px 5px 5px; box-shadow: 0px 2px 6px 2px #222; }
+
    background-color: #fff;
-
.feature { font-size: 18px; font-family: "Trebuchet MS", sans-serif; margin: 20px 0px 0px 16px; }
+
    height: 440px;
-
.feature { color: #008ACF; background: #fff; width: 285px; height: 300px; border-style: none; }
+
    width: 995px;
-
.brief { font-size: 13px; font-family: sans-serif; color: #333; }
+
    margin: 15px 20px 15px -10px;
-
.brief { margin: 10px 10px 0px 0px; text-align: left; line-height: 180%; }
+
}
 +
 
 +
#proj-panel {
 +
    border-radius: 5px 5px 5px 5px;
 +
    box-shadow: 0 2px 6px 2px #222;
 +
}
 +
 
 +
.feature {
 +
    font-size: 18px;
 +
    font-family: "Trebuchet MS", sans-serif;
 +
    margin: 20px 0 0 16px;
 +
}
 +
 
 +
.feature {
 +
    color: #008ACF;
 +
    background: #fff;
 +
    width: 285px;
 +
    height: 300px;
 +
    border-style: none;
 +
}
 +
 
 +
.brief {
 +
    font-size: 13px;
 +
    font-family: sans-serif;
 +
    color: #333;
 +
}
 +
 
 +
.brief {
 +
    margin: 10px 10px 0 0;
 +
    text-align: left;
 +
    line-height: 180%;
 +
}
/* Footer box formatting */
/* Footer box formatting */
-
#footer-box { border: 0px; width: 965px; }
+
#footer-box {
 +
    border: 0;
 +
    width: 965px;
 +
    display:none;
 +
}
 +
 
 +
.accordion
 +
{
 +
  margin-right: 5px; 
 +
  width:220px;
 +
  margin-top: 0px;
 +
}
 +
.accordion dt, dd
 +
{
 +
      font-family: "Trebuchet MS",sans-serif;
 +
      margin-left:0px;
 +
  padding:3px;
 +
}
 +
.accordion dt
 +
{
 +
    background-image:url('https://static.igem.org/mediawiki/2013/f/fb/Accordian_bg.jpg');
 +
    margin-bottom: -1px;
 +
    padding-bottom: 6px;
 +
    padding-left: 25px;
 +
    padding-top: 6px;
 +
    color: #000000;
 +
    font-weight:bold;
 +
    cursor:pointer;
 +
}
 +
 
 +
.accordion dt:hover
 +
{
 +
    color: #404040;
 +
}
 +
.accordion dd
 +
{
 +
    background: none repeat scroll 0 0 #EEEEEE;
 +
    border-bottom: 1px solid #636363;
 +
    border-left: 1px solid #636363;
 +
    border-right: 1px solid #636363;
 +
    line-height: 1.5em;
 +
    margin-bottom: -1px;
 +
}
 +
.accordion dd ul
 +
{
 +
list-style:none;
 +
}
 +
.accordion dd ul li a
 +
{
 +
color: #000000;
 +
    font-size: 14px;
 +
}
 +
.accordion dd ul li a:hover
 +
{
 +
color: #404040;
 +
text-decoration: none;
 +
}
 +
 
 +
.accordion dd ul li
 +
{
 +
margin-bottom: 5px;
 +
}
 +
.remote_content
 +
{
 +
    color: #333333;
 +
    font-family: "Trebuchet MS",sans-serif;
 +
    font-size: 13px;
 +
    padding-bottom: 14px;
 +
    padding-right: 14px;
 +
    padding-top: 14px;
 +
    text-align: justify;
 +
}
 +
.title_spans
 +
{
 +
color: #6C6C6C;
 +
    font-family: "Trebuchet MS",sans-serif;
 +
    font-size: 30px;
 +
}
 +
#result_space li
 +
{
 +
margin-left: 15px;
 +
}
 +
#result_space
 +
{
 +
    margin-top: 15px;
 +
}
 +
#july {
 +
    background: url("https://static.igem.org/mediawiki/2011/e/e9/Calender_july.png") no-repeat scroll left center transparent;
 +
    float: left;
 +
    height: 120px;
 +
    line-height: 28px;
 +
    padding-left: 35px;
 +
    padding-top: 11px;
 +
    width: 165px;
 +
}
 +
#august {
 +
  background: url("https://static.igem.org/mediawiki/2011/7/7e/Calender_august.png") no-repeat scroll left center transparent;
 +
    float: left;
 +
    height: 120px;
 +
    line-height: 28px;
 +
    margin-left: 122px;
 +
    margin-right: 105px;
 +
    padding-left: 38px;
 +
    padding-top: 11px;
 +
    width: 165px;
 +
}
 +
#sept {
 +
    background: url("https://static.igem.org/mediawiki/2011/3/3e/Calender_sept.png") no-repeat scroll left center transparent;
 +
    float: left;
 +
    height: 120px;
 +
    line-height: 28px;
 +
    padding-left: 36px;
 +
    padding-top: 11px;
 +
    width: 165px;
 +
}
 +
a.week_link {
 +
    background: none repeat scroll 0 0 #EBEBEB;
 +
    color: #595959;
 +
    float: left;
 +
    font-size: 16px;
 +
    font-weight: bold;
 +
    height: 25px;
 +
    list-style: none outside none;
 +
    padding: 0 0 0 5px;
 +
    text-align: left;
 +
    text-decoration: none;
 +
    width: 153px;
 +
}
 +
a.week_link:hover {
 +
    background: none repeat scroll 0 0 #EFEFEF;
 +
    color: #000000;
 +
    float: left;
 +
    font-size: 16px;
 +
    font-weight: bold;
 +
    height: 25px;
 +
    list-style: none outside none;
 +
    padding: 0 0 0 5px;
 +
    text-align: left;
 +
    text-decoration: none;
 +
    width: 153px;
 +
}
 +
#gallery ul
 +
{
 +
    display: table;
 +
    list-style-image: none;
 +
    list-style-type: none;
 +
    margin: 0;
 +
    min-width: 100%;
 +
    table-layout: fixed;
 +
}
 +
#gallery ul li
 +
{
 +
    display: table-cell;
 +
    list-style-image: none;
 +
    list-style-type: none;
 +
    margin-left: 0;
 +
    padding-right: 4px;
 +
    white-space: nowrap;
 +
}
 +
#gallery ul li a:hover
 +
{
 +
    text-decoration: none;
 +
}
 +
ul.horizontal_ul
 +
{
 +
    display: table;
 +
    list-style-image: none;
 +
    list-style-type: none;
 +
    margin: 0;
 +
    min-width: 100%;
 +
    table-layout: fixed;
 +
    margin: 18px 0 0 28px;
 +
}
 +
 
 +
ul.horizontal_ul li
 +
{
 +
    cursor: pointer;
 +
    display: table-cell;
 +
    font-size: 16px;
 +
    font-weight: bold;
 +
    list-style-image: none;
 +
    list-style-type: none;
 +
    margin-left: 0;
 +
    padding-right: 75px;
 +
    white-space: nowrap;
 +
    color:#000000;
 +
}
 +
ul.horizontal_ul li:hover
 +
{
 +
    color:#ff7200;
 +
}
 +
#protocol li
 +
{
 +
  margin-left:16px;
 +
}

Latest revision as of 01:15, 28 September 2013

/* Header formatting */

  1. top-section

{

  display:none;

}

/* Full page formatting */

  1. content {
   background: none repeat scroll 0 0 #FFFFFF;
   border: 0 none;
   box-shadow: 0 0 8px 3px #222222;
   margin: 15px auto;
   padding: 0;
   width: 1000px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;
   border-radius: 5px;

}

  1. back {
   background-color: #C2E0C2;

}

/*FORMATS THE BACKGROUND FOR ALL PAGES*/

  1. top-section {
   position: relative;
   height: 20px;
   width: 975px;

}

  1. contentSub,#search-controls,.firstHeading,#catlinks,#p-logo {
   display: none;

}

  1. container {
   width: 1000px;

}

  1. globalwrapper {
   margin: 0 0 auto auto;

}

/* Title panel formatting */

  1. top-panel {
   background-color: #FFFFFF;
   background-image: url("Nserl2.png");
   height: 300px;
   width: 1000px;
   border-radius: 5px 5px 0 0;

}

  1. trans {
   text-align: right;
   color: #555;
   letter-spacing: 1.3px;

}

  1. sa {
   line-height: 100%;
   font-family: "Trebuchet MS", sans-serif;
   font-size: 36px;

}

  1. sa {
   color: #008ACF;
   padding-top: 55px;
   letter-spacing: 1.3px;
   text-align: right;

}

/* Border above main menu formatting */

  1. border-top {
   background-color: #6c6c6c;
   height: 6px;
   width: 1000px;

}

/* Main menu formatting */

  1. nav {
   background-color: #339933;
   color: #FFFFFF;
   float: left;
   font-family: "Trebuchet MS",sans-serif;
   font-size: 16px;
   font-weight: bold;
   list-style: none outside none;
   margin: 0 0 0 -13px;
   width: 1025px;

}

  1. nav li {
   float: left;
   margin: 0 20px 0 -5px;
   position: relative;

}

  1. nav a {
   display: block;
   padding: 5px 15px;
   text-decoration: none;
   color: #FFF;
   border-style: none;

}

  1. nav a:hover {
   color: #000;

}

/* General content formatting */ /*#content {

   position: relative;
   width: 975px;
   padding: 0 10px 10px;
   align: center;

}

  1. content {
   border-radius: 0 0 5px 5px;
   box-shadow: 0 2px 6px 3px #222;
   z-index: 2;

}*/

/* Main page abstract panel formatting */

  1. bottom-panel {
   background-color: #FFFFFF;
   border-radius: 0 0 5px 5px;
   min-height: 470px;
   padding: 20px 70px 30px 84px;
   text-align: justify;

}

  1. abs-title {
   font-size: 30px;
   font-family: "Trebuchet MS", sans-serif;
   color: #6c6c6c;

}

  1. abs-title {
   float: left;
   margin: 20px auto 0 40px;

}

  1. abs-title a:link,#abs-title a:visited {
   float: left;
   font-weight: 700;

}

  1. abs-title a:link,#abs-title a:visited {
   text-decoration: none;
   color: #888;

}

  1. abs-title a:hover {
   color: #A32C2C;

}

  1. abs-text {
   font-size: 13px;
   font-family: "Trebuchet MS", sans-serif;
   color: #333;

}

  1. abs-text {
   text-align: left;
   line-height: 180%;
   margin: 20px 0 auto 40px;

}

/* Main page sub box formatting */ .subbox {

   font-size: 18px;
   font-family: "Trebuchet MS", sans-serif;
   color: #f60;

}

.subbox {

   width: 320px;
   margin: 0 0 10px 30px;
   background: #fff;

}

.subbox {

   border-radius: 5px;
   border: 1px solid #aaa;
   box-shadow: 0 1px 2px 1px #f60;

}

/* Main page project panel formatting */

  1. proj-panel {
   background-color: #fff;
   height: 440px;
   width: 995px;
   margin: 15px 20px 15px -10px;

}

  1. proj-panel {
   border-radius: 5px 5px 5px 5px;
   box-shadow: 0 2px 6px 2px #222;

}

.feature {

   font-size: 18px;
   font-family: "Trebuchet MS", sans-serif;
   margin: 20px 0 0 16px;

}

.feature {

   color: #008ACF;
   background: #fff;
   width: 285px;
   height: 300px;
   border-style: none;

}

.brief {

   font-size: 13px;
   font-family: sans-serif;
   color: #333;

}

.brief {

   margin: 10px 10px 0 0;
   text-align: left;
   line-height: 180%;

}

/* Footer box formatting */

  1. footer-box {
   border: 0;
   width: 965px;
   display:none;

}

.accordion {

  margin-right: 5px;   
  width:220px;
  margin-top: 0px;

} .accordion dt, dd {

     font-family: "Trebuchet MS",sans-serif;
     margin-left:0px;

padding:3px; } .accordion dt {

   background-image:url('https://static.igem.org/mediawiki/2013/f/fb/Accordian_bg.jpg');
   margin-bottom: -1px;
   padding-bottom: 6px;
   padding-left: 25px;
   padding-top: 6px;
   color: #000000;
   font-weight:bold;
   cursor:pointer;

}

.accordion dt:hover {

   color: #404040;

} .accordion dd {

   background: none repeat scroll 0 0 #EEEEEE;
   border-bottom: 1px solid #636363;
   border-left: 1px solid #636363;
   border-right: 1px solid #636363;
   line-height: 1.5em;
   margin-bottom: -1px;

} .accordion dd ul { list-style:none; } .accordion dd ul li a { color: #000000;

   font-size: 14px;

} .accordion dd ul li a:hover { color: #404040; text-decoration: none; }

.accordion dd ul li { margin-bottom: 5px; } .remote_content {

   color: #333333;
   font-family: "Trebuchet MS",sans-serif;
   font-size: 13px;
   padding-bottom: 14px;
   padding-right: 14px;
   padding-top: 14px;
   text-align: justify;

} .title_spans { color: #6C6C6C;

   font-family: "Trebuchet MS",sans-serif;
   font-size: 30px;

}

  1. result_space li

{ margin-left: 15px; }

  1. result_space

{

   margin-top: 15px;

}

  1. july {
   background: url("Calender_july.png") no-repeat scroll left center transparent;
   float: left;
   height: 120px;
   line-height: 28px;
   padding-left: 35px;
   padding-top: 11px;
   width: 165px;

}

  1. august {
  background: url("Calender_august.png") no-repeat scroll left center transparent;
   float: left;
   height: 120px;
   line-height: 28px;
   margin-left: 122px;
   margin-right: 105px;
   padding-left: 38px;
   padding-top: 11px;
   width: 165px;

}

  1. sept {
   background: url("Calender_sept.png") no-repeat scroll left center transparent;
   float: left;
   height: 120px;
   line-height: 28px;
   padding-left: 36px;
   padding-top: 11px;
   width: 165px;

} a.week_link {

   background: none repeat scroll 0 0 #EBEBEB;
   color: #595959;
   float: left;
   font-size: 16px;
   font-weight: bold;
   height: 25px;
   list-style: none outside none;
   padding: 0 0 0 5px;
   text-align: left;
   text-decoration: none;
   width: 153px;

} a.week_link:hover {

   background: none repeat scroll 0 0 #EFEFEF;
   color: #000000;
   float: left;
   font-size: 16px;
   font-weight: bold;
   height: 25px;
   list-style: none outside none;
   padding: 0 0 0 5px;
   text-align: left;
   text-decoration: none;
   width: 153px;

}

  1. gallery ul

{

   display: table;
   list-style-image: none;
   list-style-type: none;
   margin: 0;
   min-width: 100%;
   table-layout: fixed;

}

  1. gallery ul li

{

   display: table-cell;
   list-style-image: none;
   list-style-type: none;
   margin-left: 0;
   padding-right: 4px;
   white-space: nowrap;

}

  1. gallery ul li a:hover

{

   text-decoration: none;

} ul.horizontal_ul {

   display: table;
   list-style-image: none;
   list-style-type: none;
   margin: 0;
   min-width: 100%;
   table-layout: fixed;
   margin: 18px 0 0 28px;

}

ul.horizontal_ul li {

   cursor: pointer;
   display: table-cell;
   font-size: 16px;
   font-weight: bold;
   list-style-image: none;
   list-style-type: none;
   margin-left: 0;
   padding-right: 75px;
   white-space: nowrap;
   color:#000000;

} ul.horizontal_ul li:hover {

   color:#ff7200;

}

  1. protocol li

{

  margin-left:16px;

}