Team:UT Dallas/css

From 2013.igem.org

(Difference between revisions)
 
(62 intermediate revisions not shown)
Line 1: Line 1:
/* Header formatting */
/* Header formatting */
-
h1,h2,h3,h4,h5 {
+
#top-section
-
    font-family: "Trebuchet MS", sans-serif;
+
{
-
    padding: 10px;
+
  display:none;
-
}
+
-
 
+
-
h2,h2 a,h2 a:visited {
+
-
    background: #444;
+
-
    color: #AAA;
+
-
}
+
-
 
+
-
h3,h3 a,h3 a:visited {
+
-
    color: #444;
+
-
    text-decoration: bold;
+
}
}
/* Full page formatting */
/* Full page formatting */
#content {
#content {
 +
    background: none repeat scroll 0 0 #FFFFFF;
 +
    border: 0 none;
 +
    box-shadow: 0 0 8px 3px #222222;
 +
    margin: 15px auto;
     padding: 0;
     padding: 0;
-
     width: 1024px;
+
     width: 1000px;
-
     margin: 15px auto;
+
     -moz-border-radius: 5px;
-
     background: none repeat scroll 0 0 transparent;
+
     -webkit-border-radius: 5px;
-
     border: 0;
+
    -khtml-border-radius: 5px;
 +
     border-radius: 5px;
}
}
Line 40: Line 35:
#container {
#container {
-
    margin: 15px 0 auto auto;
+
     width: 1000px;
-
     width: 975px;
+
}
}
Line 50: Line 44:
/* Title panel formatting */
/* Title panel formatting */
#top-panel {
#top-panel {
-
    height: 260px;
+
     background-color: #FFFFFF;
-
     background-color: #FFF;
+
     background-image: url("https://static.igem.org/mediawiki/2013/d/dd/Nserl2.png");
-
     background-image: url(https://static.igem.org/mediawiki/2013/d/dd/Nserl2.png);
+
    height: 300px;
-
}
+
     width: 1000px;
-
 
+
-
/*FORMATS HEADER BACKGROUND*/
+
-
#top-panel {
+
-
     margin: -20px -10px auto;
+
     border-radius: 5px 5px 0 0;
     border-radius: 5px 5px 0 0;
-
    box-shadow: 0 -2px 6px 2px #222;
 
}
}
Line 85: Line 74:
     background-color: #6c6c6c;
     background-color: #6c6c6c;
     height: 6px;
     height: 6px;
-
     width: 995px;
+
     width: 1000px;
-
    margin: 0 -10px;
+
}
}
/* Main menu formatting */
/* Main menu formatting */
#nav {
#nav {
-
     font-family: "Trebuchet MS", sans-serif;
+
    background-color: #339933;
-
     font-size: 15px;
+
    color: #FFFFFF;
-
     color: #FFF;
+
    float: left;
-
}
+
     font-family: "Trebuchet MS",sans-serif;
-
 
+
     font-size: 16px;
-
#nav {
+
     font-weight: bold;
-
     background-color: #393;
+
     list-style: none outside none;
 +
    margin: 0 0 0 -13px;
     width: 1025px;
     width: 1025px;
-
    list-style: none;
 
-
}
 
-
 
-
#nav {
 
-
    float: left;
 
-
    margin: 0 0 auto -25px;
 
-
    z-index: 5;
 
}
}
Line 127: Line 109:
/* General content formatting */
/* General content formatting */
-
#content {
+
/*#content {
     position: relative;
     position: relative;
     width: 975px;
     width: 975px;
Line 138: Line 120:
     box-shadow: 0 2px 6px 3px #222;
     box-shadow: 0 2px 6px 3px #222;
     z-index: 2;
     z-index: 2;
-
}
+
}*/
/* Main page abstract panel formatting */
/* Main page abstract panel formatting */
#bottom-panel {
#bottom-panel {
-
     background-color: #fff;
+
     background-color: #FFFFFF;
-
    width: 995px;
+
-
    height: 470px;
+
-
    margin: 33px 20px 0 -10px;
+
-
}
+
-
 
+
-
#bottom-panel {
+
     border-radius: 0 0 5px 5px;
     border-radius: 0 0 5px 5px;
-
     box-shadow: 0 2px 6px 2px #222;
+
     min-height: 470px;
 +
    padding: 20px 70px 30px 84px;
 +
    text-align: justify;
}
}
Line 252: Line 230:
     border: 0;
     border: 0;
     width: 965px;
     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;

}

Retrieved from "http://2013.igem.org/Team:UT_Dallas/css"