Difference between revisions of "Template:Penn"

Line 13: Line 13:
 
margin-right: 500px;   
 
margin-right: 500px;   
  
−
 
−
 
 
}
 
}
 
</style>
 
</style>
 
<style type="text/css">
 
<style type="text/css">
−
@charset "UTF-8";
+
@charset 'UTF-8';
−
/* CSS Document */
+
  
−
/* Main Elements
+
/*********************************************************************************/
−
-------------------------------- */
+
/* Basic                                                                        */
 +
/*********************************************************************************/
  
−
/* headers */
+
body
−
h1
+
 
{
 
{
−
color:white;
+
background: #090909;
−
margin:15px 0 5px 0;
+
−
font-family: Arial, sans-serif;
+
 
}
 
}
−
h2
+
 
 +
body,input,textarea,select
 
{
 
{
−
color:white;
+
font-family: 'Oxygen', sans-serif;
−
margin:5px 0 5px 0;
+
font-size: 13pt;
−
font-family: Arial, sans-serif;
+
line-height: 2em;
−
}
+
−
h3
+
−
{
+
−
color:white;
+
−
margin:10px 0 5px 0;
+
−
font-family: Arial, sans-serif;
+
−
}
+
−
h4
+
−
{
+
−
color:white;
+
−
margin:10px 0 5px 0;
+
−
font-family: Arial, sans-serif;
+
 
}
 
}
  
−
/* General Content */
+
h1,h2,h3,h4,h5,h6
−
p
+
 
{
 
{
−
color:#d0d0d0;
+
font-weight: bold;
−
font-size:1em;
+
−
display:inline;
+
−
font-family: Arial, sans-serif;
+
−
}
+
−
ul
+
−
{
+
−
font-family: Arial, sans-serif;
+
−
color:white;
+
 
}
 
}
−
ul il
+
 +
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
 +
{
 +
color: inherit;
 +
text-decoration: none;
 +
}
 +
 +
/* Change this to whatever font weight/color pairing is most suitable */
 +
strong, b
 
{
 
{
−
color:white;
+
font-weight: bold;
−
font-family: Arial, sans-serif;
+
color: #000000;
 
}
 
}
−
ol
+
 +
em, i
 
{
 
{
−
font-family: Arial, sans-serif;
+
font-style: italic;
−
color:white;
+
 
}
 
}
−
ol il
+
 
−
{
+
/* Don't forget to set this to something that matches the design */
−
font-family: Arial, sans-serif;
+
−
color:white;
+
−
}
+
−
+
 
a
 
a
 
{
 
{
−
color:#ff9800;
+
color: #ff0000;
 
}
 
}
 +
 
a:hover
 
a:hover
 
{
 
{
−
color:#a11400;
+
text-decoration: none;
−
}
+
−
a:active
+
−
{
+
−
color:#fcc600;
+
−
}
+
−
img
+
−
{
+
−
float:left;
+
−
}
+
−
.highlight1
+
−
{
+
−
color:#FF9900;
+
−
font-weight:bold;
+
−
}
+
−
.highlight2
+
−
{
+
−
background-color:#FFFFCC;
+
−
color:#FF9900;
+
−
font-weight:bold;
+
−
}
+
−
form
+
−
{
+
−
color:white;
+
 
}
 
}
  
−
/* Dividers */
+
sub
−
/*hr*/
+
−
.wide
+
 
{
 
{
−
background-image: url(images/hrwide_03.png);
+
position: relative;
−
width:100%;
+
top: 0.5em;
−
height:3px;
+
font-size: 0.8em;
−
border:none;
+
−
margin:20px 0;
+
−
float:left;
+
−
clear: both;
+
 
}
 
}
−
.small
+
 +
sup
 
{
 
{
−
background-image:url(images/hrsmall_03.png);
+
position: relative;
−
height: 3px;
+
top: -0.5em;
−
width: 293px;
+
font-size: 0.8em;
−
border: none;
+
−
margin:10px 0px;
+
−
+
 
}
 
}
 
 
−
/* Buttons */
+
hr
−
 
+
−
.button a
+
 
