themes/oxygen/css-simple/bleu.css
author Dan
Fri, 05 Oct 2007 01:57:00 -0400
changeset 161 e1a22031b5bd
parent 0 902822492a68
child 222 acfdccf7a2bf
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.

/*
 * Oxygen, but slightly more lightweight - used on minimalist pages
 */
 
/* Basic definitions */
 
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  background-image: url(../images/bleu/bg.png);
  font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
  font-size: 9pt;
}

/* Dummy cells and backgrounds */

/* table#enano-main td                { margin: 0; padding: 0; } */
table#enano-main td#head-up-left   { width: 12px; height: 12px; background-image: url(../images/bleu/border-tl.gif);                          }
table#enano-main td#head-up        {              height: 12px; background-image: url(../images/bleu/border-top.gif);                         }
table#enano-main td#head-up-right  { width: 12px; height: 12px; background-image: url(../images/bleu/border-tr.gif);                          }
table#enano-main td#head-left      { width: 12px;               background-image: url(../images/bleu/border-l.gif);     padding-bottom: 12px; }
table#enano-main td#head-main      {                            background-color: #90B0D0;                                                    }
table#enano-main td#head-right     { width: 12px;               background-image: url(../images/bleu/border-r.gif);                           }
table#enano-main td#toolbar-left   { width: 12px;               background-image: url(../images/bleu/border-tb-l.gif);                        }
table#enano-main td#toolbar-right  { width: 12px;               background-image: url(../images/bleu/border-tb-r.gif);                        }
table#enano-main td#main-left      { width: 12px;               background-image: url(../images/bleu/border-m-l.gif);                         }
table#enano-main td#main-main      {                            background-color: #FFFFFF;                                                    }
table#enano-main td#main-right     { width: 12px;               background-image: url(../images/bleu/border-m-r.gif);                         }
table#enano-main td#foot-left      { width: 12px;               background-image: url(../images/bleu/border-btm-l.gif);                       }
table#enano-main td#foot-main      {                            background-color: #E8E8E8;                              padding-top: 12px;    }
table#enano-main td#foot-right     { width: 12px;               background-image: url(../images/bleu/border-btm-r.gif);                       }
table#enano-main td#foot-btm-left  { width: 12px; height: 12px; background-image: url(../images/bleu/border-bl.gif);                          }
table#enano-main td#foot-btm       {              height: 12px; background-image: url(../images/bleu/border-btm.gif);                         }
table#enano-main td#foot-btm-right { width: 12px; height: 12px; background-image: url(../images/bleu/border-br.gif);                          }

/* Sidebar */

