Difference between revisions of "Team:OLS Canmore AB CA/CSS"

Line 15: Line 15:
 
}
 
}
  
 +
#wrapper_CON{
 +
font-size: 10px;
 +
line-height: 1.5em;
 +
background-color: #b5b5b5;
 +
}
  
 
p{
 
p{
Line 20: Line 25:
 
}
 
}
  
 +
/*------------add code below------------*/
  
 +
/*****Wiki Edits*****/
 
#globalWrapper{
 
#globalWrapper{
−
width: 1000px;
+
width: 1200px;
 
}
 
}
  
Line 34: Line 41:
  
 
#content{
 
#content{
−
width: 1000px;
+
width: 1200px;
 
         border: none;
 
         border: none;
 
margin: 0 auto;
 
margin: 0 auto;
Line 44: Line 51:
 
html{
 
html{
 
margin: 0px auto;
 
margin: 0px auto;
−
width: 1000px;
+
width: 1200px;
 
background: #e0e0e0;
 
background: #e0e0e0;
 
}
 
}
  
 
body{
 
body{
−
width: 1000px;
+
width: 1200px;
 
padding-top: 95px;
 
padding-top: 95px;
 
       margin-bottom: 0px;
 
       margin-bottom: 0px;
Line 86: Line 93:
 
font-size: 1.3em;
 
font-size: 1.3em;
 
line-height: 1.25em;
 
line-height: 1.25em;
 +
}
 +
 +
#banner_CON{
 +
position: fixed;
 +
top: 0;
 +
z-index: 5000;
 +
width: 1200px;
 +
        padding: 18px 0px 0px 0px;
 +
background: #ffffff;
 +
border-bottom: #e0e0e0 solid 3.0px;
 +
}
 +
 +
#logo_CON{
 +
height: 90px;
 +
}
 +
 +
#navigation_CON{
 +
margin: -57.5px 0px 0px 535px;
 +
float: left;
 +
color: #343434;
 +
text-align: center;
 +
width: 800px;
 +
font-size: 1.1em;
 +
line-height: 1.6em;
 +
height: 20px;
 +
z-index: 5000;
 +
}
 +
 +
.navitaion_left_border_CON{
 +
border-left: 1px solid #343434;
 +
}
 +
 +
.navitaion_right_border_CON{
 +
border-right: 1px solid #343434;
 +
}
 +
 +
.navigation_cell_CON{
 +
 +
}
 +
 +
.navigation_expand_cell_CON{
 +
 +
}
 +
 +
#navigation_CON ul{
 +
float: left;
 +
font-size: 1.2em;
 +
color: #343434;
 +
text-decoration: none;
 +
font-weight: normal;
 +
width: 800px;
 +
min-height: 25px;
 +
z-index: 500;
 +
}
 +
 +
#navigation_CON li{
 +
float: left;
 +
width: 80px;
 +
position: relative;
 +
list-style: none;
 +
}
 +
 +
 +
#navigation_CON a{
 +
color: #343434;
 +
text-decoration: none;
 +
font-weight: normal;
 +
display: block;
 +
}
 +
 +
#navigation_CON a:hover{
 +
color: #118c1a;
 +
}
 +
 +
#navigation_CON ul li ul{
 +
position: relative;
 +
text-decoration: none;
 +
font-weight: normal;
 +
font-size: 1.0em;
 +
background-color: inherit;
 +
margin: inherit;
 +
padding: inherit;
 +
height: inherit;
 +
display: none;
 +
background-color: #ffffff;
 +
color: #343434;
 +
}
 +
 +
#navigation_CON li ul{
 +
position: absolute;
 +
left: -10000px;
 +
width: 80px;
 +
height: auto;
 +
}
 +
 +
#navigation_CON li:hover ul{
 +
left: 0px;
 +
display: block;
 +
width: 80px;
 +
}
 +
 +
#navigation_CON ul li ul li{
 +
border: none;
 +
border-top: 1px solid #e0e0e0;
 +
z-index: 5000;
 +
background: #ffffff;
 +
}
 +
 +
#navigation_CON ul li ul li:hover{
 +
width: 80px;
 +
background: #ffffff;
 +