{
 
{
−
background-image: url(images/button_03.png);
+
border: 0;
−
width:151px;
+
border-top: solid 1px #ddd;
−
height: 36px;
+
−
float:right;
+
−
background-repeat: no-repeat;
+
−
color:white;
+
−
text-decoration: none;
+
−
font-size: 16pt;
+
−
font-weight: bold;
+
−
font-family: Arial, sans-serif;
+
−
padding-top: 11px;
+
−
margin: 10px;
+
−
text-align: center;
+
 
}
 
}
−
.button a:hover
+
 +
blockquote
 
{
 
{
−
background-position:0px -50px;
+
border-left: solid 0.5em #ddd;
 +
padding: 1em 0 1em 2em;
 +
font-style: italic;
 
}
 
}
−
.buttonSwitch a
+
 +
p, ul, ol, dl, table
 
{
 
{
−
font-family:Arial, Helvetica, sans-serif;
+
margin-bottom: 1em;
−
font-size:12px;
+
−
height:12px;
+
−
padding:3px 8px;
+
−
border:#666666 2px solid;
+
−
background-color:#999999;
+
−
color:#FFFFFF;
+
−
text-decoration:none;
+
−
font-weight:bold;
+
−
text-transform:uppercase;
+
−
overflow:visible;
+
−
display: inline;
+
 
}
 
}
−
.buttonSwitch a:hover
+
 
−
{
+
header
−
border:#c78a29 2px solid;
+
−
background-color:#FFCC99;
+
−
background-image:none;
+
−
}
+
−
.buttonSwitch a:active
+
 
{
 
{
−
background-color:#FFFFFF;
 
−
color:#666666;
 
 
}
 
}
−
.button a div
 
−
{
 
−
display: inline;
 
−
}
 
−
 
−
/* Layout
 
−
-------------------------------- */
 
−
body
 
−
{
 
−
font-family: Arial, sans-serif;
 
 
 
−
}
+
header h2
−
.siteWidth
+
{
 +
letter-spacing: -1px;
 +
font-weight: 700;
 +
}
 +
 +
header .byline
 +
{
 +
display: block;
 +
text-transform: uppercase;
 +
}
 +
 +
footer
 
{
 
{
−
width:960px;
+
margin-top: 1em;
−
margin:auto;
+
 
}
 
}
−
#scaleablebackground, #secretLoader{min-width:100%;min-height:100%;position:fixed;right:0px;bottom:0;z-index:1;padding:0;margin:0;}
 
−
#secretLoader{z-index:0;}
 
−
#wrapper{width:100%;margin:-8px;position:absolute;z-index:2;}
 
  
−
/* Header */
+
br.clear
−
.headerWrap
+
 
{
 
{
−
width:100%;
+
clear: both;
−
display: block;
+
−
background-image: url(images/blur_02.png);
+
−
background-repeat: repeat-x;
+
−
background-position: center;
+
−
height:546px;
+
 
}
 
}
−
.mainImage
+
−
{
+
/* Buttons */
−
background-image: url(images/mainimage_02.png);
+
−
height:546px;
+
−
width:100%;
+
−
background-repeat: no-repeat;
+
−
background-position: center;
+
−
}
+
−
.header
+
−
{
+
−
float:left;
+
−
height:116px; width:100%;
+
−
position:relative;
+
−
}
+
−
#logo
+
−
{
+
−
padding:15px;
+
−
float: left;
+
−
}
+
−
.bar
+
−
{
+
−
background-image: url(images/wbar_03.png);
+
−
background-repeat: repeat-x;
+
−
height:51px;
+
−
width:100%;
+
−
z-index: 5;
+
−
position:absolute;
+
−
margin-top: 425px;
+
 
 
−
}
+
.button
−
.explore
+
{
−
{
+
position: relative;
−
background-image: url(images/explore_03.png);
+
display: inline-block;
−
height:72px;
+
margin-top: 2em;
−
width:453px;
+
padding: 0.8em 1.5em;
−
position:absolute;
+
background: #1d1d1d;
−
float: right;
+
border-radius: 6px;
−
top:363px;
+
text-decoration: none;
−
left: 415px;
+
text-transform: uppercase;
−
z-index: 10;
+
font-size: 1em;
−
}
+
color: #FFF;
 +
-moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
 +
-webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
 +
-o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
 +
-ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
 +
transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
 +
cursor: pointer;
 +
}
 +
 
 +