td.mdgSidebarHolder                { width: 156px; }
div.sidebar, .dbx-group            { width: 154px; background-color: #F8F8F8; border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding: 1px 0px 0px 0px; }
div.sidebar .head, .dbx-handle     { background-color: #F0F0F0;  display: block; margin: 0px 1px 1px 1px; font-family: Trebuchet MS, Arial, helvetica, sans-serif; font-size: 7pt; cursor: pointer; text-decoration: none; color: #111; padding: 5px; font-weight: bold; }
div.sidebar .head:hover, .dbx-handle:hover    { background-color: #F4F4F4;  display: block; margin: 0px 1px 1px 1px; font-family: Trebuchet MS, Arial, helvetica, sans-serif; font-size: 7pt; cursor: pointer; text-decoration: none; color: #111; padding: 5px; font-weight: bold; }
div.sidebar div.slideblock a, .dbx-content li { background-color: #DDD;     display: block; margin: 0px 1px 1px 1px; font-family: Trebuchet MS, Arial, helvetica, sans-serif; font-size: 7pt; cursor: pointer; text-decoration: none; color: #666; padding: 5px 5px 5px 9px; list-style-type: none; }
div.sidebar div.slideblock a:hover, .dbx-content li:hover { background-color: #EEE;     display: block; margin: 0px 1px 1px 1px; font-family: Trebuchet MS, Arial, helvetica, sans-serif; font-size: 7pt; cursor: pointer; text-decoration: none; color: #666; padding: 5px 5px 5px 9px; }
div.recttop                        { width: 156px; height: 12px; margin: 0; padding: 0; }
td.recttoptop                      { width: 100%;  height: 12px; background-image: url(../images/bleu/border-menu-t.gif);   background-repeat: repeat-x;  margin: 0; padding: 0; }
td.recttoptop:hover                { width: 100%;  height: 12px; background-image: url(../images/bleu/border-menu-t-h.gif); background-repeat: repeat-x;  margin: 0; padding: 0; cursor: pointer; }
div.rectbot                        { width: 156px; height: 12px; margin: 0; padding: 0; }  
td.rectbottop                      { width: 100%;  height: 12px; background-image: url(../images/bleu/border-btm.gif); background-repeat: repeat-x;  margin: 0; padding: 0; }
div.slideblock, .dbx-content       { overflow: hidden; background-color: #FFF; }
div.slideblock2                    { overflow: hidden; background-color: #DDD; margin: 0px 1px 0px 1px; }
.dbx-handle                        { cursor: move !important; }

/*
 * 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 browsersbut 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;}.dbx-content li a, .dbx-content li a:hover {text-decoration: none; color: #666;}.dbx-content2 {background-color: #DDD; margin: 0px 1px 0px 1px;}/* toolbar */div.toolbar {border-bottom: 1px solid #909090;background-color: #D0D0D0;padding: 2px 0;height: 22px;font-family: arial, sans-serif;font-size: 8pt;}div.toolbar ul {margin: 0;padding: 0;}div.toolbar ul li {list-style: none;margin: 0;float: left;}div.toolbar a img {opacity: 0.6;/*filter: alpha(opacity=60);*/}div.toolbar a:hover img {opacity: 1;/*filter: alpha(opacity=100);*/}div.toolbar a {display: block;padding: 2px;border: 1px solid transparent;cursor: default;width: auto;color: #000000;margin: 0 2px;max-height: 16px;text-decoration: none;}div.toolbar a:hover {border: 1px solid #202090;background-color: #ceceed;color: #000000;text-decoration: none;}div.toolbar a:active {border: 1px solid #A0A0A0;background-color: #E0E0E0;}div.toolbar img {margin: 0;padding: 0;display: inline;border-width: 0px;}div.toolbar a span {position: relative;top: -4px;}div.toolbar li span {padding-left: 2px;padding-right: 5px;}/* vertical toolbar */div.toolbar_vert {border: 1px solid #909090;background-color: #D0D0D0;padding: 2px 0;}div.toolbar_vert ul {margin: 0;padding: 0;}div.toolbar_vert ul li {list-style: none;margin: 0;}div.toolbar_vert a img {opacity: 0.6;/*filter: alpha(opacity=60);*/}div.toolbar_vert a:hover img {opacity: 1;/*filter: alpha(opacity=100);*/}div.toolbar_vert a {display: block;padding: 2px;border: 1px solid transparent;cursor: default;width: auto;color: #000000;margin: 0 2px;max-height: 16px;text-decoration: none;}div.toolbar_vert a:hover {border: 1px solid #202090;background-color: #ceceed;color: #000000;text-decoration: none;}div.toolbar_vert a:active {border: 1px solid #A0A0A0;background-color: #E0E0E0;}div.toolbar_vert img {margin: 0;padding: 0;display: inline;border-width: 0px;}div.toolbar_vert a span {position: relative;top: -4px;}div.toolbar_vert li span {padding-left: 2px;padding-right: 5px;}

/* Header */

table#enano-main td#head-main {
  text-align: center;
}

table#enano-main td#head-main h1 {
  font-size: 14pt;
}

/* The "page tools" bar below the site logo but above the page content */
div.pagebar                       { background-color: #B0D0F0; margin-top: 0px; padding: 3px; font-size: 7pt; }
div.pagebar a                     { cursor: pointer; padding: 3px; margin-left: 3px; margin-right: 3px; text-decoration: none; color: #406080; }
div.pagebar a.selected            { background-color: #FFFFFF; color: #000040; font-weight: bold; }
div.pagebar a:hover               { cursor: pointer; padding: 3px; margin-left: 3px; margin-right: 3px; text-decoration: none; color: #406080; background-color: #D0F0FF; }
div.pagebar input                 { font-family: Bon Apetit, sans-serif; font-size: 7pt; border: 0; margin: 0px 0px 0px 0px; text-decoration: none; color: #406080; background-color: #E0F0FF; } 
div.pagebar input:hover           { font-family: Bon Apetit, sans-serif; font-size: 7pt; border: 0; margin: 0px 0px 0px 0px; text-decoration: none; color: #406080; background-color: #D0F0FF; }
div.pagebar input:focus           { font-family: Bon Apetit, sans-serif; font-size: 7pt; border: 0; margin: 0px 0px 0px 0px; text-decoration: none; color: #406080; background-color: #F0F0FF; }

/* Tweaks for the popup menu version of the same thing */
div.pagebar#pagebarpopup                             { display: none; position: absolute; width: 150px; padding: 0; overflow: hidden; }
div.pagebar#pagebarpopup a, div#pagebarpopup2 a      { display: block; margin: 0; }

/* Content area */
table#enano-main td#main-main {
  padding: 10px 0;
}

/* Text, headings, and links inside the main div (usually #ajaxEditContainer but used some other places as well) * /
table#enano-main td#main-main h2                  { border-bottom: 1px solid #90B0D0; margin-bottom: 0; }
table#enano-main td#main-main h3                  { font-size: 11pt; font-weight: bold; }
table#enano-main td#main-main li                  { list-style: url(../images/bullet.gif); }
table#enano-main td#main-main blockquote          { background-color: #F4F4F4; border: 1px dotted #406080; margin: 1em; padding: 10px; max-height: 250px; overflow: auto; }
table#enano-main td#main-main a                   { color: #7090B0; }
table#enano-main td#main-main a:hover             { color: #90B0D0; }
table#enano-main td#main-main a[href ^="http://"]        { color: #80A0C0; background: url(../images/bleu/external.gif) center right no-repeat; padding-right: 16px; }
table#enano-main td#main-main a[href ^="https://"]       { color: #80A0C0; background: url(../images/bleu/https.gif)    center right no-repeat; padding-right: 16px; }
table#enano-main td#main-main a[href ^="mailto:"]        { color: #80A0C0; background: url(../images/bleu/email.gif)    center right no-repeat; padding-right: 16px; }
table#enano-main td#main-main a[href ^="irc://"]         { color: #80A0C0; background: url(../images/bleu/irc.gif)      center right no-repeat; padding-right: 16px; }
table#enano-main td#main-main a[href ^="http://"]:hover  { color: #A0C0E0; background: url(../images/bleu/external.gif) center right no-repeat; padding-right: 16px; }
table#enano-main td#main-main a[href ^="https://"]:hover { color: #A0C0E0; background: url(../images/bleu/https.gif)    center right no-repeat; padding-right: 16px; }
table#enano-main td#main-main a[href ^="mailto:"]:hover  { color: #A0C0E0; background: url(../images/bleu/email.gif)    center right no-repeat; padding-right: 16px; }
table#enano-main td#main-main a[href ^="irc://"]:hover   { color: #A0C0E0; background: url(../images/bleu/irc.gif)      center right no-repeat; padding-right: 16px; }

/* Footer */

table#enano-main td#foot-main {
  color: #AAA;
  font-size: 7pt;
}

/* Styled boxes */

.mdg-comment, .mdg-infobox        { margin-left: 1em; padding: 7px; border: 1px solid #AAAAAA; background-color: #E8E8E8; }

/* 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: #7080A0; font-weight: bold; text-align: center; color: #FFFFFF; }
div.tblholder th.subhead          { padding: 4px; background-color: #90A0B0; font-weight: bold; text-align: center; color: #FFFFFF; }
div.tblholder table               { background-color: #FFFFFF; width: 100%; }

/* Buttons and textboxes - these settings are used almost everywhere */

input, textarea, select                   { border: 1px solid #406080; background-color: #F2F2F2; padding: 3px; font-family: arial, helvetica, sans-serif; font-size: 9pt; }
input:hover, textarea:hover, select:hover { border: 1px solid #6080A0; background-color: #F8F8F8; padding: 3px; }
input:focus, textarea:focus, select:focus { border: 1px solid #90B0D0; background-color: #FFFFFF; padding: 3px; }
label                                     { padding: 3px; cursor: pointer; }
label:hover                               { padding: 3px; cursor: pointer; background-color: #F0F0F0; }
input#pageheading                         { font-size: 14pt; border-bottom: 1px solid #90B0D0; margin-bottom: 0; }