Team:IvyTech SouthBend IN/css/stylesheet/standard

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
@charset "UTF-8";
@charset "UTF-8";
-
 
-
@font-face {
 
-
  font-family: Stint;
 
-
  font-style: normal;
 
-
  font-weight: 400;
 
-
  src: local('Stint Ultra Condensed'), local('StintUltraCondensed-Regular'), url('http://themes.googleusercontent.com/static/fonts/stintultracondensed/v2/8DqLK6-YSClFZt3u3EgOUUGJFlOJkO8mymA9tc33RXw.woff') format('woff');
 
-
}
 
@font-face {
@font-face {
Line 16: Line 9:
@font-face {
@font-face {
-
   font-family: 'Open Sans Condensed';
+
   font-family: Stint;
   font-style: normal;
   font-style: normal;
-
   font-weight: 700;
+
   font-weight: 400;
-
   src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(http://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xONSK5BxN3NFS4EJkViHIqo.woff) format('woff');
+
   src: local('Stint Ultra Condensed'), local('StintUltraCondensed-Regular'), url('http://themes.googleusercontent.com/static/fonts/stintultracondensed/v2/8DqLK6-YSClFZt3u3EgOUUGJFlOJkO8mymA9tc33RXw.woff') format('woff');
-
}
+
-
@font-face {
+
-
  font-family: 'Open Sans Condensed';
+
-
  font-style: normal;
+
-
  font-weight: 300;
+
-
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(http://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff) format('woff');
+
}
}
-
/* CSS Document */
+
body {
-
body  
+
-
#globalWrapper {
+
margin:0;
margin:0;
padding:0;
padding:0;
Line 38: Line 23:
min-width:600px; /* Minimum width of layout - remove line if not required */
min-width:600px; /* Minimum width of layout - remove line if not required */
/* The min-width property does not work in old versions of Internet Explorer */
/* The min-width property does not work in old versions of Internet Explorer */
-
font-family: "Lato", Helvetica, sans-serif;
+
font-size:90%;
-
        font-size:1.5em;
+
}
}
a {
a {
Line 52: Line 36:
margin:.8em 0 .2em 0;
margin:.8em 0 .2em 0;
padding:0;
padding:0;
-
        border: 0 none;
 
}
}
p {
p {
Line 61: Line 44:
margin:10px 0 5px;
margin:10px 0 5px;
}
}
 +
#memo {
 +
    font:700 3em/1.2 'WireOne';
 +
    -webkit-transform: rotate(358deg);
 +
-moz-transform: rotate(358deg);
 +
-o-transform: rotate(358deg);
 +
writing-mode: tb-rl;
 +
text-shadow: #96CA9A 3px 3px;
 +
            }
 +
#memo1 {
 +
color: #066332;
 +
font-family: Stint;
 +
font-size:75px;
 +
    -webkit-transform: rotate(3deg);
 +
-moz-transform: rotate(3deg);
 +
-o-transform: rotate(3deg);
 +
text-shadow: #96CA9A 4px 3px 0px, #aaaaaa 7px 5px;
 +
}
 +
#memo2 {
 +
    font:700 3em/1.2 'WireOne';
 +
    -webkit-transform: rotate(1deg);
 +
-moz-transform: rotate(1deg);
 +
-o-transform: rotate(1deg);
 +
writing-mode: tb-rl;
 +
text-shadow: #FFFFFF 3px 3px;
 +
            }
 +
#memo2g {
 +
    font:700 3em/1.2 'WireOne';
 +
    -webkit-transform: rotate(1deg);
 +
-moz-transform: rotate(1deg);
 +
-o-transform: rotate(1deg);
 +
writing-mode: tb-rl;
 +
text-shadow: #96CA9A 3px 3px;
 +
            }
 +
#memo3 {
 +
    font:700 3em/1.2 'WireOne';
 +
    -webkit-transform: rotate(359deg);
 +
-moz-transform: rotate(359deg);
 +
-o-transform: rotate(359deg);
 +
writing-mode: tb-rl;
 +
text-shadow: #FFFFFF 3px 3px;
 +
            }
 +
#memo3g {
 +
    font:700 3em/1.2 'WireOne';
 +
    -webkit-transform: rotate(359deg);
 +
-moz-transform: rotate(359deg);
 +