border-top: 1px solid #118c1a;
 +
}
 +
 +
#content_CON{
 +
width: 1176px;
 +
padding: 10px;
 +
}
 +
 +
.left_heading_CON{
 +
width: 180px;
 +
padding-top: 0px;
 +
}
 +
 +
.heading_to_left_CON{
 +
margin: -50px 0px 0px 180px;
 +
}
 +
 +
#footer_CON{
 +
border-top: 3px solid #e0e0e0;
 +
height: 90px;
 +
background-color: #ffffff;
 +
}
 +
 +
#footer_content_CON{
 +
margin-left: 825px;
 +
width: auto;
 +
margin-top: 40.0px;
 +
color: #343434;
 +
}
 +
 +
/**********    HOME    **********/
 +
 +
.linked_photo_CON{
 +
margin-right: 1px;
 +
}
 +
 +
.linked_photo_right_CON{
 +
width: 401px;
 +
}
 +
 +
.linked_photo_CON:hover{
 +
opacity: 0.5;
 +
}
 +
 +
.linked_photo_right_CON:hover{
 +
opacity: 0.5;
 +
}
 +
 +
/**********    TEAM    **********/
 +
 +
.team_photo_CON{
 +
width: 1000px;
 +
margin-bottom: 10px;
 +
}
 +
 +
#read_bio_inst{
 +
color: red;
 +
}
 +
 +
#middle_CON{
 +
border-top: 1px dotted #e0e0e0;
 +
border-bottom: 1px dotted #e0e0e0;
 +
width: 1000px;
 +
height: 116px;
 +
}
 +
 +
#team_members_CON{
 +
width: 1200px;
 +
}
 +
 +
#team_members_CON img{
 +
float: left;
 +
margin: 10px 10px 10px 0px;
 +
}
 +
 +
.decrease_opacity img:hover{
 +
opacity: 0.5;
 +
    background-color: #ffffff;
 +
}
 +
 +
.bio_CON{
 +
margin: 10px 0px 0px 0px;
 +
height: 365px;
 +
}
 +
 +
.bio_name_CON{
 +
float: left;
 +
margin: -10px 0px 5px 10px;
 +
}
 +
 +
.bio_image_CON{
 +
float: left;
 +
margin-left: 180px;
 +
}
 +
 +
.bio_write_up_CON{
 +
float: left;
 +
margin: -330px 0px 0px 496px;
 +
}
 +
 +
.bio_write_up_CON p{
 +
width: 684px;
 +
}
 +
 +
/**********    SPONSORS    **********/
 +
 +
#sponsors{
 +
width: 1000px;
 +
}
 +
 +
/**********    SAFETY    **********/
 +
 +
#workspace_p p{
 +
        width: 785px;
 +
margin-top: 0px;
 +
}
 +
 +
#safety_img{
 +
width: 200px;
 +
float: left;
 +
margin: -285px 0px 0px 800px;
 +
}
 +
 +
/**********    PROJECT    **********/
 +
 +
.notebook_entry_CON{
 +
border-bottom: 1px dotted #e0e0e0;
 
}
 
}

Revision as of 17:37, 16 September 2015

  • {

margin: 0; padding: 0; }

html{ font-size: 100%; border-color: none; }

