Team:Hendrix Arkansas/css/main.css

From 2014.igem.org

(Difference between revisions)
 
(47 intermediate revisions not shown)
Line 7: Line 7:
/* Basic styling */
/* Basic styling */
/********************/
/********************/
-
p, td, tr {
+
p, td, tr, li {
     font-family: Arial;
     font-family: Arial;
     font-color: #000000;
     font-color: #000000;
}
}
 +
 +
img.figure {
 +
    display: block;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
}
 +
body {
body {
     margin: 0px;
     margin: 0px;
     padding: 0px;
     padding: 0px;
}
}
-
h1 {
+
 
 +
p.heading {
     text-align: center;
     text-align: center;
     font-size: 3em;
     font-size: 3em;
 +
}
 +
 +
div.centered_figure {
 +
    width: 80%;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
}
 +
 +
div.divide_left {
 +
    width: 50%;
 +
    margin-left: 0%;
 +
    margin-right: auto;
 +
    float: left;
 +
}
 +
 +
div.divide_right {
 +
    width: 50%;
 +
    margin-left: auto;
 +
    margin-right: 0%;
 +
    float: right;
 +
}
 +
 +
div.box {
 +
    width: 100%;
 +
    float: left;
 +
    clear: both;
}
}
Line 28: Line 62:
}
}
#project_summary {
#project_summary {
-
     float: right;
+
     margin-left: auto;
 +
    margin-right: auto;
     clear: both;
     clear: both;
-
     width: 47%;
+
     width: 67%;
     padding: 1.5%;
     padding: 1.5%;
 +
    font-size: 2em;
 +
    text-align: center;
}
}
-
#home_pictures {
+
.home_pictures_left {
     float: left;
     float: left;
     clear: both;
     clear: both;
-
     width: 47%;
+
     width: 100%;
     padding: 1.5%;
     padding: 1.5%;
 +
}
 +
 +
.home_pictures_right {
 +
    float: right;
 +
    clear: both;
 +
    width: 100%;
 +
    padding: 1.5%;
 +
}
 +
 +
/* Project page */
 +
/********************/
 +
#project_title_long {
 +
    width: 64%;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    text-align: center;
 +
}
 +
 +
.project_textbox {
 +
    width: 76%;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    text-align: justify;
 +
    padding-top: 6px;
 +
    padding-bottom: 18px;
 +
}
 +
 +
.project_sub_heading {
 +
    width:80%;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    text-align: center;
 +
    font-size: 1.5em;
 +
}
 +
 +
.project_figure_title {
 +
    width: 80%;
 +
    margin-left: 12%;
 +
    margin-right: 8%;
 +
    font-size: 1.2em;
 +
}
 +
 +
.project_figure_caption {
 +
    width: 60%;
 +
    margin-left: 20%;
 +
    margin-right: 20%;
 +
    padding-top: 2px;
 +
    padding-bottom: 30px;
 +
    font-size: 1.2em;
 +
}
 +
/* Parts page */
 +
/********************/
 +
 +
div.parts_sub_heading{
 +
    width: 80%;
 +
    margin-left: 12%;
 +
    margin-right: 8%;
 +
    font-size: 1.8em;
 +
}
 +
 +
/* Safety page */
 +
/********************/
 +
 +
#safety_text {
 +
    width: 80%;
 +
    margin-left: auto;
 +
    margin-right: auto;
}
}
Line 64: Line 168:
.member_left {
.member_left {
     float: right;
     float: right;
-
    clear: right;
 
     border: 2px solid black;
     border: 2px solid black;
     margin: 2% 8% 2% 2%;
     margin: 2% 8% 2% 2%;
Line 74: Line 177:
.member_right {
.member_right {
     float: left;
     float: left;
-
    clear: left;
 
     border: 2px solid black;
     border: 2px solid black;
     margin: 2% 2% 2% 8%;
     margin: 2% 2% 2% 8%;
Line 84: Line 186:
.member_left_pic {
.member_left_pic {
     float: left;
     float: left;
-
    clear: left;
 
     border: 2px;
     border: 2px;
-
     margin: 2% 2% 2% 8%;
+
     width: 20%;
     padding: 1%;
     padding: 1%;
}
}
Line 92: Line 193:
.member_right_pic {
.member_right_pic {
     float: right;
     float: right;
-
    clear: right;
 
     border: 2px;
     border: 2px;
-
     margin: 2% 8% 2% 2%;
+
     width: 20%;
     padding: 1%;
     padding: 1%;
 +
}
 +
 +
#member_spacer {
 +
    width: 100%;
 +
    height: 1%;
 +
    border: 4px;
 +
    clear: both;
}
}
Line 125: Line 232:
     display: table-cell;
     display: table-cell;
     border: 1px solid black;
     border: 1px solid black;
 +
}
 +
 +
/* Attributions */
 +
/********************/
 +
div.attr_sub_heading {
 +
    float: left;
 +
    width: 88%;
 +
    margin-left: 12%;
 +
    margin-top: 2%;
 +
    margin-bottom: 1%;
 +
    text-align: left;
 +
    font-size: 1.5em;
 +
}
 +
 +
div.attr_textbox {
 +
    float: left;
 +
    width: 76%;
 +
    margin-left: 16%;
 +
    margin-right: 8%;
 +
    text-align: left;
 +
    font-size: 1em;
}
}

Latest revision as of 03:10, 18 October 2014

/* Removing wiki stuff */ /********************/

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

}

