html {
font-size: 62.5%; /* Change base font-size to 10px. */
}
body {
background: url(../images/body-bg.gif) 0 0 repeat-x #dedede;
color: #333;
line-height: 1.5; /* Unit-less line-height means line height can scale. */
}
/* Headings */
h1 {
font-size: 1.66em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
}
h2 {
font-size: 1.66em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
}
h3 {
font-size: 1.167em;
}
h4 {
font-size: 1em;
}
h5,
h6 {
font-size: 1em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.25;
margin: 1em 0 .5em;
}
p {
margin: 1em 0;
padding: 0;
}
p:first-child {
margin-top: 0;
}
em,
dfn {
font-style: italic;
}
ins {
border-bottom: none;
text-decoration: none;
}
pre,
code,
tt,
samp,
kbd,
var {
font-size: 1em;
}
blockquote,
q {
font-style: italic;
quotes: "" "";
}
blockquote {
margin: 0 0 1.5em;
padding: 0 0 0 3em;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote p {
margin: 0;
}
strong,
dfn,
caption,
th {
font-weight: bold;
}
/* Reset horizonatal rules */
hr {
border-style: inset;
border-width: 1px;
display: block;
}
/* Lists */
ul,
ol {
margin: 0 0 1.5em 2em;
padding: 0;
}
ol {
margin-left: 2em;
}
.item-list ul,
.item-list ol {
margin: 0 0 0 1em;
padding: 0;
}
ul ul,
ul ol,
ol ol,
ol ul,
.block ul ul,
.block ul ol,
.block ol ol,
.block ol ul,
.item-list ul ul,
.item-list ul ol,
.item-list ol ol,
.item-list ol ul {
margin-bottom: 0;
}
ul {
list-style-type: disc;
}
ul ul ul {
list-style-type: square;
}
ol {
list-style-type: decimal;
}
ol ol {
list-style-type: lower-alpha;
}
ol ol ol {
list-style-type: lower-roman;
}
ul ul,
ul ul ul ul {
list-style-type: circle;
}
dt {
font-weight: bold;
}
dd {
margin: 0 0 1.5em 1.538em;
}
/* Common Tables ---*/
table {
font-size: 100%;
margin: 0;
padding: 0;
width: auto;
}
table.sticky-header {
z-index: 10;
}
/* Table Head */
thead {
}
th {
background: #252525;
border-bottom: 0;
color: #fff;
padding: .75em 1em;
}
th a {
color: #fff;
}
th a:hover,
th a:active,
th a:focus {
color: #fff;
}
thead th {
}
/* Table Body */
tbody {
}
td {
padding: .75em 1em;
}
tr.even,
tr.odd {
background-color: transparent;
border-bottom: 0;
}
tr.even td,
tr.odd td {
border-bottom: 1px dotted #ccc;
}
tr.odd,
tr.info {
}
tr.even {
background-color: transparent;
}
tr.drag {
}
tr.drag-previous {
}
tr.odd td.active {
}
tr.even td.active {
}
td.region,
td.module,
td.container td.category {
}
/////////test
/*
MEDIA QUERIES FOR COMMON DEVICES- RESPONSIVE GRID SYSTEM
URL - http://responsive.gs
LICENSE - PUBLIC DOMAIN
*/
/* SMARTPHONES - PORTRAIT & LANDSCAPE */
@media
only screen and (min-device-width: 320px) and (max-device-width: 480px),
only screen and (min-width: 320px) and (max-width: 480px) {
.container { width: 95%; } /* edit how you see fit */
/* INSERT YOUR STYLES */
}
/* SMARTPHONES - LANDSCAPE */
@media
only screen and (min-width: 321px) {
.container { width: 95%; } /* edit how you see fit */
/* INSERT YOUR STYLES */
}
/* SMARTPHONES - PORTRAIT */
@media
only screen and (max-width: 320px) {
.container { width: 95%; } /* edit how you see fit */
/* INSERT YOUR STYLES */
}
/* IPADS - PORTRAIT & LANDSCAPE */
@media
only screen and (min-device-width: 768px) and (max-device-width: 1024px),
only screen and (min-width: 768px) and (max-width: 1024px) {
.container { width: 95%; } /* edit how you see fit */
/* INSERT YOUR STYLES */
}
/* IPADS - LANDSCAPE */
@media
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.container { width: 95%; } /* edit how you see fit */
/* INSERT YOUR STYLES */
}
/* IPADS - PORTRAIT */
@media
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.container { width: 95%; } /* edit how you see fit */
/* INSERT YOUR STYLES */
}
/* DESKTOPS & LAPTOPS */
@media
only screen and (min-width: 1024px) {
.container { max-width: 1000px; }
/* INSERT YOUR STYLES */
}
@media
only screen and (min-width: 1224px) {
.container { max-width: 1200px; }
/* INSERT YOUR STYLES */
}
/* LARGE SCREENS */
@media
only screen and (min-width : 1824px) {
.container { max-width: 1800px; }
/* INSERT YOUR STYLES */
}
/* RETINA DISPLAY */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* INSERT YOUR STYLES */
}
/*
24 COLUMN - RESPONSIVE GRID SYSTEM
DEVELOPED BY DENIS LEBLANC
URL - http://responsive.gs
LICENSED UNDER GPL & MIT
*/
/* MAIN CONTAINER */
.container { margin: 0 auto; }
/* SELF CLEARING FLOATS - CLEARFIX METHOD
----------------------------------------------------------------------------------------------------*/
.row:after,
.clr:after,
.group:after { content: "";
display: block;
height: 0;
clear: both;
visibility: hidden; }
/* DEFAULT ROW STYLES */
.row { margin-bottom: 20px; } /* set according to preference*/
/* DEFAULT COLUMN STYLES */
.col { display: block;
float:left;
margin-left: 2%; }
/* RESET MARGINS */
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
/* COLUMN WIDTHS*/
.grid-1 { width: 2.25%; }
.grid-2 { width: 6.5%; }
.grid-3 { width: 10.75%; }
.grid-4 { width: 15.0%; }
.grid-5 { width: 19.25%; }
.grid-6 { width: 23.5%; }
.grid-7 { width: 27.75%; }
.grid-8 { width: 32.0%; }
.grid-9 { width: 36.25%; }
.grid-10 { width: 40.5%; }
.grid-11 { width: 44.75%; }
.grid-12 { width: 49.0%; }
.grid-13 { width: 53.25%; }
.grid-14 { width: 57.5%; }
.grid-15 { width: 61.75%; }
.grid-16 { width: 66.0%; }
.grid-17 { width: 70.25%; }
.grid-18 { width: 74.5%; }
.grid-19 { width: 78.75%; }
.grid-20 { width: 83.0%; }
.grid-21 { width: 87.25%; }
.grid-22 { width: 91.5%; }
.grid-23 { width: 95.75%; }
.grid-24 { width: 100%; }