Second pass at adding key files
This commit is contained in:
dsainty
60
site/slowtwitch.com/www/articles/static/admin/treecats.css
Normal file
60
site/slowtwitch.com/www/articles/static/admin/treecats.css
Normal file
@ -0,0 +1,60 @@
|
||||
/*
|
||||
* =================================================================
|
||||
* Gossamer Links - enhanced directory management system
|
||||
*
|
||||
* Website : http://gossamer-threads.com/
|
||||
* Support : http://gossamer-threads.com/scripts/support/
|
||||
* Revision : $Id: treecats.css,v 1.3 2006/08/11 04:30:58 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.
|
||||
* =================================================================
|
||||
*/
|
||||
|
||||
.treecats-selection-summary ul, .treecats-selection ul {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
.treecats-selection-summary li, .treecats-selection li {
|
||||
list-style: none;
|
||||
}
|
||||
.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;
|
||||
margin: 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;
|
||||
}
|
||||
ul.treecats-links {
|
||||
padding-left: 15px;
|
||||
margin: 0px;
|
||||
}
|
||||
.treecats-links li {
|
||||
line-height: 1.25em;
|
||||
list-style: circle;
|
||||
}
|
||||
1
site/slowtwitch.com/www/articles/static/css
Symbolic link
1
site/slowtwitch.com/www/articles/static/css
Symbolic link
@ -0,0 +1 @@
|
||||
/var/home/slowtwitch/site/common/static/css
|
||||
12
site/slowtwitch.com/www/articles/static/fileman/fileman.css
Normal file
12
site/slowtwitch.com/www/articles/static/fileman/fileman.css
Normal file
@ -0,0 +1,12 @@
|
||||
a:active { font-weight: normal; color: #0000FF; text-decoration: none}
|
||||
a:hover { color: #CC0000; text-decoration: none}
|
||||
.header_format { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #FFFFFF; background-color: #326AAF}
|
||||
.text_format { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt ; color: #OOOOOO}
|
||||
.object { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color:#000000; background-color: #FFFFFF ; border:1px solid #A1A576;}
|
||||
.submit { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000066; font-weight: bold; border:1px solid #A1A576}
|
||||
.highlight { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color:#CC0000; background-color:#E6E6FF}
|
||||
.background { background-color: #E9E9E9; color:#000066 }
|
||||
.bg_frames { background-color: #D3D3D3; color:#000066 }
|
||||
.bg_main { background-color: #FFFFFF; color:#000066}
|
||||
.bg_main2 { background-color: #D8D8D8; }
|
||||
.bg_window { background-color: #E9E9E9; }
|
||||
12
site/slowtwitch.com/www/articles/static/fileman/gt.css
Normal file
12
site/slowtwitch.com/www/articles/static/fileman/gt.css
Normal file
@ -0,0 +1,12 @@
|
||||
a:active { font-weight: normal; color: #0000FF; text-decoration: none}
|
||||
a:hover { color: #CC0000; text-decoration: none}
|
||||
.header_format { background-color: #256A19; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #FFFFFF}
|
||||
.text_format { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt ; color: #OOOOOO}
|
||||
.object { background-color:#D2EDB8; color: black; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; }
|
||||
.submit { background-color:#d9e4f2; font-family: Arial,Verdana,Helvetica, sans-serif; font-size:12px; color:black}
|
||||
.highlight { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color:#0033CC; background-color: #FFCECE}
|
||||
.background { background-color: #E6F5D7; color:#000000 }
|
||||
.bg_frames { background-color: #E6F5D7; color:#000000 }
|
||||
.bg_main { background-color: #FFFFFF; }
|
||||
.bg_main2 { background-color: #CDD6C0; }
|
||||
.bg_window { background-color: #d9e4f2; border: #d9e4f2}
|
||||
176
site/slowtwitch.com/www/articles/static/fileman/luna/cluetip.css
Normal file
176
site/slowtwitch.com/www/articles/static/fileman/luna/cluetip.css
Normal file
@ -0,0 +1,176 @@
|
||||
/* global */
|
||||
#cluetip-close img {
|
||||
border: 0;
|
||||
}
|
||||
#cluetip-title {
|
||||
overflow: hidden;
|
||||
}
|
||||
#cluetip-title #cluetip-close {
|
||||
float: right;
|
||||
position: relative;
|
||||
}
|
||||
#cluetip-waitimage {
|
||||
width: 43px;
|
||||
height: 11px;
|
||||
position: absolute;
|
||||
}
|
||||
.cluetip-arrows {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -11px;
|
||||
height: 22px;
|
||||
width: 11px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0 0;
|
||||
}
|
||||
#cluetip-extra {
|
||||
display: none;
|
||||
}
|
||||
/***************************************
|
||||
=cluetipClass: 'default'
|
||||
-------------------------------------- */
|
||||
|
||||
.cluetip-default {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
background: #edf2cb;
|
||||
border: 3px solid #3e3d45;
|
||||
}
|
||||
.cluetip-default #cluetip-outer {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: #edf2cb;
|
||||
}
|
||||
.cluetip-default h3#cluetip-title {
|
||||
margin: 0 0 0px;
|
||||
font-size: 11px;
|
||||
padding: 3px 5px 2px 5px;
|
||||
background: #5d5b66;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
}
|
||||
.cluetip-default #cluetip-title a {
|
||||
color: #d9d9c2;
|
||||
}
|
||||
.cluetip-default #cluetip-inner {
|
||||
padding: 10px;
|
||||
}
|
||||
.cluetip-default div#cluetip-close {
|
||||
text-align: right;
|
||||
margin: 0 5px 5px;
|
||||
color: #900;
|
||||
}
|
||||
|
||||
/***************************************
|
||||
=cluetipClass: 'jtip'
|
||||
-------------------------------------- */
|
||||
.cluetip-jtip {
|
||||
background-color: transparent;
|
||||
}
|
||||
.cluetip-jtip #cluetip-outer {
|
||||
border: 2px solid #ccc;
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.cluetip-jtip h3#cluetip-title {
|
||||
margin: 0 0 5px;
|
||||
padding: 2px 5px;
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
background-color: #ccc;
|
||||
color: #333;
|
||||
}
|
||||
.cluetip-jtip #cluetip-inner {
|
||||
padding: 0 5px 5px;
|
||||
display: inline-block;
|
||||
}
|
||||
.cluetip-jtip div#cluetip-close {
|
||||
text-align: right;
|
||||
margin: 0 5px 5px;
|
||||
color: #900;
|
||||
}
|
||||
|
||||
/***************************************
|
||||
=cluetipClass: 'rounded'
|
||||
-------------------------------------- */
|
||||
|
||||
.cluetip-rounded {
|
||||
background: transparent url(images/bl.gif) no-repeat 0 100%;
|
||||
margin-top: 10px;
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
.cluetip-rounded #cluetip-outer {
|
||||
background: transparent url(images/tl.gif) no-repeat 0 0;
|
||||
margin-top: -12px;
|
||||
}
|
||||
|
||||
.cluetip-rounded #cluetip-title {
|
||||
background-color: transparent;
|
||||
padding: 12px 12px 0;
|
||||
margin: 0 -12px 0 0;
|
||||
position: relative;
|
||||
}
|
||||
.cluetip-rounded #cluetip-extra {
|
||||
position: absolute;
|
||||
display: block;
|
||||
background: transparent url(images/tr.gif) no-repeat 100% 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 12px;
|
||||
height: 30px;
|
||||
margin: -12px -12px 0 0;
|
||||
}
|
||||
.cluetip-rounded #cluetip-inner {
|
||||
padding: 5px 12px 12px;
|
||||
margin: -18px -12px 0 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.cluetip-rounded div#cluetip-close {
|
||||
text-align: right;
|
||||
margin: 0 5px 5px;
|
||||
color: #009;
|
||||
background: transparent;
|
||||
}
|
||||
.cluetip-rounded div#cluetip-close a {
|
||||
color: #777;
|
||||
}
|
||||
|
||||
/* rounded arrows */
|
||||
|
||||
.clue-right-rounded .cluetip-arrows {
|
||||
background-image: url(images/rarrowleft.gif);
|
||||
}
|
||||
.clue-left-rounded .cluetip-arrows {
|
||||
background-image: url(images/rarrowright.gif);
|
||||
left: 100%;
|
||||
margin-left: 12px;
|
||||
}
|
||||
.clue-top-rounded .cluetip-arrows {
|
||||
background-image: url(images/rarrowdown.gif);
|
||||
top: 100%;
|
||||
left: 50%;
|
||||
margin-left: -11px;
|
||||
height: 11px;
|
||||
width: 22px;
|
||||
}
|
||||
.clue-bottom-rounded .cluetip-arrows {
|
||||
background-image: url(images/rarrowup.gif);
|
||||
top: -23px;
|
||||
left: 50%;
|
||||
margin-left: -11px;
|
||||
height: 11px;
|
||||
width: 22px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* stupid IE6 HasLayout hack */
|
||||
.cluetip-rounded #cluetip-title,
|
||||
.cluetip-rounded #cluetip-inner {
|
||||
zoom: 1;
|
||||
}
|
||||
@ -0,0 +1,115 @@
|
||||
table.jCalendar {
|
||||
border: 1px solid #000;
|
||||
background: #aaa;
|
||||
border-collapse: separate;
|
||||
border-spacing: 2px;
|
||||
}
|
||||
table.jCalendar th {
|
||||
background: #333;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
padding: 3px 5px;
|
||||
}
|
||||
table.jCalendar td {
|
||||
background: #ccc;
|
||||
color: #000;
|
||||
padding: 3px 5px;
|
||||
text-align: center;
|
||||
}
|
||||
table.jCalendar td.other-month {
|
||||
background: #ddd;
|
||||
color: #aaa;
|
||||
}
|
||||
table.jCalendar td.today {
|
||||
background: #666;
|
||||
color: #fff;
|
||||
}
|
||||
table.jCalendar td.selected {
|
||||
background: #f66;
|
||||
color: #fff;
|
||||
}
|
||||
table.jCalendar td.selected:hover {
|
||||
background: #f33;
|
||||
color: #fff;
|
||||
}
|
||||
table.jCalendar td:hover, table.jCalendar td.dp-hover {
|
||||
background: #fff;
|
||||
color: #000;
|
||||
}
|
||||
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
|
||||
background: #bbb;
|
||||
color: #888;
|
||||
}
|
||||
|
||||
/* For the popup */
|
||||
|
||||
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
|
||||
|
||||
div.dp-popup {
|
||||
position: relative;
|
||||
background: #ccc;
|
||||
font-size: 10px;
|
||||
font-family: arial, sans-serif;
|
||||
padding: 2px;
|
||||
width: 171px;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
div#dp-popup {
|
||||
position: absolute;
|
||||
z-index: 5000;
|
||||
}
|
||||
div.dp-popup h2 {
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
margin: 2px 0;
|
||||
padding: 0;
|
||||
}
|
||||
a#dp-close {
|
||||
font-size: 11px;
|
||||
padding: 4px 0;
|
||||
text-align: center;
|
||||
display: block;
|
||||
}
|
||||
a#dp-close:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
div.dp-popup a {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
padding: 3px 2px 0;
|
||||
}
|
||||
div.dp-popup div.dp-nav-prev {
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
left: 4px;
|
||||
width: 100px;
|
||||
}
|
||||
div.dp-popup div.dp-nav-prev a {
|
||||
float: left;
|
||||
}
|
||||
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
|
||||
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
|
||||
cursor: default;
|
||||
}
|
||||
div.dp-popup div.dp-nav-next {
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
right: 4px;
|
||||
width: 100px;
|
||||
}
|
||||
div.dp-popup div.dp-nav-next a {
|
||||
float: right;
|
||||
}
|
||||
div.dp-popup a.disabled {
|
||||
cursor: default;
|
||||
color: #aaa;
|
||||
}
|
||||
div.dp-popup td {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.dp-popup td.disabled {
|
||||
cursor: default;
|
||||
}
|
||||
@ -0,0 +1,82 @@
|
||||
@import url(luna_core.css);
|
||||
|
||||
/*
|
||||
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.
|
||||
|
||||
Here's a quick tutorial on overriding styles. Say you want to change the
|
||||
background colour of the body. Looking at luna_core.css, the colour is
|
||||
defined in the rule:
|
||||
|
||||
body {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
color: #33332e;
|
||||
background: #ffffff;
|
||||
font: normal 11px tahoma, geneva, verdana, sans-serif;
|
||||
}
|
||||
|
||||
To change the background colour of white (#ffffff) to gray (#dddddd), you would
|
||||
add the following to this file:
|
||||
|
||||
body {
|
||||
background: #dddddd;
|
||||
}
|
||||
|
||||
If you also wanted to change the font as well as the background, then you could
|
||||
use:
|
||||
|
||||
body {
|
||||
background: #dddddd;
|
||||
font: normal 12px times new roman;
|
||||
}
|
||||
|
||||
Also note that every template's body id is assigned the template name (without
|
||||
the .htm extension). So if you want to change the h2 heading in the
|
||||
home.htm template, you can do this by:
|
||||
|
||||
#home h2 {
|
||||
color: red;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
To start you off, some sample overriding styles have been provided below. Note
|
||||
that you will have to uncomment the rules for them to work.
|
||||
*/
|
||||
|
||||
/* Logo size and image source */
|
||||
/*
|
||||
#logo {
|
||||
width: 250px;
|
||||
height: 80px;
|
||||
background-image: url(images/logo.gif);
|
||||
}
|
||||
*/
|
||||
/* 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: 25px;
|
||||
}
|
||||
*/
|
||||
|
||||
/* Change width of document */
|
||||
/*
|
||||
#wrapper {
|
||||
width: 750px;
|
||||
}
|
||||
*/
|
||||
|
||||
/* Don't want the shadows? */
|
||||
/*
|
||||
.shadowtop, .shadowbottom, .shadowleft, .shadowright {
|
||||
background: none;
|
||||
}
|
||||
.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
|
||||
width: auto;
|
||||
height: auto;
|
||||
float: none;
|
||||
background: none;
|
||||
}
|
||||
*/
|
||||
1298
site/slowtwitch.com/www/articles/static/fileman/luna/luna_core.css
Normal file
1298
site/slowtwitch.com/www/articles/static/fileman/luna/luna_core.css
Normal file
File diff suppressed because it is too large
Load Diff
12
site/slowtwitch.com/www/articles/static/fileman/maple.css
Normal file
12
site/slowtwitch.com/www/articles/static/fileman/maple.css
Normal file
@ -0,0 +1,12 @@
|
||||
a:active { font-weight: normal; color: #0000FF; text-decoration: none}
|
||||
a:hover { color: #CC0000; text-decoration: none}
|
||||
.header_format { background-color: #800000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #FFFFFF}
|
||||
.text_format { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt ; color: #OOOOOO}
|
||||
.object { background-color:#F8F3E7; color: black; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; }
|
||||
.submit { background-color:#F0E8CE; font-family: Arial,Verdana,Helvetica, sans-serif; font-size:12px; color:black}
|
||||
.highlight { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color:#0033CC; background-color: #FFCECE}
|
||||
.background { background-color: #F0E8CE; color:#000066 }
|
||||
.bg_frames { background-color: #F0E8CE; color:#000066 }
|
||||
.bg_main { background-color: #F8F3E7; }
|
||||
.bg_main2 { background-color: #D8D8D8; }
|
||||
.bg_window { background-color: #F0E8CE; border: #E6D8AA}
|
||||
12
site/slowtwitch.com/www/articles/static/fileman/rainy.css
Normal file
12
site/slowtwitch.com/www/articles/static/fileman/rainy.css
Normal file
@ -0,0 +1,12 @@
|
||||
a:active { font-weight: normal; color: #0000FF; text-decoration: none}
|
||||
a:hover { color: #CC0000; text-decoration: none}
|
||||
.header_format { background-color: #4F657D; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #FFFFFF}
|
||||
.text_format { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt ; color: #OOOOOO}
|
||||
.object { background-color:#E3E9DC; color: black; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; }
|
||||
.submit { background-color:#CFD8C2; font-family: Arial,Verdana,Helvetica, sans-serif; font-size:12px; color:black}
|
||||
.highlight { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color:#000066; background-color: #FFCCCC}
|
||||
.background { background-color: #CFD8C2; color:#000000 }
|
||||
.bg_frames { background-color: #CFD8C2; color:#000000 }
|
||||
.bg_main { background-color: #E3E9DC; }
|
||||
.bg_main2 { background-color: #A5B5C7; }
|
||||
.bg_window { background-color: #CFD8C2; border: #CFD8C2}
|
||||
12
site/slowtwitch.com/www/articles/static/fileman/rose.css
Normal file
12
site/slowtwitch.com/www/articles/static/fileman/rose.css
Normal file
@ -0,0 +1,12 @@
|
||||
a:active { font-weight: normal; color: #0000FF; text-decoration: none}
|
||||
a:hover { color: #CC0000; text-decoration: none}
|
||||
.header_format { background-color: #9F6070; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #FFFFFF}
|
||||
.text_format { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt ; color: #OOOOOO}
|
||||
.object { background-color:#EEE3E6; color: black; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9pt; background-color: #FFFFFF ; border:1px solid #A1A576; }
|
||||
.submit { background-color:#DEC9CE; font-family: Arial,Verdana,Helvetica, sans-serif; font-size:8pt; color: #000066; font-weight: bold; border:1px solid #A1A576}
|
||||
.highlight { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color:red; background-color: #CCCCFF}
|
||||
.background { background-color: #DEC9CE ; color:#000000 }
|
||||
.bg_frames { background-color: #DEC9CE ; color:#000000 }
|
||||
.bg_main { background-color: #EEE3E6; }
|
||||
.bg_main2 { background-color: #CFAFB7; }
|
||||
.bg_window { background-color: #DEC9CE; border: #DEC9CE}
|
||||
@ -0,0 +1,5 @@
|
||||
input.radio {border:1px none #000; background:transparent; vertical-align:middle;}
|
||||
.panel_wrapper div.current {height:80px;}
|
||||
#width {width:50px; vertical-align:middle;}
|
||||
#width2 {width:50px; vertical-align:middle;}
|
||||
#size {width:100px;}
|
||||
@ -0,0 +1,13 @@
|
||||
#src_list, #over_list, #out_list {width:280px;}
|
||||
.mceActionPanel {margin-top:7px;}
|
||||
.alignPreview {border:1px solid #000; width:140px; height:140px; overflow:hidden; padding:5px;}
|
||||
.checkbox {border:0;}
|
||||
.panel_wrapper div.current {height:305px;}
|
||||
#prev {margin:0; border:1px solid #000; width:428px; height:150px; overflow:auto;}
|
||||
#align, #classlist {width:150px;}
|
||||
#width, #height {vertical-align:middle; width:50px; text-align:center;}
|
||||
#vspace, #hspace, #border {vertical-align:middle; width:30px; text-align:center;}
|
||||
#class_list {width:180px;}
|
||||
input {width: 280px;}
|
||||
#constrain, #onmousemovecheck {width:auto;}
|
||||
#id, #dir, #lang, #usemap, #longdesc {width:200px;}
|
||||
@ -0,0 +1,8 @@
|
||||
.mceLinkList, .mceAnchorList, #targetlist {width:280px;}
|
||||
.mceActionPanel {margin-top:7px;}
|
||||
.panel_wrapper div.current {height:320px;}
|
||||
#classlist, #title, #href {width:280px;}
|
||||
#popupurl, #popupname {width:200px;}
|
||||
#popupwidth, #popupheight, #popupleft, #popuptop {width:30px;vertical-align:middle;text-align:center;}
|
||||
#id, #style, #classes, #target, #dir, #hreflang, #lang, #charset, #type, #rel, #rev, #tabindex, #accesskey {width:200px;}
|
||||
#events_panel input {width:200px;}
|
||||
@ -0,0 +1,182 @@
|
||||
/* Hide the advanced tab */
|
||||
#advanced_tab {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#metatitle, #metakeywords, #metadescription, #metaauthor, #metacopyright {
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
#doctype, #docencoding {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
#langcode {
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
#bgimage {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
#fontface {
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
#leftmargin, #rightmargin, #topmargin, #bottommargin {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.panel_wrapper div.current {
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
#stylesheet, #style {
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
/* Head list classes */
|
||||
|
||||
.headlistwrapper {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.addbutton, .removebutton, .moveupbutton, .movedownbutton {
|
||||
border-top: 1px solid;
|
||||
border-left: 1px solid;
|
||||
border-bottom: 1px solid;
|
||||
border-right: 1px solid;
|
||||
border-color: #F0F0EE;
|
||||
cursor: default;
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
#doctypes {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.addbutton:hover, .removebutton:hover, .moveupbutton:hover, .movedownbutton:hover {
|
||||
border: 1px solid #0A246A;
|
||||
background-color: #B6BDD2;
|
||||
}
|
||||
|
||||
.addbutton {
|
||||
background-image: url('../images/add.gif');
|
||||
float: left;
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
.removebutton {
|
||||
background-image: url('../images/remove.gif');
|
||||
float: left;
|
||||
}
|
||||
|
||||
.moveupbutton {
|
||||
background-image: url('../images/move_up.gif');
|
||||
float: left;
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
.movedownbutton {
|
||||
background-image: url('../images/move_down.gif');
|
||||
float: left;
|
||||
}
|
||||
|
||||
.selected {
|
||||
border: 1px solid #0A246A;
|
||||
background-color: #B6BDD2;
|
||||
}
|
||||
|
||||
.toolbar {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#headlist {
|
||||
width: 100%;
|
||||
margin-top: 3px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#info, #title_element, #meta_element, #script_element, #style_element, #base_element, #link_element, #comment_element, #unknown_element {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#addmenu {
|
||||
position: absolute;
|
||||
border: 1px solid gray;
|
||||
display: none;
|
||||
z-index: 100;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
#addmenu a {
|
||||
display: block;
|
||||
width: 100%;
|
||||
line-height: 20px;
|
||||
text-decoration: none;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
#addmenu a:hover {
|
||||
background-color: #B6BDD2;
|
||||
color: black;
|
||||
}
|
||||
|
||||
#addmenu span {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
#updateElementPanel {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#script_element .panel_wrapper div.current {
|
||||
height: 108px;
|
||||
}
|
||||
|
||||
#style_element .panel_wrapper div.current {
|
||||
height: 108px;
|
||||
}
|
||||
|
||||
#link_element .panel_wrapper div.current {
|
||||
height: 140px;
|
||||
}
|
||||
|
||||
#element_script_value {
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
#element_comment_value {
|
||||
width: 100%;
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
#element_style_value {
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
#element_title, #element_script_src, #element_meta_name, #element_meta_content, #element_base_href, #element_link_href, #element_link_title {
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
.updateElementButton {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
/* MSIE specific styles */
|
||||
|
||||
* html .addbutton, * html .removebutton, * html .moveupbutton, * html .movedownbutton {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
}
|
||||
|
||||
textarea {
|
||||
height: 55px;
|
||||
}
|
||||
|
||||
.panel_wrapper div.current {height:420px;}
|
||||
@ -0,0 +1,6 @@
|
||||
.mceItemFlash, .mceItemShockWave, .mceItemQuickTime, .mceItemWindowsMedia, .mceItemRealMedia {border:1px dotted #cc0000; background-position:center; background-repeat:no-repeat; background-color:#ffffcc;}
|
||||
.mceItemShockWave {background-image: url(../img/shockwave.gif);}
|
||||
.mceItemFlash {background-image:url(../img/flash.gif);}
|
||||
.mceItemQuickTime {background-image:url(../img/quicktime.gif);}
|
||||
.mceItemWindowsMedia {background-image:url(../img/windowsmedia.gif);}
|
||||
.mceItemRealMedia {background-image:url(../img/realmedia.gif);}
|
||||
@ -0,0 +1,16 @@
|
||||
#id, #name, #hspace, #vspace, #class_name, #align { width: 100px }
|
||||
#hspace, #vspace { width: 50px }
|
||||
#flash_quality, #flash_align, #flash_scale, #flash_salign, #flash_wmode { width: 100px }
|
||||
#flash_base, #flash_flashvars { width: 240px }
|
||||
#width, #height { width: 40px }
|
||||
#src, #media_type { width: 250px }
|
||||
#class { width: 120px }
|
||||
#prev { margin: 0; border: 1px solid black; width: 380px; height: 230px; overflow: auto }
|
||||
.panel_wrapper div.current { height: 390px; overflow: auto }
|
||||
#flash_options, #shockwave_options, #qt_options, #wmp_options, #rmp_options { display: none }
|
||||
.mceAddSelectValue { background-color: #DDDDDD }
|
||||
#qt_starttime, #qt_endtime, #qt_fov, #qt_href, #qt_moveid, #qt_moviename, #qt_node, #qt_pan, #qt_qtsrc, #qt_qtsrcchokespeed, #qt_target, #qt_tilt, #qt_urlsubstituten, #qt_volume { width: 70px }
|
||||
#wmp_balance, #wmp_baseurl, #wmp_captioningid, #wmp_currentmarker, #wmp_currentposition, #wmp_defaultframe, #wmp_playcount, #wmp_rate, #wmp_uimode, #wmp_volume { width: 70px }
|
||||
#rmp_console, #rmp_numloop, #rmp_controls, #rmp_scriptcallbacks { width: 70px }
|
||||
#shockwave_swvolume, #shockwave_swframe, #shockwave_swurl, #shockwave_swstretchvalign, #shockwave_swstretchhalign, #shockwave_swstretchstyle { width: 90px }
|
||||
#qt_qtsrc { width: 200px }
|
||||
@ -0,0 +1,14 @@
|
||||
html, body {height:98%}
|
||||
body {
|
||||
background-color: #FFFFFF;
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 10px;
|
||||
scrollbar-3dlight-color: #F0F0EE;
|
||||
scrollbar-arrow-color: #676662;
|
||||
scrollbar-base-color: #F0F0EE;
|
||||
scrollbar-darkshadow-color: #DDDDDD;
|
||||
scrollbar-face-color: #E0E0DD;
|
||||
scrollbar-highlight-color: #F0F0EE;
|
||||
scrollbar-shadow-color: #F0F0EE;
|
||||
scrollbar-track-color: #F5F5F5;
|
||||
}
|
||||
@ -0,0 +1,3 @@
|
||||
.sourceIframe {
|
||||
border: 1px solid #808080;
|
||||
}
|
||||
@ -0,0 +1,28 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<script language="javascript" src="../../tiny_mce_popup.js"></script>
|
||||
<script type="text/javascript" src="jscripts/embed.js"></script>
|
||||
<script type="text/javascript">
|
||||
tinyMCEPopup.onInit.add(function(ed) {
|
||||
var dom = tinyMCEPopup.dom;
|
||||
|
||||
// Load editor content_css
|
||||
tinymce.each(ed.settings.content_css.split(','), function(u) {
|
||||
dom.loadCSS(ed.documentBaseURI.toAbsolute(u));
|
||||
});
|
||||
|
||||
// Place contents inside div container
|
||||
dom.setHTML('content', ed.getContent());
|
||||
});
|
||||
</script>
|
||||
<title>Example of a custom preview page</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
Editor contents: <br />
|
||||
<div id="content">
|
||||
<!-- Gets filled with editor contents -->
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,6 @@
|
||||
.panel_wrapper {height:85px;}
|
||||
.panel_wrapper div.current {height:85px;}
|
||||
|
||||
/* IE */
|
||||
* html .panel_wrapper {height:100px;}
|
||||
* html .panel_wrapper div.current {height:100px;}
|
||||
@ -0,0 +1,13 @@
|
||||
#text_font {width:250px;}
|
||||
#text_size {width:70px;}
|
||||
.mceAddSelectValue {background:#DDD;}
|
||||
select, #block_text_indent, #box_width, #box_height, #box_padding_top, #box_padding_right, #box_padding_bottom, #box_padding_left {width:70px;}
|
||||
#box_margin_top, #box_margin_right, #box_margin_bottom, #box_margin_left, #positioning_width, #positioning_height, #positioning_zindex {width:70px;}
|
||||
#positioning_placement_top, #positioning_placement_right, #positioning_placement_bottom, #positioning_placement_left {width:70px;}
|
||||
#positioning_clip_top, #positioning_clip_right, #positioning_clip_bottom, #positioning_clip_left {width:70px;}
|
||||
.panel_wrapper div.current {padding-top:10px;height:230px;}
|
||||
.delim {border-left:1px solid gray;}
|
||||
.tdelim {border-bottom:1px solid gray;}
|
||||
#block_display {width:145px;}
|
||||
#list_type {width:115px;}
|
||||
.disabled {background:#EEE;}
|
||||
@ -0,0 +1,17 @@
|
||||
/* CSS file for cell dialog in the table plugin */
|
||||
|
||||
.panel_wrapper div.current {
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.advfield {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
#action {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
#class {
|
||||
width: 150px;
|
||||
}
|
||||
@ -0,0 +1,25 @@
|
||||
/* CSS file for row dialog in the table plugin */
|
||||
|
||||
.panel_wrapper div.current {
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.advfield {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
#action {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
#rowtype,#align,#valign,#class,#height {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
#height {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.col2 {
|
||||
padding-left: 20px;
|
||||
}
|
||||
@ -0,0 +1,13 @@
|
||||
/* CSS file for table dialog in the table plugin */
|
||||
|
||||
.panel_wrapper div.current {
|
||||
height: 245px;
|
||||
}
|
||||
|
||||
.advfield {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
#class {
|
||||
width: 150px;
|
||||
}
|
||||
@ -0,0 +1,32 @@
|
||||
body, td, pre {color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin:8px;}
|
||||
body {background:#FFF;}
|
||||
body.mceForceColors {background:#FFF; color:#000;}
|
||||
h1 {font-size: 2em}
|
||||
h2 {font-size: 1.5em}
|
||||
h3 {font-size: 1.17em}
|
||||
h4 {font-size: 1em}
|
||||
h5 {font-size: .83em}
|
||||
h6 {font-size: .75em}
|
||||
.mceItemTable, .mceItemTable td, .mceItemTable th, .mceItemTable caption, .mceItemVisualAid {border: 1px dashed #BBB;}
|
||||
a.mceItemAnchor {width:12px; line-height:6px; overflow:hidden; padding-left:12px; background:url(img/items.gif) no-repeat bottom left;}
|
||||
img.mceItemAnchor {width:12px; height:12px; background:url(img/items.gif) no-repeat;}
|
||||
img {border:0;}
|
||||
table {cursor:default}
|
||||
table td, table th {cursor:text}
|
||||
ins {border-bottom:1px solid green; text-decoration: none; color:green}
|
||||
del {color:red; text-decoration:line-through}
|
||||
cite {border-bottom:1px dashed blue}
|
||||
acronym {border-bottom:1px dotted #CCC; cursor:help}
|
||||
abbr, html\:abbr {border-bottom:1px dashed #CCC; cursor:help}
|
||||
|
||||
/* IE */
|
||||
* html body {
|
||||
scrollbar-3dlight-color:#F0F0EE;
|
||||
scrollbar-arrow-color:#676662;
|
||||
scrollbar-base-color:#F0F0EE;
|
||||
scrollbar-darkshadow-color:#DDD;
|
||||
scrollbar-face-color:#E0E0DD;
|
||||
scrollbar-highlight-color:#F0F0EE;
|
||||
scrollbar-shadow-color:#F0F0EE;
|
||||
scrollbar-track-color:#F5F5F5;
|
||||
}
|
||||
@ -0,0 +1,114 @@
|
||||
/* Generic */
|
||||
body {
|
||||
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
|
||||
scrollbar-3dlight-color:#F0F0EE;
|
||||
scrollbar-arrow-color:#676662;
|
||||
scrollbar-base-color:#F0F0EE;
|
||||
scrollbar-darkshadow-color:#DDDDDD;
|
||||
scrollbar-face-color:#E0E0DD;
|
||||
scrollbar-highlight-color:#F0F0EE;
|
||||
scrollbar-shadow-color:#F0F0EE;
|
||||
scrollbar-track-color:#F5F5F5;
|
||||
background:#F0F0EE;
|
||||
padding:0;
|
||||
margin:8px 8px 0 8px;
|
||||
}
|
||||
|
||||
html {background:#F0F0EE;}
|
||||
td {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
|
||||
textarea {resize:none;outline:none;}
|
||||
a:link, a:visited {color:black;}
|
||||
a:hover {color:#2B6FB6;}
|
||||
|
||||
/* Forms */
|
||||
fieldset {margin:0; padding:4px; border:1px solid #919B9C; font-family:Verdana, Arial; font-size:10px;}
|
||||
legend {color:#2B6FB6; font-weight:bold;}
|
||||
label.msg {display:none;}
|
||||
label.invalid {color:#EE0000; display:inline;}
|
||||
input.invalid {border:1px solid #EE0000;}
|
||||
input {background:#FFF; border:1px solid #CCC;}
|
||||
input, select, textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
|
||||
input, select, textarea {border:1px solid #808080;}
|
||||
input.radio {border:1px none #000000; background:transparent; vertical-align:middle;}
|
||||
input.checkbox {border:1px none #000000; background:transparent; vertical-align:middle;}
|
||||
.input_noborder {border:0;}
|
||||
|
||||
/* Buttons */
|
||||
#insert, #cancel, input.button, .updateButton {
|
||||
border:0; margin:0; padding:0;
|
||||
font-weight:bold;
|
||||
width:94px; height:26px;
|
||||
background:url(img/buttons.png) 0 -26px;
|
||||
cursor:pointer;
|
||||
padding-bottom:2px;
|
||||
}
|
||||
|
||||
#insert {background:url(img/buttons.png) 0 -52px;}
|
||||
#cancel {background:url(img/buttons.png) 0 0;}
|
||||
|
||||
/* Browse */
|
||||
a.browse span {display:block; width:20px; height:18px; background:url(../../img/icons.gif) -860px 0; border:1px solid #FFF; margin-left:1px;}
|
||||
.mceOldBoxModel a.browse span {width:22px; height:20px;}
|
||||
a.browse:hover span {border:1px solid #0A246A; background-color:#B2BBD0;}
|
||||
a.browse span.disabled {border:1px solid white; -moz-opacity:0.3; opacity:0.3; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);}
|
||||
a.browse:hover span.disabled {border:1px solid white; background-color:transparent;}
|
||||
a.pickcolor span {display:block; width:20px; height:16px; background:url(../../img/icons.gif) -840px 0; margin-left:2px;}
|
||||
.mceOldBoxModel a.pickcolor span {width:21px; height:17px;}
|
||||
a.pickcolor:hover span {background-color:#B2BBD0;}
|
||||
a.pickcolor:hover span.disabled {}
|
||||
|
||||
/* Charmap */
|
||||
table.charmap {border:1px solid #AAA; text-align:center}
|
||||
td.charmap, #charmap a {width:18px; height:18px; color:#000; border:1px solid #AAA; text-align:center; font-size:12px; vertical-align:middle; line-height: 18px;}
|
||||
#charmap a {display:block; color:#000; text-decoration:none; border:0}
|
||||
#charmap a:hover {background:#CCC;color:#2B6FB6}
|
||||
#charmap #codeN {font-size:10px; font-family:Arial,Helvetica,sans-serif; text-align:center}
|
||||
#charmap #codeV {font-size:40px; height:80px; border:1px solid #AAA; text-align:center}
|
||||
|
||||
/* Source */
|
||||
.wordWrapCode {vertical-align:middle; border:1px none #000000; background:transparent;}
|
||||
.mceActionPanel {margin-top:5px;}
|
||||
|
||||
/* Tabs classes */
|
||||
.tabs {width:100%; height:18px; line-height:normal; background:url(img/tabs.gif) repeat-x 0 -72px;}
|
||||
.tabs ul {margin:0; padding:0; list-style:none;}
|
||||
.tabs li {float:left; background:url(img/tabs.gif) no-repeat 0 0; margin:0 2px 0 0; padding:0 0 0 10px; line-height:17px; height:18px; display:block;}
|
||||
.tabs li.current {background:url(img/tabs.gif) no-repeat 0 -18px; margin-right:2px;}
|
||||
.tabs span {float:left; display:block; background:url(img/tabs.gif) no-repeat right -36px; padding:0px 10px 0 0;}
|
||||
.tabs .current span {background:url(img/tabs.gif) no-repeat right -54px;}
|
||||
.tabs a {text-decoration:none; font-family:Verdana, Arial; font-size:10px;}
|
||||
.tabs a:link, .tabs a:visited, .tabs a:hover {color:black;}
|
||||
|
||||
/* Panels */
|
||||
.panel_wrapper div.panel {display:none;}
|
||||
.panel_wrapper div.current {display:block; width:100%; height:300px; overflow:visible;}
|
||||
.panel_wrapper {border:1px solid #919B9C; border-top:0px; padding:10px; padding-top:5px; clear:both; background:white;}
|
||||
|
||||
/* Columns */
|
||||
.column {float:left;}
|
||||
.properties {width:100%;}
|
||||
.properties .column1 {}
|
||||
.properties .column2 {text-align:left;}
|
||||
|
||||
/* Titles */
|
||||
h1, h2, h3, h4 {color:#2B6FB6; margin:0; padding:0; padding-top:5px;}
|
||||
h3 {font-size:14px;}
|
||||
.title {font-size:12px; font-weight:bold; color:#2B6FB6;}
|
||||
|
||||
/* Dialog specific */
|
||||
#link .panel_wrapper, #link div.current {height:125px;}
|
||||
#image .panel_wrapper, #image div.current {height:200px;}
|
||||
#plugintable thead {font-weight:bold; background:#DDD;}
|
||||
#plugintable, #about #plugintable td {border:1px solid #919B9C;}
|
||||
#plugintable {width:96%; margin-top:10px;}
|
||||
#pluginscontainer {height:290px; overflow:auto;}
|
||||
#colorpicker #preview {float:right; width:50px; height:14px;line-height:1px; border:1px solid black; margin-left:5px;}
|
||||
#colorpicker #colors {float:left; border:1px solid gray; cursor:crosshair;}
|
||||
#colorpicker #light {border:1px solid gray; margin-left:5px; float:left;width:15px; height:150px; cursor:crosshair;}
|
||||
#colorpicker #light div {overflow:hidden;}
|
||||
#colorpicker #previewblock {float:right; padding-left:10px; height:20px;}
|
||||
#colorpicker .panel_wrapper div.current {height:175px;}
|
||||
#colorpicker #namedcolors {width:150px;}
|
||||
#colorpicker #namedcolors a {display:block; float:left; width:10px; height:10px; margin:1px 1px 0 0; overflow:hidden;}
|
||||
#colorpicker #colornamecontainer {margin-top:5px;}
|
||||
#colorpicker #picker_panel fieldset {margin:auto;width:325px;}
|
||||
@ -0,0 +1,215 @@
|
||||
/* Reset */
|
||||
.defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText {border:0; margin:0; padding:0; background:transparent; white-space:nowrap; text-decoration:none; font-weight:normal; cursor:default; color:#000; vertical-align:baseline; width:auto; border-collapse:separate; text-align:left}
|
||||
.defaultSkin a:hover, .defaultSkin a:link, .defaultSkin a:visited, .defaultSkin a:active {text-decoration:none; font-weight:normal; cursor:default; color:#000}
|
||||
.defaultSkin table td {vertical-align:middle}
|
||||
|
||||
/* Containers */
|
||||
.defaultSkin table {background:#F0F0EE}
|
||||
.defaultSkin iframe {display:block; background:#FFF}
|
||||
.defaultSkin .mceToolbar {height:26px}
|
||||
.defaultSkin .mceLeft {text-align:left}
|
||||
.defaultSkin .mceRight {text-align:right}
|
||||
|
||||
/* External */
|
||||
.defaultSkin .mceExternalToolbar {position:absolute; border:1px solid #CCC; border-bottom:0; display:none;}
|
||||
.defaultSkin .mceExternalToolbar td.mceToolbar {padding-right:13px;}
|
||||
.defaultSkin .mceExternalClose {position:absolute; top:3px; right:3px; width:7px; height:7px; background:url(../../img/icons.gif) -820px 0}
|
||||
|
||||
/* Layout */
|
||||
.defaultSkin table.mceLayout {border:0; border-left:1px solid #CCC; border-right:1px solid #CCC}
|
||||
.defaultSkin table.mceLayout tr.mceFirst td {border-top:1px solid #CCC}
|
||||
.defaultSkin table.mceLayout tr.mceLast td {border-bottom:1px solid #CCC}
|
||||
.defaultSkin table.mceToolbar, .defaultSkin tr.mceFirst .mceToolbar tr td, .defaultSkin tr.mceLast .mceToolbar tr td {border:0; margin:0; padding:0;}
|
||||
.defaultSkin td.mceToolbar {padding-top:1px; vertical-align:top}
|
||||
.defaultSkin .mceIframeContainer {border-top:1px solid #CCC; border-bottom:1px solid #CCC}
|
||||
.defaultSkin .mceStatusbar {font-family:'MS Sans Serif',sans-serif,Verdana,Arial; font-size:9pt; line-height:16px; overflow:visible; color:#000; display:block; height:20px}
|
||||
.defaultSkin .mceStatusbar div {float:left; margin:2px}
|
||||
.defaultSkin .mceStatusbar a.mceResize {display:block; float:right; background:url(../../img/icons.gif) -800px 0; width:20px; height:20px; cursor:se-resize}
|
||||
.defaultSkin .mceStatusbar a:hover {text-decoration:underline}
|
||||
.defaultSkin table.mceToolbar {margin-left:3px}
|
||||
.defaultSkin span.mceIcon, .defaultSkin img.mceIcon {display:block; width:20px; height:20px}
|
||||
.defaultSkin .mceIcon {background:url(../../img/icons.gif) no-repeat 20px 20px}
|
||||
.defaultSkin td.mceCenter {text-align:center;}
|
||||
.defaultSkin td.mceCenter table {margin:0 auto; text-align:left;}
|
||||
.defaultSkin td.mceRight table {margin:0 0 0 auto;}
|
||||
|
||||
/* Button */
|
||||
.defaultSkin .mceButton {display:block; border:1px solid #F0F0EE; width:20px; height:20px; margin-right:1px}
|
||||
.defaultSkin a.mceButtonEnabled:hover {border:1px solid #0A246A; background-color:#B2BBD0}
|
||||
.defaultSkin a.mceButtonActive, .defaultSkin a.mceButtonSelected {border:1px solid #0A246A; background-color:#C2CBE0}
|
||||
.defaultSkin .mceButtonDisabled .mceIcon {opacity:0.3; filter:alpha(opacity=30)}
|
||||
.defaultSkin .mceButtonLabeled {width:auto}
|
||||
.defaultSkin .mceButtonLabeled span.mceIcon {float:left}
|
||||
.defaultSkin span.mceButtonLabel {display:block; font-size:10px; padding:4px 6px 0 22px; font-family:Tahoma,Verdana,Arial,Helvetica}
|
||||
.defaultSkin .mceButtonDisabled .mceButtonLabel {color:#888}
|
||||
|
||||
/* Separator */
|
||||
.defaultSkin .mceSeparator {display:block; background:url(../../img/icons.gif) -180px 0; width:2px; height:20px; margin:2px 2px 0 4px}
|
||||
|
||||
/* ListBox */
|
||||
.defaultSkin .mceListBox {direction:ltr}
|
||||
.defaultSkin .mceListBox, .defaultSkin .mceListBox a {display:block}
|
||||
.defaultSkin .mceListBox .mceText {padding-left:4px; width:70px; text-align:left; border:1px solid #CCC; border-right:0; background:#FFF; font-family:Tahoma,Verdana,Arial,Helvetica; font-size:11px; height:20px; line-height:20px; overflow:hidden}
|
||||
.defaultSkin .mceListBox .mceOpen {width:9px; height:20px; background:url(../../img/icons.gif) -741px 0; margin-right:2px; border:1px solid #CCC;}
|
||||
.defaultSkin table.mceListBoxEnabled:hover .mceText, .defaultSkin .mceListBoxHover .mceText, .defaultSkin .mceListBoxSelected .mceText {border:1px solid #A2ABC0; border-right:0; background:#FFF}
|
||||
.defaultSkin table.mceListBoxEnabled:hover .mceOpen, .defaultSkin .mceListBoxHover .mceOpen, .defaultSkin .mceListBoxSelected .mceOpen {background-color:#FFF; border:1px solid #A2ABC0}
|
||||
.defaultSkin .mceListBoxDisabled a.mceText {color:gray; background-color:transparent;}
|
||||
.defaultSkin .mceListBoxMenu {overflow:auto; overflow-x:hidden}
|
||||
.defaultSkin .mceOldBoxModel .mceListBox .mceText {height:22px}
|
||||
.defaultSkin .mceOldBoxModel .mceListBox .mceOpen {width:11px; height:22px;}
|
||||
.defaultSkin select.mceNativeListBox {font-family:'MS Sans Serif',sans-serif,Verdana,Arial; font-size:7pt; background:#F0F0EE; border:1px solid gray; margin-right:2px;}
|
||||
|
||||
/* SplitButton */
|
||||
.defaultSkin .mceSplitButton {width:32px; height:20px; direction:ltr}
|
||||
.defaultSkin .mceSplitButton a, .defaultSkin .mceSplitButton span {height:20px; display:block}
|
||||
.defaultSkin .mceSplitButton a.mceAction {width:20px; border:1px solid #F0F0EE; border-right:0;}
|
||||
.defaultSkin .mceSplitButton span.mceAction {width:20px; background:url(../../img/icons.gif) 20px 20px;}
|
||||
.defaultSkin .mceSplitButton a.mceOpen {width:9px; border:1px solid #F0F0EE;}
|
||||
.defaultSkin .mceSplitButton span.mceOpen {width:9px; background:url(../../img/icons.gif) -741px 0;}
|
||||
.defaultSkin table.mceSplitButtonEnabled:hover a.mceAction, .defaultSkin .mceSplitButtonHover a.mceAction, .defaultSkin .mceSplitButtonSelected a.mceAction {border:1px solid #0A246A; border-right:0; background-color:#B2BBD0}
|
||||
.defaultSkin table.mceSplitButtonEnabled:hover a.mceOpen, .defaultSkin .mceSplitButtonHover a.mceOpen, .defaultSkin .mceSplitButtonSelected a.mceOpen {border:1px solid #0A246A;}
|
||||
.defaultSkin table.mceSplitButtonEnabled:hover span.mceOpen, .defaultSkin .mceSplitButtonHover span.mceOpen, .defaultSkin .mceSplitButtonSelected span.mceOpen {background-color:#B2BBD0}
|
||||
.defaultSkin .mceSplitButtonDisabled .mceAction, .defaultSkin .mceSplitButtonDisabled span.mceOpen {opacity:0.3; filter:alpha(opacity=30)}
|
||||
.defaultSkin .mceSplitButtonActive a.mceAction {border:1px solid #0A246A; background-color:#C2CBE0}
|
||||
.defaultSkin .mceSplitButtonActive a.mceOpen {border-left:0;}
|
||||
|
||||
/* ColorSplitButton */
|
||||
.defaultSkin div.mceColorSplitMenu table {background:#FFF; border:1px solid gray}
|
||||
.defaultSkin .mceColorSplitMenu td {padding:2px}
|
||||
.defaultSkin .mceColorSplitMenu a {display:block; width:9px; height:9px; overflow:hidden; border:1px solid #808080}
|
||||
.defaultSkin .mceColorSplitMenu td.mceMoreColors {padding:1px 3px 1px 1px}
|
||||
.defaultSkin .mceColorSplitMenu a.mceMoreColors {width:100%; height:auto; text-align:center; font-family:Tahoma,Verdana,Arial,Helvetica; font-size:11px; line-height:20px; border:1px solid #FFF}
|
||||
.defaultSkin .mceColorSplitMenu a.mceMoreColors:hover {border:1px solid #0A246A; background-color:#B6BDD2}
|
||||
.defaultSkin a.mceMoreColors:hover {border:1px solid #0A246A}
|
||||
.defaultSkin .mceColorPreview {margin-left:2px; width:16px; height:4px; overflow:hidden; background:#9a9b9a}
|
||||
.defaultSkin .mce_forecolor span.mceAction, .defaultSkin .mce_backcolor span.mceAction {overflow:hidden; height:16px}
|
||||
|
||||
/* Menu */
|
||||
.defaultSkin .mceMenu {position:absolute; left:0; top:0; z-index:1000; border:1px solid #D4D0C8}
|
||||
.defaultSkin .mceNoIcons span.mceIcon {width:0;}
|
||||
.defaultSkin .mceNoIcons a .mceText {padding-left:10px}
|
||||
.defaultSkin .mceMenu table {background:#FFF}
|
||||
.defaultSkin .mceMenu a, .defaultSkin .mceMenu span, .defaultSkin .mceMenu {display:block}
|
||||
.defaultSkin .mceMenu td {height:20px}
|
||||
.defaultSkin .mceMenu a {position:relative;padding:3px 0 4px 0}
|
||||
.defaultSkin .mceMenu .mceText {position:relative; display:block; font-family:Tahoma,Verdana,Arial,Helvetica; color:#000; cursor:default; margin:0; padding:0 25px 0 25px; display:block}
|
||||
.defaultSkin .mceMenu span.mceText, .defaultSkin .mceMenu .mcePreview {font-size:11px}
|
||||
.defaultSkin .mceMenu pre.mceText {font-family:Monospace}
|
||||
.defaultSkin .mceMenu .mceIcon {position:absolute; top:0; left:0; width:22px;}
|
||||
.defaultSkin .mceMenu .mceMenuItemEnabled a:hover, .defaultSkin .mceMenu .mceMenuItemActive {background-color:#dbecf3}
|
||||
.defaultSkin td.mceMenuItemSeparator {background:#DDD; height:1px}
|
||||
.defaultSkin .mceMenuItemTitle a {border:0; background:#EEE; border-bottom:1px solid #DDD}
|
||||
.defaultSkin .mceMenuItemTitle span.mceText {color:#000; font-weight:bold; padding-left:4px}
|
||||
.defaultSkin .mceMenuItemDisabled .mceText {color:#888}
|
||||
.defaultSkin .mceMenuItemSelected .mceIcon {background:url(img/menu_check.gif)}
|
||||
.defaultSkin .mceNoIcons .mceMenuItemSelected a {background:url(img/menu_arrow.gif) no-repeat -6px center}
|
||||
.defaultSkin .mceMenu span.mceMenuLine {display:none}
|
||||
.defaultSkin .mceMenuItemSub a {background:url(img/menu_arrow.gif) no-repeat top right;}
|
||||
|
||||
/* Progress,Resize */
|
||||
.defaultSkin .mceBlocker {position:absolute; left:0; top:0; z-index:1000; opacity:0.5; filter:alpha(opacity=50); background:#FFF}
|
||||
.defaultSkin .mceProgress {position:absolute; left:0; top:0; z-index:1001; background:url(img/progress.gif) no-repeat; width:32px; height:32px; margin:-16px 0 0 -16px}
|
||||
.defaultSkin .mcePlaceHolder {border:1px dotted gray}
|
||||
|
||||
/* Formats */
|
||||
.defaultSkin .mce_formatPreview a {font-size:10px}
|
||||
.defaultSkin .mce_p span.mceText {}
|
||||
.defaultSkin .mce_address span.mceText {font-style:italic}
|
||||
.defaultSkin .mce_pre span.mceText {font-family:monospace}
|
||||
.defaultSkin .mce_h1 span.mceText {font-weight:bolder; font-size: 2em}
|
||||
.defaultSkin .mce_h2 span.mceText {font-weight:bolder; font-size: 1.5em}
|
||||
.defaultSkin .mce_h3 span.mceText {font-weight:bolder; font-size: 1.17em}
|
||||
.defaultSkin .mce_h4 span.mceText {font-weight:bolder; font-size: 1em}
|
||||
.defaultSkin .mce_h5 span.mceText {font-weight:bolder; font-size: .83em}
|
||||
.defaultSkin .mce_h6 span.mceText {font-weight:bolder; font-size: .75em}
|
||||
|
||||
/* Theme */
|
||||
.defaultSkin span.mce_bold {background-position:0 0}
|
||||
.defaultSkin span.mce_italic {background-position:-60px 0}
|
||||
.defaultSkin span.mce_underline {background-position:-140px 0}
|
||||
.defaultSkin span.mce_strikethrough {background-position:-120px 0}
|
||||
.defaultSkin span.mce_undo {background-position:-160px 0}
|
||||
.defaultSkin span.mce_redo {background-position:-100px 0}
|
||||
.defaultSkin span.mce_cleanup {background-position:-40px 0}
|
||||
.defaultSkin span.mce_bullist {background-position:-20px 0}
|
||||
.defaultSkin span.mce_numlist {background-position:-80px 0}
|
||||
.defaultSkin span.mce_justifyleft {background-position:-460px 0}
|
||||
.defaultSkin span.mce_justifyright {background-position:-480px 0}
|
||||
.defaultSkin span.mce_justifycenter {background-position:-420px 0}
|
||||
.defaultSkin span.mce_justifyfull {background-position:-440px 0}
|
||||
.defaultSkin span.mce_anchor {background-position:-200px 0}
|
||||
.defaultSkin span.mce_indent {background-position:-400px 0}
|
||||
.defaultSkin span.mce_outdent {background-position:-540px 0}
|
||||
.defaultSkin span.mce_link {background-position:-500px 0}
|
||||
.defaultSkin span.mce_unlink {background-position:-640px 0}
|
||||
.defaultSkin span.mce_sub {background-position:-600px 0}
|
||||
.defaultSkin span.mce_sup {background-position:-620px 0}
|
||||
.defaultSkin span.mce_removeformat {background-position:-580px 0}
|
||||
.defaultSkin span.mce_newdocument {background-position:-520px 0}
|
||||
.defaultSkin span.mce_image {background-position:-380px 0}
|
||||
.defaultSkin span.mce_help {background-position:-340px 0}
|
||||
.defaultSkin span.mce_code {background-position:-260px 0}
|
||||
.defaultSkin span.mce_hr {background-position:-360px 0}
|
||||
.defaultSkin span.mce_visualaid {background-position:-660px 0}
|
||||
.defaultSkin span.mce_charmap {background-position:-240px 0}
|
||||
.defaultSkin span.mce_paste {background-position:-560px 0}
|
||||
.defaultSkin span.mce_copy {background-position:-700px 0}
|
||||
.defaultSkin span.mce_cut {background-position:-680px 0}
|
||||
.defaultSkin span.mce_blockquote {background-position:-220px 0}
|
||||
.defaultSkin .mce_forecolor span.mceAction {background-position:-720px 0}
|
||||
.defaultSkin .mce_backcolor span.mceAction {background-position:-760px 0}
|
||||
.defaultSkin span.mce_forecolorpicker {background-position:-720px 0}
|
||||
.defaultSkin span.mce_backcolorpicker {background-position:-760px 0}
|
||||
|
||||
/* Plugins */
|
||||
.defaultSkin span.mce_advhr {background-position:-0px -20px}
|
||||
.defaultSkin span.mce_ltr {background-position:-20px -20px}
|
||||
.defaultSkin span.mce_rtl {background-position:-40px -20px}
|
||||
.defaultSkin span.mce_emotions {background-position:-60px -20px}
|
||||
.defaultSkin span.mce_fullpage {background-position:-80px -20px}
|
||||
.defaultSkin span.mce_fullscreen {background-position:-100px -20px}
|
||||
.defaultSkin span.mce_iespell {background-position:-120px -20px}
|
||||
.defaultSkin span.mce_insertdate {background-position:-140px -20px}
|
||||
.defaultSkin span.mce_inserttime {background-position:-160px -20px}
|
||||
.defaultSkin span.mce_absolute {background-position:-180px -20px}
|
||||
.defaultSkin span.mce_backward {background-position:-200px -20px}
|
||||
.defaultSkin span.mce_forward {background-position:-220px -20px}
|
||||
.defaultSkin span.mce_insert_layer {background-position:-240px -20px}
|
||||
.defaultSkin span.mce_insertlayer {background-position:-260px -20px}
|
||||
.defaultSkin span.mce_movebackward {background-position:-280px -20px}
|
||||
.defaultSkin span.mce_moveforward {background-position:-300px -20px}
|
||||
.defaultSkin span.mce_media {background-position:-320px -20px}
|
||||
.defaultSkin span.mce_nonbreaking {background-position:-340px -20px}
|
||||
.defaultSkin span.mce_pastetext {background-position:-360px -20px}
|
||||
.defaultSkin span.mce_pasteword {background-position:-380px -20px}
|
||||
.defaultSkin span.mce_selectall {background-position:-400px -20px}
|
||||
.defaultSkin span.mce_preview {background-position:-420px -20px}
|
||||
.defaultSkin span.mce_print {background-position:-440px -20px}
|
||||
.defaultSkin span.mce_cancel {background-position:-460px -20px}
|
||||
.defaultSkin span.mce_save {background-position:-480px -20px}
|
||||
.defaultSkin span.mce_replace {background-position:-500px -20px}
|
||||
.defaultSkin span.mce_search {background-position:-520px -20px}
|
||||
.defaultSkin span.mce_styleprops {background-position:-560px -20px}
|
||||
.defaultSkin span.mce_table {background-position:-580px -20px}
|
||||
.defaultSkin span.mce_cell_props {background-position:-600px -20px}
|
||||
.defaultSkin span.mce_delete_table {background-position:-620px -20px}
|
||||
.defaultSkin span.mce_delete_col {background-position:-640px -20px}
|
||||
.defaultSkin span.mce_delete_row {background-position:-660px -20px}
|
||||
.defaultSkin span.mce_col_after {background-position:-680px -20px}
|
||||
.defaultSkin span.mce_col_before {background-position:-700px -20px}
|
||||
.defaultSkin span.mce_row_after {background-position:-720px -20px}
|
||||
.defaultSkin span.mce_row_before {background-position:-740px -20px}
|
||||
.defaultSkin span.mce_merge_cells {background-position:-760px -20px}
|
||||
.defaultSkin span.mce_table_props {background-position:-980px -20px}
|
||||
.defaultSkin span.mce_row_props {background-position:-780px -20px}
|
||||
.defaultSkin span.mce_split_cells {background-position:-800px -20px}
|
||||
.defaultSkin span.mce_template {background-position:-820px -20px}
|
||||
.defaultSkin span.mce_visualchars {background-position:-840px -20px}
|
||||
.defaultSkin span.mce_abbr {background-position:-860px -20px}
|
||||
.defaultSkin span.mce_acronym {background-position:-880px -20px}
|
||||
.defaultSkin span.mce_attribs {background-position:-900px -20px}
|
||||
.defaultSkin span.mce_cite {background-position:-920px -20px}
|
||||
.defaultSkin span.mce_del {background-position:-940px -20px}
|
||||
.defaultSkin span.mce_ins {background-position:-960px -20px}
|
||||
.defaultSkin span.mce_pagebreak {background-position:0 -40px}
|
||||
.defaultSkin .mce_spellchecker span.mceAction {background-position:-540px -20px}
|
||||
@ -0,0 +1,108 @@
|
||||
/**
|
||||
* jQuery lightBox plugin
|
||||
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
|
||||
* and adapted to me for use like a plugin from jQuery.
|
||||
* @name jquery-lightbox-0.5.css
|
||||
* @author Leandro Vieira Pinho - http://leandrovieira.com
|
||||
* @version 0.5
|
||||
* @date April 11, 2008
|
||||
* @category jQuery plugin
|
||||
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
|
||||
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
|
||||
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
|
||||
*/
|
||||
#jquery-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 90;
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
}
|
||||
#jquery-lightbox {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 100;
|
||||
text-align: center;
|
||||
line-height: 0;
|
||||
}
|
||||
#jquery-lightbox a img { border: none; }
|
||||
#lightbox-container-image-box {
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
width: 250px;
|
||||
height: 250px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
#lightbox-container-image { padding: 10px; }
|
||||
#lightbox-loading {
|
||||
position: absolute;
|
||||
top: 40%;
|
||||
left: 0%;
|
||||
height: 25%;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
line-height: 0;
|
||||
}
|
||||
#lightbox-nav {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
z-index: 10;
|
||||
}
|
||||
#lightbox-container-image-box > #lightbox-nav { left: 0; }
|
||||
#lightbox-nav a { outline: none;}
|
||||
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
|
||||
width: 49%;
|
||||
height: 100%;
|
||||
zoom: 1;
|
||||
display: block;
|
||||
}
|
||||
#lightbox-nav-btnPrev {
|
||||
left: 0;
|
||||
float: left;
|
||||
}
|
||||
#lightbox-nav-btnNext {
|
||||
right: 0;
|
||||
float: right;
|
||||
}
|
||||
#lightbox-container-image-data-box {
|
||||
font: 10px Verdana, Helvetica, sans-serif;
|
||||
background-color: #fff;
|
||||
margin: 0 auto;
|
||||
line-height: 1.4em;
|
||||
overflow: auto;
|
||||
width: 100%;
|
||||
padding: 0 10px 0;
|
||||
}
|
||||
#lightbox-container-image-data {
|
||||
padding: 0 10px;
|
||||
color: #666;
|
||||
}
|
||||
#lightbox-container-image-data #lightbox-image-details {
|
||||
width: 70%;
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
#lightbox-content-outer-frame {
|
||||
position:relative;
|
||||
}
|
||||
|
||||
#lightbox-content-frame {
|
||||
position:relative;
|
||||
}
|
||||
#lightbox-image-details-caption { font-weight: bold; }
|
||||
#lightbox-image-details-currentNumber {
|
||||
display: block;
|
||||
clear: left;
|
||||
padding-bottom: 1.0em;
|
||||
}
|
||||
#lightbox-secNav-btnClose {
|
||||
width: 66px;
|
||||
float: right;
|
||||
padding-bottom: 0.7em;
|
||||
}
|
||||
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