.button:hover
 +
{
 +
background: #141414;
 +
color: #FFF !important;
 +
}
 
 
−
/*Header Navigation*/
 
  
−
/*Head Main Nav*/
+
/* Sections/Articles */
−
.headNav
+
−
{
+
−
list-style:none;
+
−
position:absolute;
+
−
top: 473px;
+
−
padding-left: 0px;
+
−
float:left;
+
−
width:100%;
+
−
text-align: center;
+
−
}
+
−
.headNav .navLink
+
−
{
+
−
display: inline;
+
−
}
+
−
.headNav .navLink a
+
−
{
+
−
text-decoration:none;
+
−
font-size:18pt;
+
−
font-weight:bold;
+
−
color:white;
+
−
padding:0px 25px;
+
−
}
+
−
.headNav .navLink a:hover
+
−
{
+
−
}
+
 
 
−
/* Main */
+
section,
−
.mainWrap
+
article
 +
{
 +
margin-bottom: 3em;
 +
}
 +
 +
section > :last-child,
 +
article > :last-child
 +
{
 +
margin-bottom: 0;
 +
}
 +
 
 +
section:last-child,
 +
article:last-child
 +
{
 +
margin-bottom: 0;
 +
}
 +
 
 +
.row > section,
 +
.row > article
 +
{
 +
margin-bottom: 0;
 +
}
 +
 
 +
/* Images */
 +
 
 +
.image
 +
{
 +
display: inline-block;
 +
}
 +
 +
.image img
 +
{
 +
display: block;
 +
width: 100%;
 +
border-radius: 6px;
 +
}
 +
 
 +
.image.featured
 +
{
 +
display: block;
 +
width: 100%;
 +
margin: 0 0 2em 0;
 +
}
 +
 +
.image.full
 +
{
 +
display: block;
 +
width: 100%;
 +
margin: 0 0 2em 0;
 +
}
 +
 +
.image.left
 +
{
 +
float: left;
 +
margin: 0 2em 2em 0;
 +
}
 +
 +
.image.centered
 +
{
 +
display: block;
 +
margin: 0 0 2em 0;
 +
}
 +
 
 +
.image.centered img
 +
{
 +
margin: 0 auto;
 +
width: auto;
 +
}
 +
 
 +
/* Lists */
 +
 
 +