/* Basic styling */ /********************/ p, td, tr, li { 

   font-family: Arial;
   font-color: #000000;

}

img.figure { 

   display: block;
   margin-left: auto;
   margin-right: auto;

}

body { 

   margin: 0px;
   padding: 0px;

}

p.heading { 

   text-align: center;
   font-size: 3em;

}

div.centered_figure { 

   width: 80%;
   margin-left: auto;
   margin-right: auto;

}

div.divide_left { 

   width: 50%;
   margin-left: 0%;
   margin-right: auto;
   float: left;

}

div.divide_right { 

   width: 50%;
   margin-left: auto;
   margin-right: 0%;
   float: right;

}

div.box { 

   width: 100%;
   float: left;
   clear: both;

}

/* Main page */ /********************/

  1. project_title { 
   float: center;
   font-size: 6em;
   text-align: center;

}

  1. project_summary { 
   margin-left: auto;
   margin-right: auto;
   clear: both;
   width: 67%;
   padding: 1.5%;
   font-size: 2em;
   text-align: center;

}

.home_pictures_left { 

   float: left;
   clear: both;
   width: 100%;
   padding: 1.5%;

}

.home_pictures_right { 

   float: right;
   clear: both;
   width: 100%;
   padding: 1.5%;

}

/* Project page */ /********************/

  1. project_title_long { 
   width: 64%;
   margin-left: auto;
   margin-right: auto;
   text-align: center;

}

.project_textbox { 

   width: 76%;
   margin-left: auto;
   margin-right: auto;
   text-align: justify;
   padding-top: 6px;
   padding-bottom: 18px;

}

.project_sub_heading { 

   width:80%;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   font-size: 1.5em;

}

.project_figure_title { 

   width: 80%;
   margin-left: 12%;
   margin-right: 8%;
   font-size: 1.2em;

}

.project_figure_caption { 

   width: 60%;
   margin-left: 20%;
   margin-right: 20%;
   padding-top: 2px;
   padding-bottom: 30px;
   font-size: 1.2em;

} /* Parts page */ /********************/

div.parts_sub_heading{ 

   width: 80%;
   margin-left: 12%;
   margin-right: 8%;
   font-size: 1.8em;

}

/* Safety page */ /********************/

  1. safety_text { 
   width: 80%;
   margin-left: auto;
   margin-right: auto;

}

/* Team page */ /********************/

  1. team_info { 
   margin-left: auto;
   margin-right: auto;
   clear: both;
   border: 2px solid black;
   margin-top: 3%;
   margin-bottom: 3%;
   padding: 1%;
   width: 72%;
   text-align: justify;

}

  1. team_pic { 
   margin-left: auto;
   margin-right: auto;
   clear: both;
   margin-top: 3%;

}

.member_left { 

   float: right;
   border: 2px solid black;
   margin: 2% 8% 2% 2%;
   padding: 1%;
   width: 64%;
   text-align: left;

}

.member_right { 

   float: left;
   border: 2px solid black;
   margin: 2% 2% 2% 8%;
   padding: 1%;
   width: 64%;
   text-align: right;

}

.member_left_pic { 

   float: left;
   border: 2px;
   width: 20%;
   padding: 1%;

}

.member_right_pic { 

   float: right;
   border: 2px;
   width: 20%;
   padding: 1%;

}

  1. member_spacer { 
   width: 100%;
   height: 1%;
   border: 4px;
   clear: both;

}

/* Notebook */ /********************/

div.notebook{ 

   display: table;
   border-collapse: collapse;
   width: 86%;
   margin-left: 7%;
   margin-right: 7%;
   border: 2px solid black;

} div.notebook_row{ 

   display: table-row;

} div.notebook_day{ 

   margin-left: 0%;
   margin-right: auto;
   width: 10%;
   display: table-cell;
   border: 1px solid black;

} div.notebook_text{ 

   margin-left: auto;
   margin-right: 0%;
   width: 90%;
   display: table-cell;
   border: 1px solid black;

}

/* Attributions */ /********************/ div.attr_sub_heading { 

   float: left;
   width: 88%;
   margin-left: 12%;
   margin-top: 2%;
   margin-bottom: 1%;
   text-align: left;
   font-size: 1.5em;

}

div.attr_textbox { 

   float: left;
   width: 76%;
   margin-left: 16%;
   margin-right: 8%;
   text-align: left;
   font-size: 1em;

}

Retrieved from "http://2014.igem.org/Team:Hendrix_Arkansas/css/main.css"