Difference between revisions of "Team:Consort Alberta/css"
Line 108: | Line 108: | ||
#navigation_CON{ | #navigation_CON{ | ||
− | margin: -57.5px 0px | + | margin: -57.5px 0px -20px 470px; |
float: left; | float: left; | ||
color: #343434; | color: #343434; |
Revision as of 20:07, 6 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; }
- wrapper_CON{
font-size: 10px; line-height: 1.5em; background-color: #b5b5b5; }
p{ margin-bottom: 1.5em; }
/*------------add code below------------*/
/*****Wiki Edits*****/
- globalWrapper{
width: 1200px; }
.firstHeading{ display: none; }
- top_menu_under{
display: none; }
- 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; }
a img{ border: none; }
h1{ font-size: 2.5em; line-height: 1.5em; font-weight: 200; margin: 10px 0px 10px 0px; }
h2{ text-transform: uppercase; font-weight: 800; }
h3{ font-size: 1.2em; font-weight: 800; }
ul{ list-style-type: none; list-style: none; }
p{ width: 1000px; font-size: 1.2em; 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 -20px 470px; 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: 90px; 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: 90px; height: auto; }
- navigation_CON li:hover ul{
left: 0px; display: block; width: 90px; }
- 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: 90px; 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: -42.5px 0px 0px 180px; }
- footer_CON{
border-top: 3px solid #e0e0e0; height: 90px; background-color: #ffffff; }
- footer_content_CON{
margin-left: 850px; width: auto; margin-top: 40.0px; color: #343434; }
/********** HOME **********/
- home_CON{
}
/*** SLIDESHOW ***/
- slides_container_CON{
}
- slides {
display: none }
#slides .slidesjs-navigation { margin-top:5px; }
a.slidesjs-next, a.slidesjs-previous, a.slidesjs-play, a.slidesjs-stop { background-image: url(); background-repeat: no-repeat; display:block; width:12px; height:18px; overflow: hidden; text-indent: -9999px; float: left; margin-right:5px; }
a.slidesjs-next { margin-right:10px; background-position: -12px 0; }
a:hover.slidesjs-next { background-position: -12px -18px; }
a.slidesjs-previous { background-position: 0 0; }
a:hover.slidesjs-previous { background-position: 0 -18px; }
a.slidesjs-play { width:15px; background-position: -25px 0; }
a:hover.slidesjs-play { background-position: -25px -18px; }
a.slidesjs-stop { width:18px; background-position: -41px 0; }
a:hover.slidesjs-stop { background-position: -41px -18px; }
.slidesjs-pagination { margin: 7px 0 0; float: right; list-style: none; }
.slidesjs-pagination li { float: left; margin: 0 1px; }
.slidesjs-pagination li a { display: block; width: 13px; height: 0; padding-top: 13px; background-image: url(); background-position: 0 0; float: left; overflow: hidden; }
.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active { background-position: 0 -13px }
.slidesjs-pagination li a:hover { background-position: 0 -26px }
#slides a:link, #slides a:visited { color: #333 }
#slides a:hover, #slides a:active { color: #9e2020 }
.navbar { overflow: hidden }
- slides {
display: none }
.container { margin: 0 auto }
/* For tablets & smart phones */ @media (max-width: 767px) { body { padding-left: 20px; padding-right: 20px; } .container { width: auto } }
/* For smartphones */ @media (max-width: 480px) { .container { width: auto } }
/* For smaller displays like laptops */ @media (min-width: 768px) and (max-width: 979px) { .container { width: 724px } }
/* For larger displays */ @media (min-width: 1200px) { .container { width: 1170px } }
/********** 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: 0px 0px 0px 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; }