ul.default
 +
{
 +
list-style: none;
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 +
ul.default li
 +
{
 +
padding: 0.50em 0em;
 +
}
 +
 +
ul.style1
 +
{
 +
font-size: 0.90em;
 +
}
 +
 
 +
ul.style1 li
 +
{
 +
padding: 0.80em 0em;
 +
line-height: 1.8em;
 +
}
 +
 
 +
ul.style1 li img
 +
{
 +
float: left;
 +
margin-right: 1.50em;
 +
border-radius: 6px;
 +
}
 +
 +
ul.style1 .posted
 +
{
 +
display: block;
 +
margin-top: 1em;
 +
padding: 0.50em 0em;
 +
}
 +
 
 +
/*********************************************************************************/
 +
/* Header                                                                        */
 +
/*********************************************************************************/
 +
 
 +
#header
 
{
 
{
−
width:100%;
 
−
float:left;
 
−
background-color:black;
 
−
}
 
−
.stripe
 
−
{
 
−
background-image: url(images/smallwbar_03.png);
 
−
background-repeat: repeat-x;
 
−
height:20px;
 
−
top:-15px;
 
 
position: relative;
 
position: relative;
−
+
background: #ddd url(../images/header.jpg) no-repeat center;
 +
background-size: cover;
 
}
 
}
−
.main
+
 
 +
#logo
 
{
 
{
−
float:left;
 
−
width:100%;
 
−
padding:0 0 20px 0;
 
 
}
 
}
−
.mainHead
+
 +
#nav
 
{
 
{
−
float:left;
 
−
}
 
−
.mainBody
 
−
{
 
−
float:left;
 
 
}
 
}
 +
 +
#nav ul
 +
{
 +
margin: 0;
 +
}
 
 
−
.yellow
+
/*********************************************************************************/
 +
/* Banner                                                                        */
 +
/*********************************************************************************/
 +
 
 +
#banner
 
{
 
{
−
background-color:#ff9800;
+
position: relative;
−
}
+
background: #333;
−
.orange
+
color: #fff;
−
{
+
−
background-color:#ff5400;
+
−
}
+
−
.red
+
−
{
+
−
background-color:#e50009;
+
−
}
+
−
.toolContainer h1
+
−
{
+
−
text-align: center;
+
−
}
+
−
.pContainer
+
−
{
+
−
margin: 15px;
+
−
}
+
−
.yellow p, .orange p, .red p
+
−
{
+
−
color:white;
+
−
}
+
−
.yellow a, .orange a, .red a
+
−
{
+
−
color:white;
+
−
}
+
−
.yellow a:hover, .orange a:hover, .red a:hover
+
−
{
+
−
color:#d0d0d0;
+
−
}
+
−
.mainFoot
+
−
{
+
−
float:left;
+
 
}
 
}
  
−
/* Main Content */
+
/*********************************************************************************/
−
.mainContent
+
/* Main                                                                         */
 +
/*********************************************************************************/
 +
 
 +
#main
 
{
 
{
−
float:left;
+
position: relative;
−
width: 100%;
+
background: #fff url(images/overlay.png) repeat;
 
}
 
}
−
.contentHead
+
 +
.divider
 
{
 
{
−
}
+
overflow: hidden;
−
.contentBody
+
border-top: 1px solid #dbdbdb;
−
{
+
−
float:left;
+
−
text-align:left;
+
−
}
+
−
.content2
+
−
{
+
−
float:left;
+
 
}
 
}
  
−
/* Footer */
+
/*********************************************************************************/
−
.footerWrap
+
/* Footer                                                                       */
 +
/*********************************************************************************/
 +
 +
#footer
 
{
 
{
−
width:100%;
+
position: relative;
−
float:left;
+
background: #121212;
−
background-image: url(images/Template4adventure_03.png);
+
color: rgba(255,255,255,.4);
−
background-repeat: repeat-x;
+
−
height: 142px;
+
−
background-position:0 35px;
+
−
background-color:black;
+
 
}
 
}
−
.footer
+
 +
#footer header h2
 
{
 
{
−
float:left;
+
color: #FFF;
−
width:100%;
+
 
}
 
}
−
.footNav
+
 +
/*********************************************************************************/
 +
/* Copyright                                                                    */
 +
/*********************************************************************************/
 +
 +
#copyright
 
{
 
{
−
float:left;
+
position: relative;
−
width: 100%;
+
padding: 3em 0em;
−
}
+
−
.footer ul
+
−
{
+
−
list-style:none;
+
−
padding-left: 0px;
+
−
margin:0px;
+
 
text-align: center;
 
text-align: center;
 +
color: rgba(255,255,255,.2);
 
}
 
}
−
.footer ul li
+
 +
#copyright .container
 
{
 
{
−
display:inline;
 
−
color:white;
 
−
padding:0 10px;
 
−
font-size: 25pt;
 
−
font-family: "Arial Black", arial, sans-serif;
 
 
}
 
}
−
.footer ul li a
+
 +
#copyright a
 
{
 
{
−
text-decoration:none;
+
text-decoration: none;
−
font-size:25px;
+
color: rgba(255,255,255,.3);
−
font-weight:bold;
+
}
−
color:white;
+
−
text-align: center;
+
−
}
+
−
.home a:hover
+
−
{
+
−
color:#fcc600;
+
−
}
+
−
.about a:hover
+
−
{
+
−
color:#ff9800;
+
−
}
+
−
.gear a:hover
+
−
{
+
−
color:#ff5400;
+
−
}
+
−
.photos a:hover
+
−
{
+
−
color:#e50009;
+
−
}
+
−
.navigation a:hover
+
−
{
+
−
color:#a11400;
+
−
}
+
−
.contact a:hover
+
−
{
+
−
color:#6a0d00;
+
−
}
+
−
.footInfo
+
−
{
+
−
width: 100%;
+
−
margin-top: 80px;
+
−
}
+
−
.SDcredit
+
−
{
+
−
font-size:13px;
+
−
font-family: Arial, sans-serif;
+
−
text-transform:uppercase;
+
−
color:#FFFFFF;
+
−
float:left;
+
−
}
+
−
.SDcredit a
+
−
{
+
−
text-decoration:none;
+
−
color: #d0d0d0;
+
−
}
+
−
.SDcredit a:hover
+
−
{
+
−
color:white;
+
−
}
+
−
#copyright
+
−
{
+
−
color:#d0d0d0;
+
−
font-size:13px;
+
−
font-weight:100;
+
−
float:right;
+
−
}
+
−
+
−
+
−
/* 960 Grid System */
+
−
+
−
.gridSize_12 .grid_1, .gridSize_12 .entryGrid_1 .entrySummary{width: 60px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_12 .grid_2, .gridSize_12 .entryGrid_2 .entrySummary{width: 140px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_12 .grid_3, .gridSize_16 .grid_4, .gridSize_12 .entryGrid_3 .entrySummary, .gridSize_16 .entryGrid_4 .entrySummary{width: 220px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_12 .grid_4, .gridSize_12 .entryGrid_4 .entrySummary{width: 300px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_12 .grid_5, .gridSize_12 .entryGrid_5 .entrySummary{width: 380px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_12 .grid_6, .gridSize_16 .grid_8, .gridSize_12 .entryGrid_6 .entrySummary, .gridSize_16 .entryGrid_8 .entrySummary{width: 460px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_12 .grid_7, .gridSize_12 .entryGrid_7 .entrySummary{width: 540px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_12 .grid_8, .gridSize_12 .entryGrid_8 .entrySummary{width: 620px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_12 .grid_9, .gridSize_16 .grid_12, .gridSize_12 .entryGrid_9 .entrySummary, .gridSize_12 .entryGrid_12 .entrySummary{width: 700px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_12 .grid_10, .gridSize_12 .entryGrid_10 .entrySummary{width: 780px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_12 .grid_11, .gridSize_12 .entryGrid_11 .entrySummary{width: 860px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_12 .grid_12, .gridSize_16 .grid_16, .gridSize_12 .entryGrid_12 .entrySummary, .gridSize_12 .entryGrid_16 .entrySummary{width: 940px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_16 .grid_1, .gridSize_16 .entryGrid_1 .entrySummary{width: 40px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_16 .grid_2, .gridSize_16 .entryGrid_2 .entrySummary{width: 100px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_16 .grid_3, .gridSize_16 .entryGrid_3 .entrySummary{width: 160px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_16 .grid_5, .gridSize_16 .entryGrid_5 .entrySummary{width: 280px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_16 .grid_6, .gridSize_16 .entryGrid_6 .entrySummary{width: 340px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_16 .grid_7, .gridSize_16 .entryGrid_7 .entrySummary{width: 400px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_16 .grid_9, .gridSize_16 .entryGrid_9 .entrySummary{width: 520px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_16 .grid_10, .gridSize_16 .entryGrid_10 .entrySummary{width: 580px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_16 .grid_11, .gridSize_16 .entryGrid_11 .entrySummary{width: 640px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_16 .grid_13, .gridSize_16 .entryGrid_13 .entrySummary{width: 760px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_16 .grid_14, .gridSize_16 .entryGrid_14 .entrySummary{width: 820px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_16 .grid_15, .gridSize_16 .entryGrid_15 .entrySummary{width: 880px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_24 .grid_1{width: 30px;margin-right: 5px; margin-left: 5px;float: left;}
+
−
.gridSize_24 .grid_2{width: 70px;margin-right: 5px; margin-left: 5px;float: left;}
+
−
.gridSize_24 .grid_3{width: 110px;margin-right: 5px; margin-left: 5px;float: left;}
+
−
.gridSize_24 .grid_4{width: 150px;margin-right: 5px; margin-left: 5px;float: left;}
+
−
.gridSize_24 .grid_5{width: 190px;margin-right: 5px; margin-left: 5px;float: left;}
+
−
.gridSize_24 .grid_6{width: 230px;margin-right: 5px; margin-left: 5px;float: left;}
+
−
.gridSize_24 .grid_7{width: 270px;margin-right: 5px; margin-left: 5px;float: left;}
+
−
.gridSize_24 .grid_8{width: 310px;margin-right: 5px; margin-left: 5px;float: left;}
+
−
.gridSize_24 .grid_9{width: 350px;margin-right: 5px; margin-left: 5px;float: left;}
+
−
.gridSize_24 .grid_10{width: 390px;margin-right: 5px; margin-left: 5px;float: left;}
+
−
.gridSize_24 .grid_11{width: 430px;margin-right: 5px; margin-left: 5px;float: left;}
+
−
.gridSize_24 .grid_12{width: 470px;margin-right: 5px; margin-left: 5px;float: left;}
+
−
.gridSize_24 .grid_13{width: 510px;margin-right: 5px; margin-left: 5px;float: left;}
+
−
.gridSize_24 .grid_14{width: 550px;margin-right: 5px; margin-left: 5px;float: left;}
+
−
.gridSize_24 .grid_15{width: 590px;margin-right: 5px; margin-left: 5px;float: left;}
+
−
.gridSize_24 .grid_16{width: 630px;margin-right: 5px; margin-left: 5px;float: left;}
+
−
.gridSize_24 .grid_17{width: 670px;margin-right: 5px; margin-left: 5px;float: left;}
+
−
.gridSize_24 .grid_18{width: 710px;margin-right: 5px; margin-left: 5px;float: left;}
+
−
.gridSize_24 .grid_19{width: 750px;margin-right: 5px; margin-left: 5px;float: left;}
+
−
.gridSize_24 .grid_20{width: 790px;margin-right: 5px; margin-left: 5px;float: left;}
+
−
.gridSize_24 .grid_21{width: 830px;margin-right: 5px; margin-left: 5px;float: left;}
+
−
.gridSize_24 .grid_22{width: 870px;margin-right: 5px; margin-left: 5px;float: left;}
+
−
.gridSize_24 .grid_23{width: 910px;margin-right: 5px; margin-left: 5px;float: left;}
+
−
.gridSize_24 .grid_24{width: 950px;margin-right: 5px; margin-left: 5px;float: left;}
+
−
.gridSize_12 .wideGrid_1{width: 80px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_12 .wideGrid_2{width: 160px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_12 .wideGrid_3, .gridSize_16 .wideGrid_4{width: 240px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_12 .wideGrid_4{width: 320px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_12 .wideGrid_5{width: 400px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_12 .wideGrid_6, .gridSize_16 .wideGrid_8{width: 480px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_12 .wideGrid_7{width: 560px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_12 .wideGrid_8{width: 640px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_12 .wideGrid_9, .gridSize_16 .wideGrid_12{width: 720px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_12 .wideGrid_10{width: 800px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_12 .wideGrid_11{width: 880px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_12 .wideGrid_12, .gridSize_16 .wideGrid_16{width: 960px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_16 .wideGrid_1{width: 60px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_16 .wideGrid_2{width: 120px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_16 .wideGrid_3{width: 180px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_16 .wideGrid_5{width: 300px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_16 .wideGrid_6{width: 360px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_16 .wideGrid_7{width: 420px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_16 .wideGrid_9{width: 540px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_16 .wideGrid_10{width: 600px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_16 .wideGrid_11{width: 660px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_16 .wideGrid_13{width: 780px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_16 .wideGrid_14{width: 840px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_16 .wideGrid_15{width: 900px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_24 .wideGrid_1{width: 40px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_24 .wideGrid_2{width: 80px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_24 .wideGrid_3{width: 120px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_24 .wideGrid_4{width: 160px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_24 .wideGrid_5{width: 200px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_24 .wideGrid_6{width: 240px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_24 .wideGrid_7{width: 280px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_24 .wideGrid_8{width: 320px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_24 .wideGrid_9{width: 360px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_24 .wideGrid_10{width: 400px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_24 .wideGrid_11{width: 440px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_24 .wideGrid_12{width: 480px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_24 .wideGrid_13{width: 520px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_24 .wideGrid_14{width: 560px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_24 .wideGrid_15{width: 600px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_24 .wideGrid_16{width: 640px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_24 .wideGrid_17{width: 680px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_24 .wideGrid_18{width: 720px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_24 .wideGrid_19{width: 760px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_24 .wideGrid_20{width: 800px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_24 .wideGrid_21{width: 840px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_24 .wideGrid_22{width: 880px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_24 .wideGrid_23{width: 920px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
.gridSize_24 .wideGrid_24{width: 960px;margin-right: 0px; margin-left: 0px;float: left;}
+
−
+
−
/* Fluid Grid System */
+
−
 
+
−
.fluid.grid_1, .fluid.grid_2, .fluid.grid_3, .fluid.grid_4, .fluid.grid_5, .fluid.grid_6, .fluid.grid_7, .fluid.grid_8, .fluid.grid_9, .fluid.grid_10, .fluid.grid_11, .fluid.grid_12, .fluid.grid_13, .fluid.grid_14, .fluid.grid_15, .fluid.grid_16{float: left;margin-left: 1%;margin-right: 1%;}
+
−
.gridSize_12 .fluid.grid_1{width:6.333%;}
+
−
.gridSize_12 .fluid.grid_2{width:14.666%;}
+
−
.gridSize_12 .fluid.grid_3, .gridSize_16 .fluid.grid_4{width: 23%;}
+
−
.gridSize_12 .fluid.grid_4{width:31.333%;}
+
−
.gridSize_12 .fluid.grid_5{width:39.666%;}
+
−
.gridSize_12 .fluid.grid_6, .gridSize_16 .fluid.grid_8{width: 48%;}
+
−
.gridSize_12 .fluid.grid_7{width:56.333%;}
+
−
.gridSize_12 .fluid.grid_8{width:64.666%;}
+
−
.gridSize_12 .fluid.grid_9, .gridSize_16 .fluid.grid_12{width: 73%;}
+
−
.gridSize_12 .fluid.grid_10{width:81.333%;}
+
−
.gridSize_12 .fluid.grid_11{width:89.666%;}
+
−
.gridSize_12 .fluid.grid_12, .gridSize_16 .fluid.grid_16{width: 98%;}
+
−
.gridSize_16 .fluid.grid_1{width:4.25%;}
+
−
.gridSize_16 .fluid.grid_2{width:10.5%;}
+
−
.gridSize_16 .fluid.grid_3{width:16.75%;}
+
−
.gridSize_16 .fluid.grid_5{width:29.25%;}
+
−
.gridSize_16 .fluid.grid_6{width:35.5%;}
+
−
.gridSize_16 .fluid.grid_7{width:41.75%;}
+
−
.gridSize_16 .fluid.grid_9{width:54.25%;}
+
−
.gridSize_16 .fluid.grid_10{width:60.5%;}
+
−
.gridSize_16 .fluid.grid_11{width:66.75%;}
+
−
.gridSize_16 .fluid.grid_13{width:79.25%;}
+
−
.gridSize_16 .fluid.grid_14{width:85.5%;}
+
−
.gridSize_16 .fluid.grid_15{width:91.75%;}
+
−
+
−
.fluid.wideGrid_1, .fluid.wideGrid_2, .fluid.wideGrid_3, .fluid.wideGrid_4, .fluid.wideGrid_5, .fluid.wideGrid_6, .fluid.wideGrid_7, .fluid.wideGrid_8, .fluid.wideGrid_9, .fluid.wideGrid_10, .fluid.wideGrid_11, .fluid.wideGrid_12, .fluid.wideGrid_13, .fluid.wideGrid_14, .fluid.wideGrid_15, .fluid.wideGrid_16
+
−
{float: left;margin-left: 0%;margin-right: 0%;}
+
−
.gridSize_12 .fluid.wideGrid_1{width:8.333%;}
+
−
.gridSize_12 .fluid.wideGrid_2{width:16.666%;}
+
−
.gridSize_12 .fluid.wideGrid_3, .gridSize_16 .fluid.wideGrid_4{width: 25%;}
+
−
.gridSize_12 .fluid.wideGrid_4{width:33.333%;}
+
−
.gridSize_12 .fluid.wideGrid_5{width:41.666%;}
+
−
.gridSize_12 .fluid.wideGrid_6, .gridSize_16 .fluid.wideGrid_8{width: 50%;}
+
−
.gridSize_12 .fluid.wideGrid_7{width:58.333%;}
+
−
.gridSize_12 .fluid.wideGrid_8{width:66.666%;}
+
−
.gridSize_12 .fluid.wideGrid_9, .gridSize_16 .fluid.wideGrid_12{width: 75%;}
+
−
.gridSize_12 .fluid.wideGrid_10{width:83.333%;}
+
−
.gridSize_12 .fluid.wideGrid_11{width:91.666%;}
+
−
.gridSize_12 .fluid.wideGrid_12, .gridSize_16 .fluid.wideGrid_16{width: 100%;}
+
−
.gridSize_16 .fluid.wideGrid_1{width:6.25%;}
+
−
.gridSize_16 .fluid.wideGrid_2{width:12.5%;}
+
−
.gridSize_16 .fluid.wideGrid_3{width:18.75%;}
+
−
.gridSize_16 .fluid.wideGrid_5{width:31.25%;}
+
−
.gridSize_16 .fluid.wideGrid_6{width:37.5%;}
+
−
.gridSize_16 .fluid.wideGrid_7{width:43.75%;}
+
−
.gridSize_16 .fluid.wideGrid_9{width:56.25%;}
+
−
.gridSize_16 .fluid.wideGrid_10{width:62.5%;}
+
−
.gridSize_16 .fluid.wideGrid_11{width:68.75%;}
+
−
.gridSize_16 .fluid.wideGrid_13{width:81.25%;}
+
−
.gridSize_16 .fluid.wideGrid_14{width:87.5%;}
+
−
.gridSize_16 .fluid.wideGrid_15{width:93.75%;}
+
−
 
+
−
/* Entry Grid System */
+
−
 
+
−
.gridSize_12 .entryGrid_1 .entrySummary{width: 60px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_12 .entryGrid_2 .entrySummary{width: 140px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_12 .entryGrid_3 .entrySummary, .gridSize_16 .entryGrid_4 .entrySummary{width: 220px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_12 .entryGrid_4 .entrySummary{width: 300px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_12 .entryGrid_5 .entrySummary{width: 380px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_12 .entryGrid_6 .entrySummary, .gridSize_16 .entryGrid_8 .entrySummary{width: 460px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_12 .entryGrid_7 .entrySummary{width: 540px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_12 .entryGrid_8 .entrySummary{width: 620px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_12 .entryGrid_9 .entrySummary, .gridSize_12 .entryGrid_12 .entrySummary{width: 700px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_12 .entryGrid_10 .entrySummary{width: 780px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_12 .entryGrid_11 .entrySummary{width: 860px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_12 .entryGrid_12 .entrySummary, .gridSize_12 .entryGrid_16 .entrySummary{width: 940px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_16 .entryGrid_1 .entrySummary{width: 40px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_16 .entryGrid_2 .entrySummary{width: 100px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_16 .entryGrid_3 .entrySummary{width: 160px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_16 .entryGrid_5 .entrySummary{width: 280px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_16 .entryGrid_6 .entrySummary{width: 340px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_16 .entryGrid_7 .entrySummary{width: 400px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_16 .entryGrid_9 .entrySummary{width: 520px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_16 .entryGrid_10 .entrySummary{width: 580px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_16 .entryGrid_11 .entrySummary{width: 640px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_16 .entryGrid_13 .entrySummary{width: 760px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_16 .entryGrid_14 .entrySummary{width: 820px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
.gridSize_16 .entryGrid_15 .entrySummary{width: 880px;margin-right: 10px; margin-left: 10px;float: left;}
+
−
 
+
−
 
+
 
</style>
 
</style>
  

Revision as of 00:03, 28 July 2015