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

 
(23 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
*{
 
−
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;
 
−
}
 
−
 
−
#wrapper_CON{
 
−
font-size: 10px;
 
−
line-height: 1.5em;
 
−
background-color: #b5b5b5;
 
−
}
 
−
 
−
p{
 
−
margin-bottom: 1.5em;
 
−
}
 
  
−
/*------------add code below------------*/
+
@charset "UTF-8";
 +
@import url(font-awesome.min.css);
 +
@import url("http://fonts.googleapis.com/css?family=Roboto:500,300");
  
 
/*****Wiki Edits*****/
 
/*****Wiki Edits*****/
 
#globalWrapper{
 
#globalWrapper{
−
width: 1200px;
+
width: 1000px;
 
}
 
}
  
Line 40: Line 17:
 
}
 
}
  
−
#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;
+
Ion by TEMPLATED
−
padding-top: 95px;
+
templated.co @templatedco
−
      margin-bottom: 0px;
+
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
−
}
+
*/
  
−
a img{
+
/* Basic */
−
border: none;
+
−
}
+
  
−
h1{
+
body {
−
font-size: 2.5em;
+
background: #000;
−
line-height: 1.5em;
+
}
−
font-weight: 200;
+
−
margin: 0px 0px 10px 0px;
+
−
        border-bottom: none;
+
−
}
+
  
−
h2{
+
body, input, select, textarea {
−
text-transform: uppercase;
+
color: #555f66;
−
        border-bottom: none;
+
font-family: "Roboto", Helvetica, sans-serif;
−
}
+
font-size: 10pt;
−
 
+
−
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;
+
−
}
+
−
 
+
−
#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;
+
−
}
+

Latest revision as of 21:36, 16 September 2015

@charset "UTF-8"; @import url(font-awesome.min.css); @import url("http://fonts.googleapis.com/css?family=Roboto:500,300");

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

  1. globalWrapper{

width: 1000px; }

.firstHeading{ display: none; }

  1. top_menu_under{

display: none; }


/* Ion by TEMPLATED templated.co @templatedco Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)

  • /

/* Basic */

body { background: #000; }

body, input, select, textarea { color: #555f66; font-family: "Roboto", Helvetica, sans-serif; font-size: 10pt;

}