Difference between revisions of "Team:Consort Alberta/css"

Line 108: Line 108:
  
 
#navigation_CON{
 
#navigation_CON{
margin: -57.5px 0px 0px 470px;
+
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; }

  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; }

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; }

  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 -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{

}

  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: 90px; 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: 90px; height: auto; }

  1. navigation_CON li:hover ul{

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

  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: 90px; 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: -42.5px 0px 0px 180px; }

  1. footer_CON{

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

  1. footer_content_CON{

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

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

  1. home_CON{

}

/*** SLIDESHOW ***/

  1. slides_container_CON{

}

  1. slides {
     display: none
   }
   #slides .slidesjs-navigation {
     margin-top:5px;
   }
   a.slidesjs-next,
   a.slidesjs-previous,
   a.slidesjs-play,
   a.slidesjs-stop {
     background-image: url(Btns-next-prev.png);
     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(Pagination.png);
     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
   }
  1. 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; }

  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: 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; }