themes/stpatty/css/shamrock.css
author Dan
Fri, 05 Oct 2007 01:57:00 -0400
changeset 161 e1a22031b5bd
parent 160 bed9d04fa144
permissions -rw-r--r--
Major revamps to the template parser. Fixed a few security holes that could allow PHP to be injected in untimely places in TPL code. Improved Ux for XSS attempt in tplWikiFormat. Documented many functions. Backported much cleaner parser from 2.0 branch. Beautified a lot of code in the depths of the template class. Pretty much a small-scale Extreme Makeover.

/*
 * St. Patty theme for Enano
 * Copyright (C) 2007 Dan Fuhry
 *
 * This theme is Free Software, available under the terms of the GNU General Public License. See the file "GPL" included with this
 * package for details.
 *
 * Some ideas - most notably the hatching patterns and floating divs, were taken from Bittersweet <http://templates.arcsin.se/>
 * No code or graphics were copied.
 */
 
html,body {
  margin: 0;
  padding: 0;
  height: 100%;
}
body {
  background-color: #101d14;
  /* color added in 1.0.2 to fix light text in dark desktop themes */
  color: #202020;
  background-image: url(../images/bghatching.gif);
  background-repeat: repeat;
  font-family: "Lucida Sans Unicode", sans-serif;
  font-size: 75%;
}
div#bg {
  min-height: 500px;
  width: 100%;
  background-image: url(../images/bgfade.png);
  background-repeat: repeat-x;
}
div#rap {
  width: 760px;
  padding: 0 10px;
  margin: 0 auto;
  background-image: url(../images/rap.png);
}
div#title {
  margin: 0px;
  padding: 0px;
  background-color: #6abd2b;
  background-image: url(../images/header.gif);
  background-repeat: repeat-x;
  border-bottom: 1px solid #237000;
  vertical-align: middle;
}
div#title h1 {
  margin: 0px 10px 10px 10px;
  padding-top: 30px;
  text-align: left;
}
div#title h2 {
  margin: 0px 10px 0px 10px;
  padding-bottom: 40px;
  text-align: left;
}
div#title img#clover {
  float: right;
  margin-right: 10px;
  margin-top: 10px;
  
  display: none;
}
div.straightaway {
  clear: both;
}
/* Footer */
div.footer {
  min-height: 40px;
  padding: 10px;
  background-image: url(../images/footer.gif);
  background-repeat: repeat-x;
  background-color: #6fba38;
  color: #FFF;
}
div.footer a {
  color: #B3FF78;
}

/* Content area */
div#maincontent {
  padding: 10px;
  padding-right: 150px;
  clear: left;
}
img#ajaxloadicon {
  margin-top: 10px;
}
div#maincontent h2 {
  color: #53a018;
  margin: 10px 0;
  padding: 0;
  font-size: 16pt;
}
div#maincontent p {
  margin-left: 1em;
}
div#maincontent h2#pagetitle {
  margin: 0;
  border-bottom: 1px solid #73c038;
  font-size: 18pt;
  color: #000000;
}
div#maincontent a:link, div#maincontent a:visited {
  color: #237000;
  text-decoration: none;
}
div#maincontent a:hover {
  color: #033000;
  border-bottom: 1px dotted #033000;
}
div#maincontent a.wikilink-nonexistent {
  color: #AA0000;
}
div#maincontent a.wikilink-nonexistent:hover {
  color: #BA2000;
}
div#maincontent ul {
  list-style: square;
}
/* Sidebar */
div#sidebar, div.dbx-box {
  float: right;
  clear: right;
  width: 135px;
}
div#sidebar h4, div.dbx-handle {
  margin: 0;
  padding: 0 5px;
  line-height: 25px;
  color: #FFF;
  background-color: #104715;
  border-bottom: 1px solid #93e058;
  font-weight: normal;
  text-align: right;
  text-transform: lowercase;
}
div.dbx-handle {
  text-align: left;
  cursor: move;
}
div#sidebar ul, .dbx-content ul {
  margin: 0;
  padding: 0;
  list-style: none !important;
}
div#sidebar ul li, div.dbx-content ul li {
  padding: 0;
}
div#sidebar ul li a, div.dbx-content ul li a {
  line-height: 25px;
  padding: 0 7px;
  text-decoration: none;
  color: #000;
  background-color: #60A745;
  display: block;
  border-bottom: 1px solid #93e058;
}
div#sidebar ul li a:hover, div.dbx-content ul li a:hover {
  background-color: #70B755;
}
div#sidebar div, div.dbx-content2 {
  background-color: #60A745;
  border-bottom: 1px solid #93e058;
  width: 135px;
 /* padding: 3px; */
}
div#sidebar div ul {
  margin-left: 2em;
  list-style: square;
}
div#sidebar div ul a {
  background-color: transparent;
  display: inline;
  border-bottom-width: 0px;
  padding: 0;
  color: #134000;
}
div#sidebar div ul a:hover {
  background-color: transparent;
  display: inline;
  color: #033000;
  border-bottom: 1px dotted #033000;
}
div#maincontent div.dbx-box a {
  color: #000000;
}
div#sidebar div div {
  background: transparent;
  border-bottom-width: 0;
  padding: 0;
}
/* Page toolbar */
/*
div.pagetools {
  background-color: #93e058;
  line-height: 20px;
  font-size: 75%;
  padding: 0 5px;
}
div.pagetools a {
  text-decoration: none;
  padding: 3px;
  color: #235000;
}
div.pagetools a:hover {
  background-color: #A3F068;
  height: 20px;
}
div.pagetools a.selected {
  font-weight: bold;
  background-color: #f4fff7;
}
div.pagetools#pagebarpopup {
  display: none;
  position: absolute;
  width: 150px;
  padding: 0;
  overflow: hidden;
}
div.pagetools#pagebarpopup a {
  display: block;
}
*/

