themes/stpatty/css/shamrock.css
changeset 1227 bdac73ed481e
parent 663 d0f74bcd21eb
equal deleted inserted replaced
1226:de56132c008d 1227:bdac73ed481e
     8  * Some ideas - most notably the hatching patterns and floating divs, were taken from Bittersweet <http://templates.arcsin.se/>
     8  * Some ideas - most notably the hatching patterns and floating divs, were taken from Bittersweet <http://templates.arcsin.se/>
     9  * No code or graphics were copied.
     9  * No code or graphics were copied.
    10  */
    10  */
    11  
    11  
    12 body {
    12 body {
    13   background-color: #101d14;
    13 	background-color: #101d14;
    14   /* color added in 1.0.2 to fix light text in dark desktop themes */
    14 	/* color added in 1.0.2 to fix light text in dark desktop themes */
    15   color: #202020;
    15 	color: #202020;
    16   background-image: url(../images/bghatching.gif);
    16 	background-image: url(../images/bghatching.gif);
    17 }
    17 }
    18 div#bg {
    18 div#bg {
    19   background-image: url(../images/bgfade.png);
    19 	background-image: url(../images/bgfade.png);
    20 }
    20 }
    21 div#rap {
    21 div#rap {
    22   background-image: url(../images/rap.png);
    22 	background-image: url(../images/rap.png);
    23 }
    23 }
    24 div#title {
    24 div#title {
    25   background-color: #6abd2b;
    25 	background-color: #6abd2b;
    26   border-bottom-color: #237000;
    26 	border-bottom-color: #237000;
    27   background-image: url(../images/header.gif);
    27 	background-image: url(../images/header.gif);
    28 }
    28 }
    29 /* Footer */
    29 /* Footer */
    30 div.footer {
    30 div.footer {
    31   background-image: url(../images/footer.gif);
    31 	background-image: url(../images/footer.gif);
    32   background-color: #6fba38;
    32 	background-color: #6fba38;
    33   color: #FFF;
    33 	color: #FFF;
    34 }
    34 }
    35 div.footer a {
    35 div.footer a {
    36   color: #B3FF78;
    36 	color: #B3FF78;
    37 }
    37 }
    38 
    38 
    39 /* Content area */
    39 /* Content area */
    40 div#maincontent h2 {
    40 div#maincontent h2 {
    41   color: #53a018;
    41 	color: #53a018;
    42 }
    42 }
    43 div#maincontent h2#pagetitle {
    43 div#maincontent h2#pagetitle {
    44   border-bottom: 1px solid #73c038;
    44 	border-bottom: 1px solid #73c038;
    45   color: #000000;
    45 	color: #000000;
    46 }
    46 }
    47 div#maincontent a:link, div#maincontent a:visited {
    47 div#maincontent a:link, div#maincontent a:visited {
    48   color: #237000;
    48 	color: #237000;
    49 }
    49 }
    50 div#maincontent a:hover {
    50 div#maincontent a:hover {
    51   color: #033000;
    51 	color: #033000;
    52   border-bottom: 1px dotted #033000;
    52 	border-bottom: 1px dotted #033000;
    53 }
    53 }
    54 div#maincontent a.wikilink-nonexistent {
    54 div#maincontent a.wikilink-nonexistent {
    55   color: #AA0000;
    55 	color: #AA0000;
    56 }
    56 }
    57 div#maincontent a.wikilink-nonexistent:hover {
    57 div#maincontent a.wikilink-nonexistent:hover {
    58   color: #BA2000;
    58 	color: #BA2000;
    59 }
    59 }
    60 /* Sidebar */
    60 /* Sidebar */
    61 div#sidebar h4, div.dbx-handle {
    61 div#sidebar h4, div.dbx-handle {
    62   color: #FFF;
    62 	color: #FFF;
    63   background-color: #104715;
    63 	background-color: #104715;
    64   border-bottom: 1px solid #93e058;
    64 	border-bottom: 1px solid #93e058;
    65 }
    65 }
    66 div#sidebar ul li a, div.dbx-content ul li a {
    66 div#sidebar ul li a, div.dbx-content ul li a {
    67   color: #000;
    67 	color: #000;
    68   background-color: #60A745;
    68 	background-color: #60A745;
    69   border-bottom: 1px solid #93e058;
    69 	border-bottom: 1px solid #93e058;
    70 }
    70 }
    71 div#sidebar ul li a:hover, div.dbx-content ul li a:hover {
    71 div#sidebar ul li a:hover, div.dbx-content ul li a:hover {
    72   background-color: #70B755;
    72 	background-color: #70B755;
    73 }
    73 }
    74 div#sidebar div, div.dbx-content2 {
    74 div#sidebar div, div.dbx-content2 {
    75   background-color: #60A745;
    75 	background-color: #60A745;
    76   border-bottom: 1px solid #93e058;
    76 	border-bottom: 1px solid #93e058;
    77 }
    77 }
    78 div#sidebar div ul a {
    78 div#sidebar div ul a {
    79   color: #134000;
    79 	color: #134000;
    80 }
    80 }
    81 div#sidebar div ul a:hover {
    81 div#sidebar div ul a:hover {
    82   color: #033000;
    82 	color: #033000;
    83   border-bottom: 1px dotted #033000;
    83 	border-bottom: 1px dotted #033000;
    84 }
    84 }
    85 div#maincontent div.dbx-box a {
    85 div#maincontent div.dbx-box a {
    86   color: #000000;
    86 	color: #000000;
    87 }
    87 }
    88 
    88 
    89 /*
    89 /*
    90  * jBox menu system
    90  * jBox menu system
    91  */
    91  */
    92 
    92 
    93 div.menu, div.menu_nojs {
    93 div.menu, div.menu_nojs {
    94   background-color: #93e058;
    94 	background-color: #93e058;
    95 }
    95 }
    96 div.menu a, div.menu_nojs a, div.menu div.label, div.menu_nojs div.label {
    96 div.menu a, div.menu_nojs a, div.menu div.label, div.menu_nojs div.label {
    97   color: #235000;
    97 	color: #235000;
    98 }
    98 }
    99 div.menu div.label, div.menu_nojs div.label {
    99 div.menu div.label, div.menu_nojs div.label {
   100   color: #002010;
   100 	color: #002010;
   101 }
   101 }
   102 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 {
   102 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 {
   103   color: #235000;
   103 	color: #235000;
   104   background-color: #A3F068;
   104 	background-color: #A3F068;
   105 }
   105 }
   106 div.menu input[type ^="text"], div.menu_nojs input[type ^="text"], div.menu input[type ^="password"], div.menu_nojs input[type ^="password"] {
   106 div.menu input[type ^="text"], div.menu_nojs input[type ^="text"], div.menu input[type ^="password"], div.menu_nojs input[type ^="password"] {
   107   background-color: #A3F068;
   107 	background-color: #A3F068;
   108 }
   108 }
   109 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 {
   109 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 {
   110   background-color: #AAF870;
   110 	background-color: #AAF870;
   111 }
   111 }
   112 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 {
   112 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 {
   113   background-color: #B3FF78;
   113 	background-color: #B3FF78;
   114 }
   114 }
   115 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 {
   115 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 {
   116   color: #000040;
   116 	color: #000040;
   117   background-color: #f4fff7;
   117 	background-color: #f4fff7;
   118 }
   118 }
   119 div.menu ul, div.menu_nojs ul {
   119 div.menu ul, div.menu_nojs ul {
   120   background-color: #93e058;
   120 	background-color: #93e058;
   121 }
   121 }
   122 
   122 
   123 /* Other Enano-related stuff */
   123 /* Other Enano-related stuff */
   124 
   124 
   125 /* Tables */
   125 /* Tables */
   172  * Docking Boxes code (for the sidebar editor)
   172  * Docking Boxes code (for the sidebar editor)
   173  */
   173  */
   174  
   174  
   175 /* group container(s) */
   175 /* group container(s) */
   176 #sbedit {
   176 #sbedit {
   177   margin: 0;
   177 	margin: 0;
   178   padding: 0;
   178 	padding: 0;
   179   /* position:relative; /* additional outer containers must also have position:relative */
   179 	/* position:relative; /* additional outer containers must also have position:relative */
   180 }
   180 }
   181 /* keyboard navigation tooltip */
   181 /* keyboard navigation tooltip */
   182 .dbx-tooltip {
   182 .dbx-tooltip {
   183   display:block;
   183 	display:block;
   184   position:absolute;
   184 	position:absolute;
   185   margin:36px 0 0 125px;
   185 	margin:36px 0 0 125px;
   186   width:185px;
   186 	width:185px;
   187   border:1px solid #000;
   187 	border:1px solid #000;
   188   background:#ffd;
   188 	background:#ffd;
   189   color:#000;
   189 	color:#000;
   190   font:normal normal normal 0.85em tahoma, arial, sans-serif;
   190 	font:normal normal normal 0.85em tahoma, arial, sans-serif;
   191   padding:2px 4px 3px 5px;
   191 	padding:2px 4px 3px 5px;
   192   text-align:left;
   192 	text-align:left;
   193   }
   193 	}
   194 * html .dbx-tooltip { width:195px; }
   194 * html .dbx-tooltip { width:195px; }
   195 
   195 
   196 /* use CSS2 system colors in CSS2 browsers 
   196 /* use CSS2 system colors in CSS2 browsers 
   197    but not safari, which doesn't support them */
   197  	but not safari, which doesn't support them */
   198 *[class="dbx-tooltip"]:lang(en) {
   198 *[class="dbx-tooltip"]:lang(en) {
   199   border-color:InfoText;
   199 	border-color:InfoText;
   200   background:InfoBackground;
   200 	background:InfoBackground;
   201   color:InfoText;
   201 	color:InfoText;
   202   font:small-caption;
   202 	font:small-caption;
   203   font-weight:normal;
   203 	font-weight:normal;
   204   }
   204 	}
   205 /* additional clone styles */
   205 /* additional clone styles */
   206 .dbx-clone {
   206 .dbx-clone {
   207   opacity: 0.8;
   207 	opacity: 0.8;
   208 }
   208 }
   209 .dbx-content ul {
   209 .dbx-content ul {
   210   margin: 0; padding: 0;
   210 	margin: 0; padding: 0;
   211   list-style: none;
   211 	list-style: none;
   212 }
   212 }
   213 .dbx-content li a, .dbx-content li a:hover {
   213 .dbx-content li a, .dbx-content li a:hover {
   214   text-decoration: none;
   214 	text-decoration: none;
   215 }
   215 }
   216 .dbx-content2 {
   216 .dbx-content2 {
   217   margin: 0px 1px 0px 1px;
   217 	margin: 0px 1px 0px 1px;
   218 }
   218 }
   219 
   219 
   220 /* inputs */
   220 /* inputs */
   221 input {
   221 input {
   222 	color: #555;
   222 	color: #555;
   223 	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
   223 	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
   224 }
   224 }
   225 
   225 
   226 input, select, textarea {
   226 input, select, textarea {
   227   background-color: #539018;
   227 	background-color: #539018;
   228   color: #FFF;
   228 	color: #FFF;
   229   padding: 2px;
   229 	padding: 2px;
   230   border: 1px solid #EEE;
   230 	border: 1px solid #EEE;
   231 }
   231 }
   232 
   232 
   233 input:hover {
   233 input:hover {
   234   background-color: #73b038;
   234 	background-color: #73b038;
   235 }
   235 }
   236 
   236 
   237 input:active, input:focus {
   237 input:active, input:focus {
   238   background-color: #83c048;
   238 	background-color: #83c048;
   239 }
   239 }
   240 
   240