CSS Framework
From GLMWiki
/* ========== UNIVERSAL PAGE STYLES ========== */ body {
margin: 0;
padding: 0;
text align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
img {
display: block;
border: 0;
}
.ulCr, .ulCr li {
list-style-type: none;
margin: 0;
padding: 0;
display: block;
text-decoration: none;
}
h1, h2 {
margin: 0 0 .5em 0;
}
h3, h4, h5, h6, p {
margin: .5em 0;
}
.rc {
-moz-border-radius: 5px; /* FF1+ */
-webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
}
.gdt {
background-color: #000;
background-image: -moz-linear-gradient(top, #000, #fff); /* FF3.6 */
background-image: -o-linear-gradient(top, #000, #fff); /* Opera 11.10+ */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #000),color-stop(1, #fff)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(#000, #fff); /* Chrome 10+, Saf5.1+ */
background-image: linear-gradient(top, #000, #fff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#000', EndColorStr='#fff'); /* IE6–IE9 */
}
.ds {
-webkit-box-shadow: 1px 1px 5px #666;
-moz-box-shadow: 1px 1px 5px #666;
box-shadow: 1px 1px 5px #666;
}
/* ========== HEADER STYLES ========== */
- wrapper {
margin: 0 auto;
width:;
}
- wrapperInner {
margin:;
}
- top {
width:;
}
- logo {
position:;
}
- searchform {
margin:;
}
- search {
border: 0;
width:;
}
- go {
margin: 0;
}
/* ========== MAIN NAVIGATION STYLES ========== */
- nav {}
- nav li {}
- nav li a {}
- nav a:link {}
- nav a:visited {}
- nav a:hover {}
- nav a:active {}
/* ========== SUB NAVIGATION STYLES ========== */
- subnav {}
- subnav h2 {}
- subnav ul {}
- subnav li {}
- subnav a {}
- subnav a:link {}
- subnav a:visited {}
- subnav a:hover {}
- subnav a:active {}
- subnav a#current {}
- subnav ul ul {}
- subnav ul ul li{}
- subnav ul ul a {}
- subnav ul ul a:link {}
- subnav ul ul a:visited {}
- subnav ul ul a:hover {}
- subnav ul ul a:active {}
/* ========== HOME PAGE STYLES ========== */
- main {}
- column {}
- column2 {}
- slideshow {}
/* ========== INSIDE PAGE STYLES ========== */
- breadcrumbs {
font-size: 10px;
}
- breadcrumbs a {
font-weight: bold;
margin: 0 3px;
}
- breadcrumbs a:hover {
text-decoration: none;
}
/* ========== TOOLBOX STYLES ========== */
- toolbox {}
- category, .listing {
height: 1%;
overflow: hidden;
}
- category h1, .listing h2 {}
- toolbox li {
display: list-item;
margin: 0.3em 0;
}
.imageleft {
float: left;
margin: 0 10px 10px 0;
width: ;
}
.imageright {
float: right;
margin: 0 0 10px 10px;
width: ;
}
.imagecaption {}
/* ========== HOME PAGE HEADLINES ========== */
- hHlines {}
.hHlinesItem {
height:1%;
margin: 10px 0;
padding: 8px 0 8px 8px;
overflow: hidden;
}
.hHlinesItem img {
float:left;
margin: 0 10px 10px 0;
}
.hHlinesItem h3 {} .hHlinesItem a:link {} .hHlinesItem a:visited {} .hHlinesItem a:hover {} .hHlinesItem a:active {}
/* ========== IMAGE UPLOAD ICONS ========== */
.file-download, .download {
background-repeat: no-repeat;
background-position: left;
padding: 1px 18px 1px 2px;
position: relative;
margin-right: 10px;
margin-bottom: 5px;
display: block;
float: left;
clear: left;
}
.avi {
background-image: url(http://app.gaslightmedia.com/QuickSite/images/file-ext/avi.gif); }
.doc {
background-image: url(http://app.gaslightmedia.com/QuickSite/images/file-ext/doc.gif); }
.gif {
background-image: url(http://app.gaslightmedia.com/QuickSite/images/file-ext/gif.gif); }
.html {
background-image: url(http://app.gaslightmedia.com/QuickSite/images/file-ext/html.gif); }
.jpg {
background-image: url(http://app.gaslightmedia.com/QuickSite/images/file-ext/jpg.gif); }
.mov {
background-image: url(http://app.gaslightmedia.com/QuickSite/images/file-ext/mov.gif); }
.mp3 {
background-image: url(http://app.gaslightmedia.com/QuickSite/images/file-ext/mp3.gif); }
.pdf {
background-image: url(http://app.gaslightmedia.com/QuickSite/images/file-ext/pdf.png); }
.ppt {
background-image: url(http://app.gaslightmedia.com/QuickSite/images/file-ext/ppt.gif); }
.txt {
background-image: url(http://app.gaslightmedia.com/QuickSite/images/file-ext/txt.png); }
.wmv {
background-image: url(http://app.gaslightmedia.com/QuickSite/images/file-ext/wmv.gif); }
.xls {
background-image: url(http://app.gaslightmedia.com/QuickSite/images/file-ext/xls.gif); }
.zip {
background-image: url(http://app.gaslightmedia.com/QuickSite/images/file-ext/zip.png); }
.download {
background-image: url(http://app.gaslightmedia.com/QuickSite/images/file-ext/download.gif); clear: none; background-repeat: no-repeat; }
/* ========== MISC ELEMENTS ========== */
- banner {}
- banner a {}
- weather {}
- weather img {}
- weather span {}
- weather .top {}
- guide {}
- cReservations {}
- cNewsletter {}
- cEvents {}
- cEvents h2 {}
- cEvents span {}
- cEvents p {}
- cEvents a {}
- cTripPlanner {}
- cTripPlanner p {}
- cTripPlanner a {}
- cTripPlanner a.trip-list-count {}
/* ========== PHOTO GALLERY ========== */
- photo-gallery {
clear: both; padding: 1em 0; margin: 0; } .phototitle { width: 130px; margin: 0 3px; } div.thumb { margin: 0 16px 12px 0;
/* ========== SITE MAP ========== */
- sitemap ul, #sitemap li {
font-weight: normal;
}
- sitemap > ul > li {
list-style-image: none;
list-style-type: none;
font-size: 16px;
font-weight: bold;
margin-top: 10px;
}
- sitemap > ul > li > ul > li {
list-style-type: disc;
list-style-image: none;
text-transform: uppercase;
font-size: 14px;
margin: 5px 20px;
}
- sitemap > ul > li > ul > li > ul > li {
list-style-type: circle;
list-style-image: none;
margin: 0 30px;
text-transform: capitalize;
}
