Second pass at adding key files
This commit is contained in:
dsainty
1
site/slowtwitch.com/www/articles/static/luna/dev.css
Symbolic link
1
site/slowtwitch.com/www/articles/static/luna/dev.css
Symbolic link
@ -0,0 +1 @@
|
||||
luna.css
|
||||
576
site/slowtwitch.com/www/articles/static/luna/luna.css
Normal file
576
site/slowtwitch.com/www/articles/static/luna/luna.css
Normal file
@ -0,0 +1,576 @@
|
||||
@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%;
|
||||
}
|
||||
*/
|
||||
525
site/slowtwitch.com/www/articles/static/luna/luna.css.bak2
Normal file
525
site/slowtwitch.com/www/articles/static/luna/luna.css.bak2
Normal file
@ -0,0 +1,525 @@
|
||||
@import url(luna_core.css);
|
||||
|
||||
.form_left {
|
||||
float: left;
|
||||
margin-right: 15px;
|
||||
width: 280px;
|
||||
}
|
||||
.form_right {
|
||||
float: left;
|
||||
width: 280px;
|
||||
}
|
||||
.form_image {
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
/*
|
||||
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: 891px;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
|
||||
/*******\
|
||||
|* 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: 891px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/******\
|
||||
|*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: 7px 7px;
|
||||
}
|
||||
|
||||
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: 116px;
|
||||
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: 116px;
|
||||
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: 120px;
|
||||
border-right-width: 120px;
|
||||
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: -130px;
|
||||
margin-top: 0px;
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
#leftsidebar img {
|
||||
padding: 0px 0px 0px 0px;
|
||||
margin: 0px 0px 0px 0px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*****************\
|
||||
|* Right sidebar *|
|
||||
\*****************/
|
||||
#rightsidebar {
|
||||
display: block;
|
||||
margin-right: -130px;
|
||||
margin-top: 0px;
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
#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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* 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%;
|
||||
}
|
||||
*/
|
||||
797
site/slowtwitch.com/www/articles/static/luna/luna_core.css
Normal file
797
site/slowtwitch.com/www/articles/static/luna/luna_core.css
Normal file
@ -0,0 +1,797 @@
|
||||
/*
|
||||
* =================================================================
|
||||
* Gossamer Links - enhanced directory management system
|
||||
*
|
||||
* Website : http://gossamer-threads.com/
|
||||
* Support : http://gossamer-threads.com/scripts/support/
|
||||
* Revision : $Id: luna_core.css,v 1.41 2007/11/14 20:55:40 brewt Exp $
|
||||
*
|
||||
* Copyright (c) 2005 Gossamer Threads Inc. All Rights Reserved.
|
||||
* Redistribution in part or in whole strictly prohibited. Please
|
||||
* see LICENSE file for full details.
|
||||
* =================================================================
|
||||
*/
|
||||
|
||||
/*
|
||||
Do not make changes to this file. Any changes will be overwritten the next
|
||||
time you upgrade Gossamer Links. You can override any css in this file by
|
||||
defining overriding styles in luna.css.
|
||||
*/
|
||||
|
||||
/*
|
||||
There are a few CSS filters/hacks used in this file to fix bugs in various
|
||||
browsers. Here is a list of them:
|
||||
|
||||
- Star html selector bug (css rule only applies to ie)
|
||||
http://www.info.com.ph/~etan/w3pantheon/style/starhtmlbug.html
|
||||
eg. * html <selector> {}
|
||||
- Simplified box model hack (hide css from ie5-5.5/win)
|
||||
http://www.doxdesk.com/personal/posts/css/20020212-bmh.html
|
||||
eg. w\idth: 100px;
|
||||
- Commented backslash (hide css from ie5/mac)
|
||||
http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html
|
||||
*/
|
||||
|
||||
/*------------------*\
|
||||
|* global interface *|
|
||||
\*------------------*/
|
||||
body {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
color: #33332e;
|
||||
background: #ffffff;
|
||||
font: normal 11px tahoma, geneva, verdana, sans-serif;
|
||||
text-align: center;
|
||||
}
|
||||
img {
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
/* forms */
|
||||
form {
|
||||
margin: 0px;
|
||||
}
|
||||
input, textarea {
|
||||
font: normal 13px tahoma, geneva, verdana, sans-serif;
|
||||
}
|
||||
input.text, input.password, textarea {
|
||||
padding: 1px 0px 1px 2px;
|
||||
border: 1px solid #57594b;
|
||||
}
|
||||
|
||||
/* links */
|
||||
a {
|
||||
color: #212126;
|
||||
}
|
||||
a:visited {
|
||||
color: #8e8d9a;
|
||||
}
|
||||
a:hover {
|
||||
color: #5c5b66;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* headings */
|
||||
h1 {
|
||||
font-size: 16px;
|
||||
}
|
||||
h2 {
|
||||
font-size: 15px;
|
||||
}
|
||||
h3 {
|
||||
font-size: 13px;
|
||||
}
|
||||
h4 {
|
||||
font-size: 12px;
|
||||
}
|
||||
h5 {
|
||||
font-weight: normal;
|
||||
font-size: 11px;
|
||||
}
|
||||
/* use this with text in headings you wish to make small */
|
||||
.hsmall {
|
||||
font-weight: normal;
|
||||
font-size: 9px;
|
||||
}
|
||||
|
||||
#accessibility {
|
||||
position: absolute;
|
||||
left: -9000px;
|
||||
width: 9000px;
|
||||
}
|
||||
#wrapper {
|
||||
margin: 0px auto;
|
||||
width: 750px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/*--------*\
|
||||
|* header *|
|
||||
\*--------*/
|
||||
#logo {
|
||||
width: 250px;
|
||||
height: 80px;
|
||||
background: transparent url(images/logo.gif) top left no-repeat;
|
||||
text-indent: -9999px;
|
||||
}
|
||||
#logo h1, #logo a {
|
||||
margin: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
#logo a {
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
outline: none;
|
||||
}
|
||||
#header {
|
||||
background: transparent url(images/swirls.gif) top right no-repeat;
|
||||
}
|
||||
#loginbar {
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
#loginbar a {
|
||||
margin-top: 25px;
|
||||
padding: 10px 30px 10px 0px;
|
||||
color: #212126;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
}
|
||||
/* these colours are the same as defined by 'a', but we unset a:visited */
|
||||
#loginbar a:hover {
|
||||
color: #5c5b66;
|
||||
}
|
||||
#loginbar a.in {
|
||||
background: transparent url(images/login.gif) center right no-repeat;
|
||||
}
|
||||
#loginbar a.out {
|
||||
background: transparent url(images/logout.gif) center right no-repeat;
|
||||
}
|
||||
|
||||
/*------------*\
|
||||
|* navigation *|
|
||||
\*------------*/
|
||||
.navbar {
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
ul.primarynav, ul.secondarynav {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border-bottom: 1px solid #ffffff;
|
||||
float: left;
|
||||
list-style: none;
|
||||
}
|
||||
ul.primarynav {
|
||||
width: 100%;
|
||||
background: #5c5b66;
|
||||
}
|
||||
ul.secondarynav {
|
||||
width: 100%;
|
||||
background: #777c8d;
|
||||
}
|
||||
ul.primarynav li, ul.secondarynav li {
|
||||
float: left;
|
||||
list-style: none;
|
||||
}
|
||||
ul.primarynav li {
|
||||
background: transparent url(images/betweennav.gif) bottom right no-repeat;
|
||||
}
|
||||
ul.primarynav a {
|
||||
margin-right: 1px;
|
||||
padding: 7px 9px 7px 10px;
|
||||
float: left;
|
||||
color: #ffffff;
|
||||
font-size: 11px;
|
||||
text-decoration: none;
|
||||
}
|
||||
ul.primarynav a:visited {
|
||||
color: #ffffff;
|
||||
}
|
||||
ul.primarynav a:hover {
|
||||
color: #ffffff;
|
||||
background: #737180;
|
||||
}
|
||||
ul.primarynav li.home {
|
||||
border-right: 1px solid #ffffff;
|
||||
background: #383741;
|
||||
}
|
||||
ul.primarynav li.home a {
|
||||
margin-right: 0px;
|
||||
}
|
||||
ul.secondarynav li.first {
|
||||
padding-left: 5px;
|
||||
}
|
||||
ul.secondarynav a {
|
||||
margin-right: 1px;
|
||||
padding: 4px 5px;
|
||||
float: left;
|
||||
color: #ffffff;
|
||||
font-size: 10px;
|
||||
text-decoration: none;
|
||||
}
|
||||
ul.secondarynav a:visited {
|
||||
color: #ffffff;
|
||||
}
|
||||
ul.secondarynav a:hover {
|
||||
color: #212126;
|
||||
}
|
||||
|
||||
/*-----------*\
|
||||
|* searchbar *|
|
||||
\*-----------*/
|
||||
.searchbar {
|
||||
margin-bottom: 3px;
|
||||
padding: 5px 10px;
|
||||
border-bottom: 1px solid #57594b;
|
||||
background: #edf2cb;
|
||||
}
|
||||
.searchbar input.text, .searchbar input.submit {
|
||||
margin-right: 5px;
|
||||
}
|
||||
/* setting this in mozilla causes rendering issues */
|
||||
* html .searchbar input.submit {
|
||||
height: 21px;
|
||||
}
|
||||
/* these colours are the same as defined by 'a', but we unset a:visited */
|
||||
.searchbar a {
|
||||
color: #212126;
|
||||
font-size: 10px;
|
||||
}
|
||||
.searchbar a:hover {
|
||||
color: #5c5b66;
|
||||
}
|
||||
|
||||
/*--------*\
|
||||
|* footer *|
|
||||
\*--------*/
|
||||
#footer {
|
||||
margin-top: 3px;
|
||||
padding: 5px;
|
||||
border-top: 1px solid #57594b;
|
||||
background: #edf2cb;
|
||||
}
|
||||
#footer img {
|
||||
float: right;
|
||||
}
|
||||
#footer p {
|
||||
margin: 0px;
|
||||
padding: 10px 0px;
|
||||
color: #8a8d77;
|
||||
font-size: 9px;
|
||||
}
|
||||
|
||||
/*---------------*\
|
||||
|* contentheader *|
|
||||
\*---------------*/
|
||||
#contentheader {
|
||||
padding: 10px 10px 0px 10px;
|
||||
background: #e2e1eb;
|
||||
}
|
||||
#contentheader .error, #contentheader .message {
|
||||
margin: 0px 200px 0px 0px;
|
||||
padding: 2px;
|
||||
border: 1px solid #ffffff;
|
||||
color: #ffffff;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
}
|
||||
#contentheader .error {
|
||||
background: #8c3030;
|
||||
}
|
||||
#contentheader .message {
|
||||
background: #3a5841;
|
||||
}
|
||||
#contentheader .error *, #contentheader .message * {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
/*---------------*\
|
||||
|* contentfooter *|
|
||||
\*---------------*/
|
||||
#contentfooter {
|
||||
background: #e2e1eb;
|
||||
}
|
||||
|
||||
/*---------*\
|
||||
|* content *|
|
||||
\*---------*/
|
||||
#ocwrapper {
|
||||
/* background colour of left sidebar */
|
||||
border-left: 0px solid #e2e1eb;
|
||||
/* background colour of right sidebar */
|
||||
border-right: 200px solid #e2e1eb;
|
||||
background: #e2e1eb;
|
||||
}
|
||||
#leftsidebar {
|
||||
margin-left: -200px;
|
||||
padding: 10px 0px 10px 10px;
|
||||
width: 190px;
|
||||
float: left;
|
||||
position: relative;
|
||||
/* hide the left sidebar by default */
|
||||
display: none;
|
||||
}
|
||||
#rightsidebar {
|
||||
margin-right: -200px;
|
||||
padding: 10px 10px 10px 0px;
|
||||
width: 190px;
|
||||
float: right;
|
||||
position: relative;
|
||||
}
|
||||
#contentwrapper {
|
||||
width: 100%;
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
#content {
|
||||
margin: 0px 10px;
|
||||
padding: 10px;
|
||||
background: #ffffff;
|
||||
}
|
||||
/* hack for ie/win's guillotine bug */
|
||||
/* start non ie/mac css \*/
|
||||
* html #content {
|
||||
height: 1%;
|
||||
}
|
||||
/* end non ie/mac css */
|
||||
|
||||
/*-----------------*\
|
||||
|* global elements *|
|
||||
\*-----------------*/
|
||||
.shadowtop, .shadowbottom {
|
||||
height: 10px;
|
||||
font-size: 1px;
|
||||
display: inline-block;
|
||||
/* ie/mac fix \*/
|
||||
display: block;
|
||||
/* end fix */
|
||||
}
|
||||
.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
|
||||
width: 15px;
|
||||
height: 10px;
|
||||
font-size: 1px;
|
||||
}
|
||||
.shadowtop {
|
||||
background: url(images/shadow-top.gif) bottom repeat-x;
|
||||
}
|
||||
.shadowbottom {
|
||||
background: url(images/shadow-bottom.gif) top left repeat-x;
|
||||
}
|
||||
.shadowleft {
|
||||
background: url(images/shadow-left.gif) left repeat-y;
|
||||
}
|
||||
.shadowright {
|
||||
background: url(images/shadow-right.gif) right repeat-y;
|
||||
}
|
||||
.shadowtopleft {
|
||||
float: left;
|
||||
background: url(images/shadow-topleft.gif) bottom left no-repeat;
|
||||
}
|
||||
.shadowtopright {
|
||||
float: right;
|
||||
background: url(images/shadow-topright.gif) bottom right no-repeat;
|
||||
}
|
||||
.shadowbottomleft {
|
||||
float: left;
|
||||
background: url(images/shadow-bottomleft.gif) top left no-repeat;
|
||||
}
|
||||
.shadowbottomright {
|
||||
float: right;
|
||||
background: url(images/shadow-bottomright.gif) top right no-repeat;
|
||||
}
|
||||
|
||||
/* links */
|
||||
.linklisting {
|
||||
margin: 15px 15px 20px 20px;
|
||||
}
|
||||
.linklisting h4.linktitle, .linklisting p.linkurl, .linklisting p.linkrating {
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
margin: 2px 0px;
|
||||
}
|
||||
.linklisting h4.linktitle a {
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
.linklisting p.linkurl a {
|
||||
font-size: 9px;
|
||||
text-decoration: none;
|
||||
}
|
||||
.linklisting p.linkrating {
|
||||
font-size: 9px;
|
||||
}
|
||||
.linklisting p.linkrating .linkexpired {
|
||||
color: #8c3030;
|
||||
font-weight: bold;
|
||||
}
|
||||
.linklisting .linkdescription, .review .reviewcontent {
|
||||
margin: 0px 0px 5px 0px;
|
||||
padding: 5px;
|
||||
border: 1px solid #bbbfa1;
|
||||
background: #f8faed;
|
||||
overflow: hidden;
|
||||
}
|
||||
/* overflow: hidden doesn't work in ie unless the width is set */
|
||||
* html .linklisting .linkdescription, * html .review .reviewcontent {
|
||||
width: 96%;
|
||||
}
|
||||
.linklisting p.linkactions {
|
||||
margin: 0px;
|
||||
}
|
||||
.linklisting p.linkactions a, #detailed p.actions a, #jump_frame .actions a {
|
||||
padding: 1px 4px;
|
||||
border: 1px solid #bbbfa1;
|
||||
font-size: 9px;
|
||||
text-decoration: none;
|
||||
}
|
||||
.linklisting p.linkactions a:hover, #detailed p.actions a:hover, #jump_frame .actions a:hover {
|
||||
background: #e2e1eb;
|
||||
}
|
||||
|
||||
/* reviews */
|
||||
.review h4.reviewsubject {
|
||||
margin: 10px 0px 0px 0px;
|
||||
}
|
||||
.review h5.reviewbyline {
|
||||
margin: 0px;
|
||||
font-weight: normal;
|
||||
}
|
||||
.review p.reviewer {
|
||||
margin: 0px 0px 2px 0px;
|
||||
}
|
||||
.review .reviewhelpful span {
|
||||
float: left;
|
||||
font-size: 9px;
|
||||
}
|
||||
.review .reviewhelpful form span {
|
||||
float: right;
|
||||
}
|
||||
.review .reviewhelpful input {
|
||||
padding: 0px 3px;
|
||||
border: 1px solid #bbbfa1;
|
||||
background: #ffffff;
|
||||
font-size: 9px;
|
||||
}
|
||||
/* .review p.reviewcontent => see .linklisting p.linkdescription */
|
||||
|
||||
/* link/bookmark status icons */
|
||||
.new-item, .updated-item, .popular-item, .unpaid-item, .expired-item, .free-item, .bookmark-public, .bookmark-default {
|
||||
background: transparent url(images/button-left.gif) top left no-repeat;
|
||||
font-weight: normal;
|
||||
font-size: 9px;
|
||||
color: #ffffff;
|
||||
vertical-align: text-top;
|
||||
}
|
||||
.new-item {
|
||||
background-color: #8c3030;
|
||||
}
|
||||
.updated-item {
|
||||
background-color: #c5a600;
|
||||
}
|
||||
.popular-item {
|
||||
background-color: #314fb1;
|
||||
}
|
||||
.unpaid-item {
|
||||
background-color: #555555;
|
||||
}
|
||||
.expired-item {
|
||||
background-color: #92589c;
|
||||
}
|
||||
.free-item {
|
||||
background-color: #a7a87c;
|
||||
}
|
||||
.bookmark-public {
|
||||
background-color: #cc6613;
|
||||
}
|
||||
.bookmark-default {
|
||||
background-color: #7fb131;
|
||||
}
|
||||
.new-item span, .updated-item span, .popular-item span, .unpaid-item span, .expired-item span, .free-item span, .bookmark-public span, .bookmark-default span {
|
||||
padding: 0px 3px;
|
||||
background: transparent url(images/button-right.gif) top right no-repeat;
|
||||
}
|
||||
|
||||
/* paging */
|
||||
.paging {
|
||||
text-align: right;
|
||||
}
|
||||
.paging img, .paging select, .paging input {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.crumb {
|
||||
font-size: 9px;
|
||||
}
|
||||
|
||||
/* tables */
|
||||
.ftable {
|
||||
margin-top: 5px;
|
||||
border-bottom: 3px solid #bbbfa1;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
/* ie5-5.5 don't inherit the font style properly */
|
||||
font-size: 11px;
|
||||
}
|
||||
.ftable th {
|
||||
background: #bbbfa1;
|
||||
text-align: left;
|
||||
}
|
||||
.ftable th, .ftable td {
|
||||
padding: 3px 5px;
|
||||
}
|
||||
.ftablecol {
|
||||
border-right: 1px solid #bbbfa1;
|
||||
}
|
||||
|
||||
/* sub headings */
|
||||
#content h3 {
|
||||
margin: 25px 0px 0px 0px;
|
||||
padding: 5px 0px 0px 0px;
|
||||
border-bottom: 1px dotted #bbbfa1;
|
||||
}
|
||||
#content h3.noseparator {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
/* lists */
|
||||
#content ul {
|
||||
margin: 10px 0px 0px 20px;
|
||||
padding: 0px;
|
||||
font-size: 12px;
|
||||
list-style: none;
|
||||
}
|
||||
#content ul.categories {
|
||||
margin: 0px;
|
||||
}
|
||||
#content ul.default {
|
||||
margin: 0px 0px 1em 0px;
|
||||
padding-left: 3.6em;
|
||||
font-size: 11px;
|
||||
list-style: disc;
|
||||
}
|
||||
|
||||
/* forms */
|
||||
.row {
|
||||
margin-bottom: 1px;
|
||||
padding: 4px;
|
||||
}
|
||||
.row label.name {
|
||||
padding-right: 5px;
|
||||
width: 25%;
|
||||
float: left;
|
||||
}
|
||||
.row label.name span {
|
||||
color: #8c3030;
|
||||
}
|
||||
.row .value.wrappedtext {
|
||||
margin-left: 25%;
|
||||
padding-left: 5px;
|
||||
}
|
||||
/* hack for ie 5.5 text/textarea resizing */
|
||||
.row .value input.text, .row .value input.password, .row .value textarea {
|
||||
width: expression(this.parentNode.offsetWidth * 0.74 + 'px');
|
||||
}
|
||||
/* the previous style causes problems with long sidebars in ie6 */
|
||||
.row .value input.text, .row .value input.password, .row .value textarea {
|
||||
w\idth: 72%;
|
||||
}
|
||||
.row .value input.text.shorttext {
|
||||
width: 100px;
|
||||
}
|
||||
.row.required {
|
||||
background: #e2e1eb;
|
||||
}
|
||||
.row.invalid {
|
||||
color: #8c3030;
|
||||
background: #eedddd;
|
||||
font-weight: bold;
|
||||
}
|
||||
.formsubmit {
|
||||
margin-top: 10px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* generic messages */
|
||||
.errormessage {
|
||||
color: #8c3030;
|
||||
font-weight: bold;
|
||||
}
|
||||
.infomessage {
|
||||
color: #3a5841;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* treecats */
|
||||
#content .treecats-selection-summary ul, #content .treecats-selection ul {
|
||||
margin: 0px;
|
||||
}
|
||||
.treecats-selection-summary li a, .treecats-selection li a {
|
||||
margin-top: 2px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.treecats-selection-summary a, .treecats-selection a {
|
||||
font-size: 9px;
|
||||
}
|
||||
.treecats-selection-summary a:visited, .treecats-selection a:visited {
|
||||
color: #212126;
|
||||
}
|
||||
.treecats-selection-current {
|
||||
font-weight: bold;
|
||||
}
|
||||
.treecats-category-info img {
|
||||
border: 0px;
|
||||
padding: 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.treecats-children {
|
||||
padding-left: 15px;
|
||||
}
|
||||
.treecats-selected span, li.treecats-selected {
|
||||
font-weight: bold;
|
||||
}
|
||||
.treecats-category a:link, .treecats-category a:visited {
|
||||
color: #212126;
|
||||
text-decoration: none;
|
||||
}
|
||||
.treecats-category a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
#content ul.treecats-links {
|
||||
padding-left: 15px;
|
||||
margin: 0px;
|
||||
}
|
||||
.treecats-links li {
|
||||
line-height: 1.25em;
|
||||
list-style: circle;
|
||||
}
|
||||
|
||||
/* search highlighting */
|
||||
.searchhl-1, .searchhl-2, .searchhl-3, .searchhl-4, .searchhl-5 {
|
||||
font-weight: bold;
|
||||
}
|
||||
.searchhl-1 {
|
||||
background: #ffff80;
|
||||
}
|
||||
.searchhl-2 {
|
||||
background: #aaaaff;
|
||||
}
|
||||
.searchhl-3 {
|
||||
background: #aaffaa;
|
||||
}
|
||||
.searchhl-4 {
|
||||
background: #ffaaaa;
|
||||
}
|
||||
.searchhl-5 {
|
||||
background: #aaffff;
|
||||
}
|
||||
|
||||
/* indent */
|
||||
.indent1 {
|
||||
margin-left: 20px;
|
||||
}
|
||||
.indent2 {
|
||||
margin-left: 40px;
|
||||
}
|
||||
.indent3 {
|
||||
margin-left: 60px;
|
||||
}
|
||||
.indent4 {
|
||||
margin-left: 80px;
|
||||
}
|
||||
.indent5 {
|
||||
margin-left: 100px;
|
||||
}
|
||||
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.clear:after {
|
||||
height: 0px;
|
||||
clear: both;
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
content: ".";
|
||||
}
|
||||
.clear {
|
||||
display: inline-block;
|
||||
}
|
||||
/* start non ie/mac css \*/
|
||||
* html .clear {
|
||||
height: 1%;
|
||||
}
|
||||
.clear {
|
||||
display: block;
|
||||
}
|
||||
/* end non ie/mac css */
|
||||
|
||||
/*---------------*\
|
||||
|* page specific *|
|
||||
\*---------------*/
|
||||
#bookmark_list input.checkbox {
|
||||
float: left;
|
||||
}
|
||||
#bookmark_list .folders .description, #bookmark_folder_view .folders .description {
|
||||
margin: 0px 0px 10px 20px;
|
||||
}
|
||||
.bookmark_link .comments label {
|
||||
font-weight: bold;
|
||||
}
|
||||
.bookmark_link .comments label span {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
#category dl, #home dl {
|
||||
margin: 10px 0px 0px 0px;
|
||||
width: 49%;
|
||||
float: left;
|
||||
}
|
||||
#category dt a {
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
}
|
||||
#category dt, #category dd, #home dt, #home dd {
|
||||
margin: 0px 0px 0px 20px;
|
||||
}
|
||||
#category dd, #home dd {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
#detailed p.description {
|
||||
overflow: hidden;
|
||||
}
|
||||
/* ie needs a width for overflow: hidden to work */
|
||||
* html #detailed p.description {
|
||||
width: 100%;
|
||||
}
|
||||
#detailed p.linknav {
|
||||
margin: 0px;
|
||||
text-align: right;
|
||||
}
|
||||
#detailed p.linknav img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
#detailed p.linknav a {
|
||||
text-decoration: none;
|
||||
}
|
||||
#detailed p.reviewsfooter {
|
||||
margin: 20px 0px 0px 0px;
|
||||
text-align: right;
|
||||
}
|
||||
/* #detailed p.actions a, #detailed p.actions a:hover => see .linklisting p.linkactions a */
|
||||
|
||||
#home dt a {
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
}
|
||||
#home #content h4 {
|
||||
margin-top: 20px;
|
||||
font-weight: normal;
|
||||
font-size: 14px;
|
||||
}
|
||||
/* #home dl, #home dt, #home dd, #home dd => see #category dl */
|
||||
|
||||
#jump_frame .jumpwrapper {
|
||||
height: 40px;
|
||||
background: transparent url(images/swirls.gif) bottom right no-repeat;
|
||||
}
|
||||
#jump_frame img.jumplogo {
|
||||
padding: 2px 0px 0px 2px;
|
||||
float: left;
|
||||
}
|
||||
#jump_frame h4 {
|
||||
margin: 0px;
|
||||
padding: 3px 0px;
|
||||
}
|
||||
/* #jump_frame .actions a, #jump_frame .actions a:hover => see .linklisting p.actions a */
|
||||
|
||||
#modify_select input.radio {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#search .searchoption {
|
||||
margin-top: 10px;
|
||||
padding-top: 5px;
|
||||
border-top: 1px dotted #bbbfa1;
|
||||
}
|
||||
Reference in New Issue
Block a user