-o-transform: rotate(359deg);
 +
writing-mode: tb-rl;
 +
text-shadow: #96CA9A 3px 3px;
 +
            }
#ads img {
#ads img {
display:block;
display:block;
Line 156: Line 188:
/* 3 column settings */
/* 3 column settings */
.threeivy {
.threeivy {
-
background:#96CA9A; /* right column background ivyour */
+
background:#96CA9A; /* right column background colour */
}
}
.threeivy .ivymid {
.threeivy .ivymid {
right:25%; /* width of the right column */
right:25%; /* width of the right column */
-
background:#fff; /* center column background ivyour */
+
background:#fff; /* center column background colour */
}
}
.threeivy .ivyleft {
.threeivy .ivyleft {
right:50%; /* width of the middle column */
right:50%; /* width of the middle column */
-
background:#96CA9A; /* left column background ivyour */
+
background:#96CA9A; /* left column background colour */
}
}
.threeivy .ivy1 {
.threeivy .ivy1 {
Line 181: Line 213:
/* 3 column blog style settings */
/* 3 column blog style settings */
.blogstyle {
.blogstyle {
-
background:#96CA9A; /* right column background ivyour */
+
background:#96CA9A; /* right column background colour */
}
}
.blogstyle .ivymid {
.blogstyle .ivymid {
right:25%; /* width of the right column */
right:25%; /* width of the right column */
-
background:#96CA9A; /* center column background ivyour */
+
background:#96CA9A; /* center column background colour */
}
}
.blogstyle .ivyleft {
.blogstyle .ivyleft {
right:25%; /* width of the middle column */
right:25%; /* width of the middle column */
-
background:#fff; /* left column background ivyour */
+
background:#fff; /* left column background colour */
}
}
.blogstyle .ivy1 {
.blogstyle .ivy1 {
Line 206: Line 238:
/* 2 column (left menu) settings */
/* 2 column (left menu) settings */
.leftmenu {
.leftmenu {
-
background:#fff; /* right column background ivyour */
+
background:#fff; /* right column background colour */
}
}
.leftmenu .ivyleft {
.leftmenu .ivyleft {
right:75%; /* right column width */
right:75%; /* right column width */
-
background:#96CA9A; /* left column background ivyour */
+
background:#96CA9A; /* left column background colour */
}
}
.leftmenu .ivy1 {
.leftmenu .ivy1 {
Line 222: Line 254:
/* 2 column (right menu) settings */
/* 2 column (right menu) settings */
.rightmenu {
.rightmenu {
-
background:#96CA9A; /* right column background ivyour */
+
background:#96CA9A; /* right column background colour */
}
}
.rightmenu .ivyleft {
.rightmenu .ivyleft {
right:25%; /* right column width */
right:25%; /* right column width */
-
background:#fff; /* left column background ivyour */
+
background:#fff; /* left column background colour */
}
}
.rightmenu .ivy1 {
.rightmenu .ivy1 {
Line 238: Line 270:
/* 2 column (double page) settings */
/* 2 column (double page) settings */
.doublepage {
.doublepage {
-
background:#96CA9A; /* right column background ivyour */
+
background:#96CA9A; /* right column background colour */
}
}
.doublepage .ivyleft {
.doublepage .ivyleft {
right:50%; /* right column width */
right:50%; /* right column width */
-
background:#fff; /* left column background ivyour */
+
background:#fff; /* left column background colour */
}
}
.doublepage .ivy1 {
.doublepage .ivy1 {
Line 254: Line 286:
/* Full page settings */
/* Full page settings */
.fullpage {
.fullpage {
-
background:#fff; /* page background ivyour */
+
background:#fff; /* page background colour */
}
}
.fullpage .ivy1 {
.fullpage .ivy1 {

Revision as of 02:43, 10 October 2014

@charset "UTF-8";

@font-face { 

 font-family: WireOne;
 font-style: normal;
 font-weight: normal;
 src: local('Wire One'), local('WireOne'), url('http://themes.googleusercontent.com/static/fonts/wireone/v3/fas9dl2wmMkt5rCu-aBez_esZW2xOQ-xsNqO47m55DA.woff') format('woff');

}

@font-face { 

 font-family: Stint;
 font-style: normal;
 font-weight: 400;
 src: local('Stint Ultra Condensed'), local('StintUltraCondensed-Regular'), url('http://themes.googleusercontent.com/static/fonts/stintultracondensed/v2/8DqLK6-YSClFZt3u3EgOUUGJFlOJkO8mymA9tc33RXw.woff') format('woff');

}

body { margin:0; padding:0; border:0; /* This removes the border around the viewport in old versions of IE */ width:100%; background:#fff; min-width:600px; /* Minimum width of layout - remove line if not required */ /* The min-width property does not work in old versions of Internet Explorer */ font-size:90%; } a { color:#066332; } a:hover { color:#fff; background:transparent; text-decoration:none; } h1, h2, h3 { margin:.8em 0 .2em 0; padding:0; } p { margin:.4em 0 .8em 0; padding:0; } img { margin:10px 0 5px; }

  1. memo { 
   font:700 3em/1.2 'WireOne';
   -webkit-transform: rotate(358deg);

-moz-transform: rotate(358deg); -o-transform: rotate(358deg); writing-mode: tb-rl; text-shadow: #96CA9A 3px 3px; 

           }
  1. memo1 {

color: #066332; font-family: Stint; font-size:75px; 

   -webkit-transform: rotate(3deg);

-moz-transform: rotate(3deg); -o-transform: rotate(3deg); text-shadow: #96CA9A 4px 3px 0px, #aaaaaa 7px 5px; }

  1. memo2 { 
   font:700 3em/1.2 'WireOne';
   -webkit-transform: rotate(1deg);

-moz-transform: rotate(1deg); -o-transform: rotate(1deg); writing-mode: tb-rl; text-shadow: #FFFFFF 3px 3px; 

           }
  1. memo2g { 
   font:700 3em/1.2 'WireOne';
   -webkit-transform: rotate(1deg);

-moz-transform: rotate(1deg); -o-transform: rotate(1deg); writing-mode: tb-rl; text-shadow: #96CA9A 3px 3px; 

           }
  1. memo3 { 
   font:700 3em/1.2 'WireOne';
   -webkit-transform: rotate(359deg);

-moz-transform: rotate(359deg); -o-transform: rotate(359deg); writing-mode: tb-rl; text-shadow: #FFFFFF 3px 3px; 

           }
  1. memo3g { 
   font:700 3em/1.2 'WireOne';
   -webkit-transform: rotate(359deg);

-moz-transform: rotate(359deg); -o-transform: rotate(359deg); writing-mode: tb-rl; text-shadow: #96CA9A 3px 3px; 

           }
  1. ads img {

display:block; padding-top:10px; }

/* iheader styles */

  1. iheader {

clear:both; float:left; width:100%; }

  1. iheader {

border-bottom:1px solid #066332; }

  1. iheader p,
  2. iheader h1,
  3. iheader h2 {

padding:.4em 15px 0 15px; margin:0; }

  1. iheader ul {

clear:left; float:left; width:100%; list-style:none; margin:10px 0 0 0; padding:0; }

  1. iheader ul li {

display:inline; list-style:none; margin:0; padding:0; }

  1. iheader ul li a {

display:block; float:left; margin:0 0 0 1px; padding:3px 10px; text-align:center; background:#96CA9A; color:#000; text-decoration:none; position:relative; left:15px; line-height:1.3em; }

  1. iheader ul li a:hover {

background:#009665; color:#fff; }

  1. iheader ul li a.active,
  2. iheader ul li a.active:hover {

color:#fff; background:#066332; font-weight:bold; }

  1. iheader ul li a span {

display:block; } /* 'widths' sub menu */

  1. layoutdims {

clear:both; background:#96CA9A; border-top:4px solid #066332; margin:0; padding:6px 15px !important; text-align:right; } /* column container */ .ivymask { position:relative; /* This fixes the IE7 overflow hidden bug */ clear:both; float:left; width:100%; /* width of whole page */ overflow:hidden; /* This chops off any overhanging divs */ } /* common column settings */ .ivyleft, .ivymid, .ivyright { float:left; width:100%; position:relative; } .ivy1, .ivy2, .ivy3 { float:left; position:relative; padding:0 0 1em 0; overflow:hidden; } /* 3 column settings */ .threeivy { background:#96CA9A; /* right column background colour */ } .threeivy .ivymid { right:25%; /* width of the right column */ background:#fff; /* center column background colour */ } .threeivy .ivyleft { right:50%; /* width of the middle column */ background:#96CA9A; /* left column background colour */ } .threeivy .ivy1 { width:46%; /* width of center column content (column width minus padding on either side) */ left:102%; /* 100% plus left padding of center column */ } .threeivy .ivy2 { width:21%; /* Width of left column content (column width minus padding on either side) */ left:31%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */ } .threeivy .ivy3 { width:21%; /* Width of right column content (column width minus padding on either side) */ left:85%; /* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */ } /* 3 column blog style settings */ .blogstyle { background:#96CA9A; /* right column background colour */ } .blogstyle .ivymid { right:25%; /* width of the right column */ background:#96CA9A; /* center column background colour */ } .blogstyle .ivyleft { right:25%; /* width of the middle column */ background:#fff; /* left column background colour */ } .blogstyle .ivy1 { width:46%; /* width of center column content (column width minus padding on either side) */ left:52%; /* 100% plus left padding of center column */ } .blogstyle .ivy2 { width:21%; /* Width of left column content (column width minus padding on either side) */ left:56%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */ } .blogstyle .ivy3 { width:21%; /* Width of right column content (column width minus padding on either side) */ left:60%; /* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */ } /* 2 column (left menu) settings */ .leftmenu { background:#fff; /* right column background colour */ } .leftmenu .ivyleft { right:75%; /* right column width */ background:#96CA9A; /* left column background colour */ } .leftmenu .ivy1 { width:71%; /* right column content width */ left:102%; /* 100% plus left column left padding */ } .leftmenu .ivy2 { width:21%; /* left column content width (column width minus left and right padding) */ left:6%; /* (right column left and right padding) plus (left column left padding) */ } /* 2 column (right menu) settings */ .rightmenu { background:#96CA9A; /* right column background colour */ } .rightmenu .ivyleft { right:25%; /* right column width */ background:#fff; /* left column background colour */ } .rightmenu .ivy1 { width:71%; /* left column content width (left column width minus left and right padding) */ left:27%; /* (right column width) plus (left column left padding) */ } .rightmenu .ivy2 { width:21%; /* right column content width (right column width minus left and right padding) */ left:31%; /* (right column width) plus (left column left and right padding) plus (right column left padding) */ } /* 2 column (double page) settings */ .doublepage { background:#96CA9A; /* right column background colour */ } .doublepage .ivyleft { right:50%; /* right column width */ background:#fff; /* left column background colour */ } .doublepage .ivy1 { width:46%; /* left column content width (column width minus left and right padding) */ left:52%; /* right column width plus left column left padding */ } .doublepage .ivy2 { width:46%; /* right column content width (column width minus left and right padding) */ left:56%; /* (right column width) plus (left column left and right padding) plus (right column left padding) */ } /* Full page settings */ .fullpage { background:#fff; /* page background colour */ } .fullpage .ivy1 { width:96%; /* page width minus left and right padding */ left:2%; /* page left padding */ } /* Footer styles */

  1. footer {

clear:both; float:left; width:100%; border-top:1px solid #066332; }

  1. footer p {

padding:10px; margin:0; }

/* IGEM MENUBAR EDIT AND USER MENU */

  1. menubar { 
   font-family: "Lato", Helvetica, sans-serif;
   top: 0 !important;
   font-size: 0.45em;

}

  1. menubar li,
  2. menubar li a:link { 
   text-transform: uppercase;

}

/* Highlight with background colour on hover */

  1. top-section { 
   background-color: #fff;

}

  1. top-section:hover #menubar li a { 
   color: #777777;

}

  1. menubar li a:link,
  2. menubar li a:visited { 
   color: #777777;
   background-color: #fff;

}

  1. menubar li a:hover,
  2. menubar li a:focus { 
   color: #777777;
   text-decoration: underline;

}


/* EDIT */

  1. menubar.left-menu { 
    position: fixed;

background: #fff; 

    margin-left: 0px;

}

  1. menubar.left-menu:hover { 
   background-color: #fff;

}

/* USER */

  1. menubar.right-menu {

background: #fff; 

   position: fixed;
   margin-right: 0px;

}

Retrieved from "http://2014.igem.org/Team:IvyTech_SouthBend_IN/css/stylesheet/standard"