/*
 * jBox menu system
 */

div.menu, div.menu_nojs {
  background-color: #93e058;
  font-size: 7pt;
  border-width: 0;
}
div.menu a, div.menu_nojs a, div.menu div.label, div.menu_nojs div.label {
  padding: 2.5pt 5px;
  margin-right: 3px;
  text-decoration: none;
  display: block;
  float: left;
  color: #235000;
  border-bottom-width: 0 !important;
}
div.menu div.label, div.menu_nojs div.label {
  color: #002010;
  cursor: default;
}
div.menu span.sep, div.menu_nojs span.sep {
  display: block;
  float: left;
  width: 5px;
}
div.menu div.multopts, div.menu_nojs div.multopts {
  line-height: 17pt;
}
div.menu div.multopts a, div.menu_nojs div.multopts a, div.menu div.multopts div.label, div.menu_nojs div.multopts div.label {
  float: none;
  display: inline;
}
div.menu a.liteselected, div.menu_nojs a.liteselected, div.menu a.liteselected:hover, div.menu_nojs a.liteselected:hover, div.menu a:hover, div.menu_nojs a:hover {
  color: #235000;
  background-color: #A3F068;
}
div.menu input[type ^="text"], div.menu_nojs input[type ^="text"], div.menu input[type ^="password"], div.menu_nojs input[type ^="password"] {
  border-width: 0;
  font-size: 9pt;
  padding: 4px 5px;
  max-width: 70px;
  background-color: #A3F068;
}
div.menu input[type ^="text"]:hover, div.menu_nojs input[type ^="text"]:hover, div.menu input[type ^="password"]:hover, div.menu_nojs input[type ^="password"]:hover {
  background-color: #AAF870;
}
div.menu input[type ^="text"]:focus, div.menu_nojs input[type ^="text"]:focus, div.menu input[type ^="password"]:focus, div.menu_nojs input[type ^="password"]:focus {
  background-color: #B3FF78;
}
div.menu input[type ^="button"], div.menu_nojs input[type ^="button"], div.menu input[type ^="submit"], div.menu_nojs input[type ^="submit"] {
  border-width: 0;
  font-size: 9pt;
  padding: 3px 5px;
  max-width: 70px;
}
div.menu a.current, div.menu_nojs a.current, div.menu a.current:hover, div.menu_nojs a.current:hover, div.menu a.selected, div.menu_nojs a.selected, div.menu a.selected:hover, div.menu_nojs a.selected:hover {
  color: #000040;
  background-color: #f4fff7;
  font-weight: bold;
}
div.menu ul, div.menu_nojs ul {
  display: none;
  position: absolute;
  padding: 0;
  margin: 0;
  background-color: #93e058;
  border-width: 0;
  min-width: 120px;
}
/*
div.menu_nojs ul {
  display: block !important;
}
*/
div.menu ul li, div.menu_nojs ul li {
  list-style: none;
}
div.menu ul a, div.menu_nojs ul a {
  float: none;
  margin: 0;
}
span.menuclear {
  font-size: 1px;
  height: 0px;
  width: 0px;
  clear: left;
  line-height: 0px;
  display: block;
}

/* Other Enano-related stuff */