body{ font: 10px%/1.5 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; color: #343434; background-color: #e0e0e0; }

  1. wrapper_CON{

font-size: 10px; line-height: 1.5em; background-color: #b5b5b5; }

p{ margin-bottom: 1.5em; }

/*------------add code below------------*/

/*****Wiki Edits*****/

  1. globalWrapper{

width: 1200px; }

.firstHeading{ display: none; }

  1. top_menu_under{

display: none; }

  1. content{

width: 1200px; 

       border: none;

margin: 0 auto; 

       margin-top: -10px;
       margin-bottom: -20px;
       padding:0;

}

html{ margin: 0px auto; width: 1200px; background: #e0e0e0; }

body{ width: 1200px; padding-top: 95px; 

      margin-bottom: 0px;

}

a img{ border: none; }

h1{ font-size: 2.5em; line-height: 1.5em; font-weight: 200; margin: 0px 0px 10px 0px; 

       border-bottom: none;

}

h2{ text-transform: uppercase; 

       border-bottom: none;

}

h3{ font-size: 1.2em; 

       border-bottom: none;
       margin-bottom: 3px;

}

ul{ list-style-type: none; list-style: none; }

p{ width: 1000px; font-size: 1.3em; line-height: 1.25em; }

  1. banner_CON{

position: fixed; top: 0; z-index: 5000; width: 1200px; 

       padding: 18px 0px 0px 0px;

background: #ffffff; border-bottom: #e0e0e0 solid 3.0px; }

  1. logo_CON{

height: 90px; }

  1. navigation_CON{

margin: -57.5px 0px 0px 535px; float: left; color: #343434; text-align: center; width: 800px; font-size: 1.1em; line-height: 1.6em; height: 20px; z-index: 5000; }

.navitaion_left_border_CON{ border-left: 1px solid #343434; }

.navitaion_right_border_CON{ border-right: 1px solid #343434; }

.navigation_cell_CON{

}

.navigation_expand_cell_CON{

}

  1. navigation_CON ul{

float: left; font-size: 1.2em; color: #343434; text-decoration: none; font-weight: normal; width: 800px; min-height: 25px; z-index: 500; }

  1. navigation_CON li{

float: left; width: 80px; position: relative; list-style: none; }


  1. navigation_CON a{

color: #343434; text-decoration: none; font-weight: normal; display: block; }

  1. navigation_CON a:hover{

color: #118c1a; }

  1. navigation_CON ul li ul{

position: relative; text-decoration: none; font-weight: normal; font-size: 1.0em; background-color: inherit; margin: inherit; padding: inherit; height: inherit; display: none; background-color: #ffffff; color: #343434; }

  1. navigation_CON li ul{

position: absolute; left: -10000px; width: 80px; height: auto; }

  1. navigation_CON li:hover ul{

left: 0px; display: block; width: 80px; }

  1. navigation_CON ul li ul li{

border: none; border-top: 1px solid #e0e0e0; z-index: 5000; background: #ffffff; }

  1. navigation_CON ul li ul li:hover{

width: 80px; background: #ffffff; border-top: 1px solid #118c1a; }

  1. content_CON{

width: 1176px; padding: 10px; }

.left_heading_CON{ width: 180px; padding-top: 0px; }

.heading_to_left_CON{ margin: -50px 0px 0px 180px; }

  1. footer_CON{

border-top: 3px solid #e0e0e0; height: 90px; background-color: #ffffff; }

  1. footer_content_CON{

margin-left: 825px; width: auto; margin-top: 40.0px; color: #343434; }

/********** HOME **********/

.linked_photo_CON{ margin-right: 1px; }

.linked_photo_right_CON{ width: 401px; }

.linked_photo_CON:hover{ opacity: 0.5; }

.linked_photo_right_CON:hover{ opacity: 0.5; }

/********** TEAM **********/

.team_photo_CON{ width: 1000px; margin-bottom: 10px; }

  1. read_bio_inst{

color: red; }

  1. middle_CON{

border-top: 1px dotted #e0e0e0; border-bottom: 1px dotted #e0e0e0; width: 1000px; height: 116px; }

  1. team_members_CON{

width: 1200px; }

  1. team_members_CON img{

float: left; margin: 10px 10px 10px 0px; }

.decrease_opacity img:hover{ opacity: 0.5; 

   background-color: #ffffff;

}

.bio_CON{ margin: 10px 0px 0px 0px; height: 365px; }

.bio_name_CON{ float: left; margin: -10px 0px 5px 10px; }

.bio_image_CON{ float: left; margin-left: 180px; }

.bio_write_up_CON{ float: left; margin: -330px 0px 0px 496px; }

.bio_write_up_CON p{ width: 684px; }

/********** SPONSORS **********/

  1. sponsors{

width: 1000px; }

/********** SAFETY **********/

  1. workspace_p p{
       width: 785px;

margin-top: 0px; }

  1. safety_img{

width: 200px; float: left; margin: -285px 0px 0px 800px; }

/********** PROJECT **********/

.notebook_entry_CON{ border-bottom: 1px dotted #e0e0e0; }