Team:Cambridge/static/wiki.css

From 2011.igem.org

Revision as of 11:26, 8 September 2011 by Hjking734 (Talk | contribs)

.cam-ui-icon {width:16px;height:16px;background-image:url(/wiki/images/b/b1/CAM_Bactiridescence_Icons_normal.png);display:inline-block;margin:1px;} .cam-ui-icon.cam-hover {background-image:url(/wiki/images/c/c2/CAM_Bactiridescence_Icons_hover.png);} .cam-ui-icon-discuss {background-position: 0 0;} .cam-ui-icon-key {background-position: -16px 0;} .cam-ui-icon-user {background-position: -32px 0;} .cam-ui-icon-edit {background-position: -48px 0;} .cam-ui-icon-igem {background-position: -64px 0;}

.cam-social-icon {width:48px;height:48px;display:inline-block;background-image:url(/wiki/images/5/50/CAM_Bactiridescence_Social.png);} .cam-social-facebook{background-position: 0 0;} .cam-social-twitter{background-position: -48px 0;} .cam-social-flickr{background-position: -96px 0;}

  • {padding: 0; margin:0}

body{ text-align: center; background: #eeeeee url(/wiki/images/0/0e/CAM_Bactiridescence_bk.png) no-repeat fixed center top; background-size: cover; overflow-x:hidden;}

  1. cam_page{width: 960px;text-align:left;display:inline-block;}
  2. cam_topbar{height:18px; margin: 0 6px 10px 2px;}
  3. cam_topbar a {font: 12px verdana, sans-serif; font-weight:bold; vertical-align:text-top;}
  1. cam_left { width:186px; margin-right: 10px; float: left;}
  2. cam_right {width: 760px; float:left;}

.cam-header {height: 96px; margin-bottom: 12px!important;}

  1. cam_menubar{margin-bottom:14px;height:96px;}

.cam-box{background:url(/wiki/images/c/c9/CAM_Bactiridescence_White_85.png);margin:2px;position:relative;color:black;} .cam-box-content{font: 16px verdana, sans-serif;} .cam-menu-item{float:left;width:148px;font-weight:bold;color:#666666;z-index:200;} .cam-menu-item:hover{color:black;} .cam-menu-item.cam-menu-selected{font-weight:bold!important;} .cam-menu-top{height:50px;text-align:center;padding-top:36px;} .cam-menu-text{font-size:16px;} .cam-menu-bottom{height:10px;background-color:#ffffff!important; width:148px;}

a{text-decoration:none;color:#808080;font: 16px verdana, sans-serif; cursor:pointer;} a:hover{color:#000000;} a {outline: none!important;} /*Fix for Firefox*/

  1. cam_logo {position:relative;}
  2. cam_innerlogo {position:absolute; left: -10px; right: -10px; top:8px;}

/* area_hover */

  1. cam_overview:hover .cam-menu-bottom{background-color:red!important;}
  2. cam_project:hover .cam-menu-bottom{background-color:orange!important;}
  3. cam_labwork:hover .cam-menu-bottom{background-color:yellow!important;}
  4. cam_society:hover .cam-menu-bottom{background-color:lightgreen!important;}
  5. cam_team:hover .cam-menu-bottom{background-color:lightblue!important;}

/* area select */

  1. cam_overview.cam-selected .cam-menu-bottom{background-color:red!important;}
  2. cam_project.cam-selected .cam-menu-bottom{background-color:orange!important;}
  3. cam_labwork.cam-selected .cam-menu-bottom{background-color:yellow!important;}
  4. cam_society.cam-selected .cam-menu-bottom{background-color:lightgreen!important;}
  5. cam_team.cam-selected .cam-menu-bottom{background-color:lightblue!important;}

/* subarea select*/ .cam-subitems li.cam-selected a {margin-left:2px;color:black;} .cam-overview li.cam-selected a {border-left:3px solid red;} .cam-project li.cam-selected a {border-left:3px solid orange;} .cam-labwork li.cam-selected a {border-left:3px solid yellow;} .cam-society li.cam-selected a {border-left:3px solid lightgreen;} .cam-team li.cam-selected a {border-left:3px solid lightblue;}


.cam-menu-all{position:absolute;opacity:0.95;} .cam-menu-drop{display:none;width:148px;} .cam-menu-drop ul {list-style:none;} .cam-menu-drop li {display:block; padding: 5px 2px; background-color:#272727; } .cam-menu-drop li a {display:block;color:#bbbbbb;padding: 7px 2px;} .cam-menu-drop li a:hover {background-color:#aaaaaa;color:#000000;}

  1. cam_nav{height:250px;}
  2. cam_pagecontent {margin: 2px 37px 2px 2px; min-height:480px;}
  3. cam_blog{position:absolute;right:-70px;top:82px;width:105px;height:105px;background-color:green;}
  4. cam_icons{height:60px;margin:4px 2px;overflow:hidden}

.cam-social-link{height:60px;width:48px;float:left;cursor:pointer;position:relative} .cam-social-icon{position:absolute; top:12px;} }