*/
table-layout: fixed;
margin: 0;
padding: 0;
width: 100%;
}
.columns > li {
display: table-cell; /* Behave like within a */
vertical-align: top;
overflow: hidden;
margin: 0;
padding: 0;
}
/* Noteworthy Box */
div#noteworthy {
width: 99%;
padding: 5px;
margin: 0 0 2em 0;
border: 1px solid #660000;
background: #f7edd4;
}
div#noteworthy h4 {
width: 100%;
padding: 5px;
margin: -5px -5px 5px -5px;
color:#ffffff;
background: #d7dac3;
border-bottom: 1px dotted #660000;
text-align: left;
}
div#noteworthy p {
padding: 5px;
margin: 0;
}
div#noteworthy ul li {
list-style-image: url('//www.calvin.edu/images/icons/bullet.gif'); margin-left: 2em;
}
/* COLUMNS, BOXES & DROPSHADOWS ----------------------------------------------------------------------------------------------- */
div.columns {margin-bottom: 1em;}
div.box {
background: none;
border: #993333 solid 1px;
width: 320px;
margin: 0;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.box h3 {
background: none;
padding: .5em 1em;
margin: 0;
border-bottom: 1px solid #993333;
color: #BC6D50;
font-size: 120%;
font-weight: bold;
}
.box ul {
margin: 0;
padding: 1em;
list-style: none;
}
.box ul li {
margin-bottom: 1em;
list-style: none;
}
.box img {
padding: 1em 1em 0 1em;
}
div.intro { background-color: #F7EDD4; width: 100%; margin: 0 0 2em 0; padding: 0;}
.intro .columns-1 h2, .intro .columns-1 h3, .intro .columns-1 h4 { margin: 1em 0 0 1em;}
.intro .columns-2 h2, .intro .columns-2 h3, .intro .columns-2 h4 { margin: 1em 1em 0 0;}
.intro form { font-size: 150%;}
/* M E S S A G E S */
.footnote, .error, .notice, .success, .question, .quote { padding:1em; margin-bottom:1em; color:#333; border: 2px solid #dddddd; background-color: #eeeeee;}
.error { border-color:#FBC2C4; background-color:#FBE3E4;}
.notice { border-color:#FFD324; background-color:#FFF6BF;}
.success { border-color:#C6D880; background-color:#E6EFC2;}
.question { border-color:#94B4D9; background-color:#E9F0FC;}
.quote {border-color:#C7C7C7;background-color:#E7E7E7;}
p.footnote { padding-left: 3em; background: url('//www.calvin.edu/images/icons/information.png') #eeeeee 1em center no-repeat;}
p.error { padding-left: 3em; background: url('//www.calvin.edu/images/icons/exclamation.png') #FBE3E4 1em center no-repeat;}
p.notice { padding-left: 3em; background: url('//www.calvin.edu/images/icons/asterisk.png') #FFF6BF 1em center no-repeat;}
p.success { padding-left: 3em; background: url('//www.calvin.edu/images/icons/accept.png') #E6EFC2 1em center no-repeat;}
p.question { padding-left: 3em; background: url('//www.calvin.edu/images/icons/question.png') #E9F0FC 1em center no-repeat;}
/* Data Tables
-------------------------------------------------------------------------------------------- */
.data-table {
border: 1px solid #999999;
border-collapse: collapse;
width: 100%;
}
.data-table td {
border: 1px solid #999999;
padding: 0.5em;
color: #000000;
font-size: 0.8em;
}
.data-table th {
border: 1px solid #999999;
padding: 0.5em;
color: #333333;
background-color: #EEEEEE;
}
.data-table tr.altrow {
background-color: #F7EDD4;
}
.data-table td.altcolumn {
background-color: #F7EDD4;
}
/* PAGE LAYOUTS
-------------------------------------------------------------------------------------------- */
#headingContent img {
padding-bottom: 0; /* Padding under images */
}
#headingContent h1 { /* Padding for H1 (no padding for images or flash) */
margin-top: 20px; /* Use margins to be nice to IE */
margin-left: 20px;
margin-right: 20px;
}
#headingContent p, #headingContent h2, #headingContent h3, #headingContent h4, #headingContent h5, #headingContent h6 { /* Padding for Headings (no padding for images or flash) */
margin-left: 20px; /* Use margins to be nice to IE */
margin-right: 20px;
}
#primaryContent #secondaryContent #sideContent {
text-align: left;
vertical-align: top;
background: transparent;
display: inline;
}
#primaryContent .gutter {
padding: 0 20px;
margin: 0;
line-height: 125%;
background: transparent;
}
#secondaryContent .gutter {
padding: 0 10px 0 10px;
margin: 0;
line-height: 125%;
background: transparent;
}
#sideContent .gutter {
padding: 0 20px 0 10px;
margin: 0;
line-height: 125%;
background: transparent;
}
#sideContent dt {
font-weight: bold;
font-size: 200%;
color: #98002E; /* Maroon */
margin-right: 0;
margin-left: 0;
margin-bottom: 0.5em;
margin-top: 20px;
padding: 0;
}
#sideContent dd {
margin: 0 0 1em;
padding: 0 0 .5em;
}
#primaryContent #secondaryContent #sideContent h1, h2, h3, h4, h5, h6 {
margin-top: 0;
line-height: normal;
}
#facts {
min-height:150px;
height:auto !important;
height:150px;
}
#factsPause { display:none; }
/* THREE COLUMN LAYOUT (#threeColLayout) */
#threeColLayout #primaryContent {
float: left;
width: 240px;
margin: 0;
padding: 0;
}
#secondaryContent { /* This column is used only in the Three Column Layout */
float: left;
width: 240px;
margin: 0;
padding: 0;
}
#sideContent {
float: right;
width: 240px;
padding: 0;
margin: 0;
_margin-right: -3px; /* Fix "IE 6 Duplicate Character Bug" with margin-right: -3px */
}
/* TWO COLUMN LAYOUT (#twoColLayout) */
#twoColLayout #primaryContent {
float: left;
width: 360px;
margin: 0;
padding: 0;
}
#twoColLayout #sideContent {
float: left;
width: 360px;
padding: 0;
margin: 0;
_margin-right: -3px; /* Fix "IE 6 Duplicate Character Bug" with margin-right: -3px */
}
#twoColLayout #secondaryContent {
display: none;
margin: 0;
padding: 0;
}
/* DEFAULT LAYOUT (#defaultLayout) */
#defaultLayout #primaryContent {
float: left;
width: 480px;
margin: 0;
padding: 0;
}
#defaultLayout #sideContent {
float: left;
width: 240px;
padding: 0;
margin: 0;
_margin-right: -3px; /* Fix "IE 6 Duplicate Character Bug" with margin-right: -3px */
background: url('//www.calvin.edu/includes/templates/9/images/bg-sidecontent.gif') repeat-y top left; /* Faux-column color equals 220 pixels */
}
#defaultLayout #sideContent .gutter {
padding: 0 30px 5px 10px; /* Increase .gutter for faux-column effect with background graphic */
}
#defaultLayout #sideContent .img-shadow {
padding: 0 0 13px 0;
height: auto;
background: url('//www.calvin.edu/includes/templates/9/images/bg-shadow-cream.gif') no-repeat center bottom #E9E0C8; /* Cream */
}
#defaultLayout #sideContent h2, #defaultLayout #sideContent h3 {
margin-top: 10px;
}
#defaultLayout #secondaryContent {
display: none;
margin: 0;
padding: 0;
}
/* ONE COLUMN LAYOUT (#oneColLayout) */
#oneColLayout #primaryContent {
float: left;
width: 710px; /* Subtract 10 pixels to align the right margin with the footer's dividing line */
margin: 0;
padding: 0;
}
#oneColLayout #secondaryContent, #oneColLayout #sideContent {
display: none;
margin: 0;
padding: 0;
}
/* FIX IE */
html .columns { margin-bottom: 0;} /* This fix is typically a star hack */
/* CLEARING and GROUPING FLOATS */
.clearfix:after, .group:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix, * html .group {height: 1%;}
/* End hide from IE-mac */
|