576 lines
9.6 KiB
CSS
576 lines
9.6 KiB
CSS
@import url(luna_core.css);
|
|
|
|
.linkleft {
|
|
float: left;
|
|
width: 130px;
|
|
}
|
|
.linkright {
|
|
float: right;
|
|
width: 460px;
|
|
}
|
|
.form_left {
|
|
float: left;
|
|
margin-right: 15px;
|
|
width: 280px;
|
|
}
|
|
.form_right {
|
|
float: left;
|
|
width: 280px;
|
|
}
|
|
.form_image {
|
|
padding-top: 30px;
|
|
}
|
|
|
|
.detail_imageleft {
|
|
float: left;
|
|
margin-right: 10px;
|
|
}
|
|
.detail_imageright {
|
|
float: right;
|
|
margin-left: 10px;
|
|
}
|
|
.detail_part {
|
|
clear: both;
|
|
padding-top: 20px;
|
|
}
|
|
.detail_text {
|
|
font-size: 12px;
|
|
margin-bottom: 1em;
|
|
text-align: justify;
|
|
}
|
|
.detail_photo_imageleft {
|
|
float: left;
|
|
margin-right: 10px;
|
|
width: 220px;
|
|
}
|
|
.detail_videoleft {
|
|
text-align: center;
|
|
width: 630px;
|
|
}
|
|
.linklisting {
|
|
height: 85px;
|
|
}
|
|
/*
|
|
This file inherits from luna_core.css, so styles in this file will override
|
|
styles defined in it. Changes to this file will NOT be overwritten during
|
|
upgrades.
|
|
|
|
Note that every template's body id is assigned the template name (without
|
|
the .html extension). So if you want to change the h2 heading in the
|
|
category.html template, you can do this by:
|
|
|
|
#category h2 {
|
|
color: red;
|
|
font-weight: bold;
|
|
}
|
|
*/
|
|
|
|
/**********\
|
|
|* Global *|
|
|
\**********/
|
|
html, body {
|
|
height: 100%;
|
|
text-align: justify;
|
|
}
|
|
|
|
input.file {
|
|
width: 50px;
|
|
}
|
|
|
|
.crumb {
|
|
display: none;
|
|
}
|
|
|
|
a {
|
|
color: #0A50A1; //#212126;
|
|
text-decoration: none;
|
|
}
|
|
a:visited {
|
|
color: #8e8dBa;
|
|
}
|
|
a:hover {
|
|
color: #5c5b66;
|
|
}
|
|
|
|
.headline {
|
|
font-weight: bold;
|
|
text-align: left;
|
|
}
|
|
|
|
.italicized {
|
|
font-style: italic;
|
|
}
|
|
|
|
p {
|
|
text-align: justify;
|
|
}
|
|
|
|
.bio_pic {
|
|
float: left;
|
|
margin-right: 10px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.bio {
|
|
clear: both;
|
|
margin-bottom: 15px;
|
|
text-align: justify;
|
|
}
|
|
|
|
/***********\
|
|
|* Wrapper *|
|
|
\***********/
|
|
/* Changes document width */
|
|
/* Current width is logo width (163) + top banner ad (728) + 15px padding between */
|
|
#wrapper {
|
|
width: 971px;
|
|
min-height: 100%;
|
|
min-height: 100%;
|
|
border-left: 10px solid white;
|
|
border-right: 10px solid white;
|
|
}
|
|
|
|
|
|
/*******\
|
|
|* Logo*|
|
|
\*******/
|
|
/* Logo size and image source */
|
|
#logo {
|
|
width: 163px;
|
|
height: 120px;
|
|
background-image: url(http://www.slowtwitch.com/images/glinks/slowtwitch_logo_90_padded.jpg);
|
|
margin: 0;
|
|
padding: 0;
|
|
float: left;
|
|
}
|
|
|
|
|
|
|
|
/**********\
|
|
|* Header*|
|
|
\**********/
|
|
#header {
|
|
background-image: url(/images/glinks/slowtwitch_lightgrey_fade_120.jpg);
|
|
height: 120px;
|
|
width: 971px;
|
|
background-color: white;
|
|
}
|
|
|
|
|
|
|
|
/******\
|
|
|*Ads *|
|
|
\******/
|
|
#ad_728x90 {
|
|
width: 728px;
|
|
height: 90px;
|
|
float: right;
|
|
padding: 15px 0px 15px 0px;
|
|
}
|
|
|
|
#adzone {
|
|
margin: 15px 0px 15px 0px;
|
|
}
|
|
|
|
|
|
/**********\
|
|
|* Login *|
|
|
\**********/
|
|
/* If the height of your logo changes from the original, then you will probably
|
|
want to also change the vertical position of the login link */
|
|
/*
|
|
#loginbar a {
|
|
margin-top: 35px;
|
|
}
|
|
*/
|
|
|
|
|
|
|
|
/**********\
|
|
|* Navbar *|
|
|
\**********/
|
|
ul.primarynav {
|
|
background: #0A50A1;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
ul.primarynav li.home {
|
|
border-right: 1px solid #ffffff;
|
|
background: #222244;
|
|
}
|
|
|
|
ul.primarynav a {
|
|
font-size: 10px;
|
|
padding: 6px 6px;
|
|
}
|
|
|
|
ul.primarynav a:hover {
|
|
color: #ffffff;
|
|
background: #084081;
|
|
}
|
|
|
|
ul.secondarynav {
|
|
border-bottom: none;
|
|
float: none;
|
|
text-align: center;
|
|
background: transparent;
|
|
margin-bottom: 10px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
ul.secondarynav li.first {
|
|
padding-left: 0px;
|
|
}
|
|
|
|
ul.secondarynav li {
|
|
background: transparent url(images/betweennav.gif) bottom right no-repeat;
|
|
float: none;
|
|
display: inline;
|
|
}
|
|
|
|
ul.secondarynav a {
|
|
margin-right: 0px;
|
|
padding: 10px 6px 10px 5px;
|
|
float: none;
|
|
color: #ffffff;
|
|
font-size: 10px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
ul.secondarynav a:visited {
|
|
color: #ffffff;
|
|
}
|
|
ul.secondarynav a:hover {
|
|
color: #999999;
|
|
background: transparent;
|
|
}
|
|
|
|
ul.currentseries {
|
|
padding: 0px 0px 0px 0px;
|
|
margin: 0px 0px 0px 0px;
|
|
}
|
|
|
|
|
|
ul.currentseries li{
|
|
padding: 0px 0px 0px 0px;
|
|
margin: 0px 4px 0px 4px;
|
|
}
|
|
|
|
ul.sidenav {
|
|
background: #0A50A1;
|
|
text-indent: 0px;
|
|
padding-left: 0px;
|
|
margin-left: 0px;
|
|
border-bottom: none;
|
|
text-align: left;
|
|
background: transparent;
|
|
margin-bottom: 2px;
|
|
text-transform: uppercase;
|
|
list-style-type: none;
|
|
}
|
|
|
|
ul.sidenav li {
|
|
text-indent: 0px;
|
|
padding-left: 0px;
|
|
margin: 0px;
|
|
}
|
|
|
|
ul.sidenav a.last {
|
|
background: none;
|
|
}
|
|
|
|
ul.sidenav a {
|
|
float: left;
|
|
width: 156px;
|
|
background: transparent url(images/betweennav_side.png) bottom left no-repeat;
|
|
margin-right: 0px;
|
|
padding-left: 2px;
|
|
padding-top: 1px;
|
|
padding-bottom: 2px;
|
|
color: #0A50A1;;
|
|
font-size: 10px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
ul.sidenav a:visited {
|
|
color: #0A50A1;;
|
|
}
|
|
|
|
ul.sidenav a:hover {
|
|
color: #ffffff;
|
|
background: #084081;
|
|
}
|
|
|
|
/***********\
|
|
|* Partners*|
|
|
\***********/
|
|
|
|
ul.partners {
|
|
background: #0A50A1;
|
|
text-indent: 0px;
|
|
padding-left: 0px;
|
|
margin-left: 0px;
|
|
border-bottom: none;
|
|
text-align: left;
|
|
background: transparent;
|
|
margin-bottom: 2px;
|
|
list-style-type: none;
|
|
}
|
|
|
|
ul.partners li {
|
|
text-indent: 0px;
|
|
padding-left: 0px;
|
|
margin: 0px;
|
|
}
|
|
|
|
ul.partners a.last {
|
|
background: none;
|
|
}
|
|
|
|
ul.partners a {
|
|
float: left;
|
|
width: 156px;
|
|
background: transparent url(images/betweennav_side.png) bottom left no-repeat;
|
|
margin-right: 0px;
|
|
padding-left: 2px;
|
|
padding-top: 1px;
|
|
padding-bottom: 2px;
|
|
color: #0A50A1;;
|
|
font-size: 11px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
ul.partners a:visited {
|
|
color: #0A50A1;;
|
|
}
|
|
|
|
ul.partners a:hover {
|
|
color: #ffffff;
|
|
background: #084081;
|
|
}
|
|
|
|
/**********\
|
|
|* Footer *|
|
|
\**********/
|
|
#footer {
|
|
background: #0A50A1;
|
|
clear: both;
|
|
}
|
|
|
|
#footer p {
|
|
color: White;
|
|
text-align: center;
|
|
padding: 0px 0px 0px 0px;
|
|
}
|
|
#footer a {
|
|
color: GhostWhite;
|
|
font-size: 10px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#footer a:hover {
|
|
color: #999999;
|
|
}
|
|
|
|
#footer img {
|
|
float: none;
|
|
}
|
|
|
|
|
|
|
|
/*************\
|
|
|* OCWrapper *|
|
|
\*************/
|
|
#ocwrapper {
|
|
border-left-width: 160px;
|
|
border-right-width: 160px;
|
|
border-color: white; //DimGray;
|
|
background-color: white; //DimGray;
|
|
min-height: 100%;
|
|
}
|
|
|
|
/*************\
|
|
|* ICWrapper *|
|
|
\*************/
|
|
#icwrapper {
|
|
min-height: 100%;
|
|
margin: 0px 0px 0px 0px;
|
|
padding: 0px 0px 0px 0px;
|
|
}
|
|
|
|
|
|
/******************\
|
|
|* Content Header *|
|
|
\******************/
|
|
#contentheader {
|
|
background-color: DimGray;
|
|
margin-top: 0px;
|
|
padding-top: 0px;
|
|
}
|
|
|
|
#contentheader .error, #contentheader .message {
|
|
margin: 0px 200px 0px 200px;
|
|
}
|
|
|
|
|
|
|
|
/*******************\
|
|
|* Content Wrapper *|
|
|
\*******************/
|
|
#contentwrapper {
|
|
min-height: 100%;
|
|
padding-top: 0px;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
|
|
/***********\
|
|
|* Content *|
|
|
\***********/
|
|
#content {
|
|
margin-bottom: 10px;
|
|
min-height: 100%;
|
|
height: auto;
|
|
margin-top: 0px;
|
|
padding-top: 0px;
|
|
margin-right: 0px;
|
|
margin-left: 0px;
|
|
z-index: 1;
|
|
}
|
|
|
|
h3#comments {
|
|
margin-top: 0px;
|
|
padding-top: 0px;
|
|
}
|
|
|
|
|
|
/****************\
|
|
|* Left sidebar *|
|
|
\****************/
|
|
#leftsidebar {
|
|
display: block;
|
|
margin-left: -170px;
|
|
margin-top: 0px;
|
|
width: 160px;
|
|
}
|
|
|
|
#leftsidebar img {
|
|
padding: 0px 0px 0px 0px;
|
|
margin: 0px 0px 0px 0px;
|
|
}
|
|
|
|
|
|
|
|
/*****************\
|
|
|* Right sidebar *|
|
|
\*****************/
|
|
#rightsidebar {
|
|
display: block;
|
|
margin-right: -170px;
|
|
margin-top: 0px;
|
|
width: 160px;
|
|
}
|
|
|
|
#rightsidebar img {
|
|
padding: 0px 0px 0px 0px;
|
|
margin: 0px 0px 0px 0px;
|
|
}
|
|
|
|
|
|
|
|
|
|
/*************\
|
|
|* Searchbar *|
|
|
\*************/
|
|
.searchbar {
|
|
background: White;
|
|
color: Black;
|
|
width: 106px;
|
|
margin: 0px 0px 16px 0px;
|
|
padding: 5px 5px 5px 5px;
|
|
border: 2px solid #0A50A1;
|
|
text-align: center;
|
|
}
|
|
|
|
.searchbar label {
|
|
margin-bottom: 5px;
|
|
font-weight: bold;
|
|
font-size: 11px;
|
|
clear: both;
|
|
}
|
|
|
|
.searchbar input.text {
|
|
width: 100px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.searchbar input.submit {
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
/* these colours are the same as defined by 'a', but we unset a:visited */
|
|
.searchbar a {
|
|
color: Black;
|
|
font-size: 10px;
|
|
text-decoration: none;
|
|
}
|
|
.searchbar a:hover {
|
|
color: #0A50A1;
|
|
}
|
|
|
|
|
|
|
|
/***********\
|
|
|* Shadows *|
|
|
\***********/
|
|
.shadowtop, .shadowbottom, .shadowleft, .shadowright {
|
|
background: none;
|
|
margin-top: 0px;
|
|
padding-top: 0px;
|
|
}
|
|
|
|
.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
|
|
width: auto;
|
|
float: none;
|
|
background: none;
|
|
margin-top: 0px;
|
|
padding-top: 0px;
|
|
}
|
|
|
|
.shadowright {
|
|
min-height: 100%;
|
|
}
|
|
|
|
|
|
|
|
/*****************\
|
|
|* ContentFooter *|
|
|
\*****************/
|
|
#contentfooter {
|
|
clear: both;
|
|
}
|
|
|
|
.toolTip {
|
|
position:absolute;
|
|
left:100px; /*Moves it to the right beside the question mark */
|
|
display:none;
|
|
text-align: left;
|
|
width:200px;
|
|
padding:5px;
|
|
border:1px solid #ffffff;
|
|
background-color:#eeeeee;
|
|
font:10px/12px Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
/* If you change the globals category_cols or home_category_cols, then you will
|
|
need to change the width of the columns themselves. Note that IE sometimes has
|
|
problems if this value adds up to 100%, so keep the width a little under 100%.
|
|
For example, if you changed category_cols to 3, then this example would set
|
|
the width of the columns to 33% (99% total). If you want to change the columns
|
|
on the home page as well, then remember to set a rule for "#home dl" as well. */
|
|
/*
|
|
#category dl {
|
|
width: 33%;
|
|
}
|
|
*/ |