Team:Kent/CSS

From 2014.igem.org

(Difference between revisions)
(Created page with "@charset "utf-8"; /* Simple fluid media Note: Fluid media requires that you remove the media's height and width attributes from the HTML http://www.alistapart.com/articles/...")
Line 78: Line 78:
display: block;
display: block;
}
}
 +
 +
 +
 +
 +
 +
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 +
    display:none;}
 +
#top-section {
 +
    border: none;
 +
    height: 0px;}
 +
#content {
 +
    border: none;}
 +
 +
 +
 +
/* Removes "teams" from the menubar */
 +
#menubar > ul > li:last-child {
 +
    display: none;}
 +
/* Resizes the menubar to fik the links (default is 400px) */
 +
#menubar {
 +
    width: auto;}

Revision as of 13:43, 1 August 2014

@charset "utf-8"; /* Simple fluid media 

  Note: Fluid media requires that you remove the media's height and width attributes from the HTML
  http://www.alistapart.com/articles/fluid-images/
  • /

img, object, embed, video { max-width: 100%; } /* IE 6 does not support max-width so default to width 100% */ .ie6 img { width:100%; }

/* Dreamweaver Fluid Grid Properties ---------------------------------- dw-num-cols-mobile: 5; dw-num-cols-tablet: 8; dw-num-cols-desktop: 10; dw-gutter-percentage: 25;

Inspiration from "Responsive Web Design" by Ethan Marcotte http://www.alistapart.com/articles/responsive-web-design

and Golden Grid System by Joni Korpi http://goldengridsystem.com/

  • /

/* Mobile Layout: 480px and below. */

.gridContainer { margin-left: auto; margin-right: auto; width: 87.36%; padding-left: 1.82%; padding-right: 1.82%; }

  1. LayoutDiv1 {

clear: both; float: left; margin-left: 0; width: 100%; display: block; }

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) { .gridContainer { width: 90.675%; padding-left: 1.1625%; padding-right: 1.1625%; }

  1. LayoutDiv1 {

clear: both; float: left; margin-left: 0; width: 100%; display: block; } }

/* Desktop Layout: 769px to a max of 1232px. Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) { .gridContainer { width: 88.2%; max-width: 1232px; padding-left: 0.9%; padding-right: 0.9%; margin: auto; }

  1. LayoutDiv1 {

clear: both; float: left; margin-left: 0; width: 100%; display: block; }



  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { 
   display:none;}
  1. top-section { 
   border: none;
   height: 0px;}
  1. content { 
   border: none;}


/* Removes "teams" from the menubar */

  1. menubar > ul > li:last-child { 
   display: none;}

/* Resizes the menubar to fik the links (default is 400px) */

  1. menubar { 
   width: auto;}
Retrieved from "http://2014.igem.org/Team:Kent/CSS"