/* Tables */
.tblholder                        { margin: 10px 0 0 0; padding: 0; border: 1px solid #AAAAAA; background-color: #E8E8E8; }
div.tblholder td.row1             { padding: 4px; background-color: #E0E0E0; }
div.tblholder td.row2             { padding: 4px; background-color: #F0F0F0; }
div.tblholder td.row3             { padding: 4px; background-color: #E8E8E8; }
div.tblholder th                  { padding: 4px; background-color: #73c038; font-weight: bold; text-align: center; color: #FFFFFF; }
div.tblholder th.subhead          { padding: 4px; background-color: #93e058; font-weight: bold; text-align: center; color: #FFFFFF; }
div.tblholder table               { background-color: #FFFFFF; width: 100%; }

/* JWS window theming */
div.jswindow                      { border: 2px solid #7090B0; border-top: 5px solid #7090B0; padding: 0px; font-family: Trebuchet MS, tahoma, verdana, arial, sans-serif; font-size: 9pt; display: none; position: absolute; background-color: #FFFFFF; }
div.titlebar                      { background-color: #7090B0; color: #FFFFFF; font-family: Trebuchet MS, tahoma, verdana, arial, sans-serif; font-size: 9pt; padding-bottom: 4px; cursor: default; }
div.titlebar div.closebtn         { width: 16px; height: 16px; border: 1px solid #B0D0F0; background-color: #90B0D0; display: block; }
div.titlebar div.closebtn:hover   { width: 16px; height: 16px; border: 1px solid #FFFFFF; background-color: #B0D0F0; display: block; }
div.titlebar table, div.titlebar td { margin: 0; padding: 0; }
div.jswindow div.content          { padding: 10px; margin: 0; background-color: #FFFFFF; }

/* The Wordpress-like fills behind checkboxes and their labels */
.catCheck                         { padding: 3px; }
.catCheck:hover                   { padding: 3px; background-color: #F0F0F0; }

/* Information, warning, question, error, and wait boxes */
div.error-box                     { background-image: url(../../../images/error.png);    background-repeat: no-repeat; background-color: #FFF4F4; border: 1px dashed #406080; padding: 10px 10px 10px 50px; margin: 1em 0 0 1em; min-height: 25px; }
div.info-box                      { background-image: url(../../../images/info.png);     background-repeat: no-repeat; background-color: #F4F4FF; border: 1px dashed #406080; padding: 10px 10px 10px 50px; margin: 1em 0 0 1em; min-height: 25px; }
div.warning-box                   { background-image: url(../../../images/warning.png);  background-repeat: no-repeat; background-color: #FFFFF4; border: 1px dashed #406080; padding: 10px 10px 10px 50px; margin: 1em 0 0 1em; min-height: 25px; }
div.question-box                  { background-image: url(../../../images/question.png); background-repeat: no-repeat; background-color: #F4FFF4; border: 1px dashed #406080; padding: 10px 10px 10px 50px; margin: 1em 0 0 1em; min-height: 25px; }
div.wait-box                      { background-image: url(../../../images/wait.png);     background-repeat: no-repeat; background-color: #FFF4FF; border: 1px dashed #406080; padding: 10px 10px 10px 50px; margin: 1em 0 0 1em; min-height: 25px; }

/* Tables where diffs are shown */
table.diff, td.diff-otitle, td.diff-ntitle { background-color: white; }
td.diff-addedline { background: #cfc; font-size: smaller; }
td.diff-deletedline { background: #ffa; font-size: smaller; }
td.diff-context { background: #eee; font-size: smaller; }
span.diffchange { color: red; font-weight: bold; }

/* Bordered boxes */
blockquote, .mdg-comment, .mdg-infobox {
	background: #FFF;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #333;
	display: block;
	margin-bottom: 1.2em;
	padding: 6px 12px;
}

/*
 * Docking Boxes code (for the sidebar editor)
 */
 
/* group container(s) */
#sbedit {
  margin: 0;
  padding: 0;
  /* position:relative; /* additional outer containers must also have position:relative */
}
/* keyboard navigation tooltip */
.dbx-tooltip {
  display:block;
  position:absolute;
  margin:36px 0 0 125px;
  width:185px;
  border:1px solid #000;
  background:#ffd;
  color:#000;
  font:normal normal normal 0.85em tahoma, arial, sans-serif;
  padding:2px 4px 3px 5px;
  text-align:left;
  }
* html .dbx-tooltip { width:195px; }

/* use CSS2 system colors in CSS2 browsers 
   but not safari, which doesn't support them */
*[class="dbx-tooltip"]:lang(en) {
  border-color:InfoText;
  background:InfoBackground;
  color:InfoText;
  font:small-caption;
  font-weight:normal;
  }
/* additional clone styles */
.dbx-clone {
  opacity: 0.8;
}
.dbx-content ul {
  margin: 0; padding: 0;
  list-style: none;
}
.dbx-content li a, .dbx-content li a:hover {
  text-decoration: none;
}
.dbx-content2 {
  margin: 0px 1px 0px 1px;
}

/* inputs */
input {
	color: #555;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}

input, select, textarea {
  background-color: #539018;
  color: #FFF;
  padding: 2px;
  border: 1px solid #EEE;
}

input:hover {
  background-color: #73b038;
}

input:active, input:focus {
  background-color: #83c048;
}