owls
annotate Owls.css.php @ 3:92a8978e68c5
code beautifying in nav; redesign of banner
author | Meillo r e t u r n s <meillo@marmaro.de> |
---|---|
date | Thu, 07 Dec 2006 22:08:17 +0100 |
parents | 3021ce32ee14 |
children | 3cacc24e1774 |
rev | line source |
---|---|
meillo@0 | 1 <?php |
meillo@0 | 2 header('Content-Type: text/css; charset=utf8'); |
meillo@0 | 3 |
meillo@0 | 4 // Caching verhindern |
meillo@0 | 5 header('Expires: Thu, 05 Apr 1984 04:47:00 GMT'); |
meillo@0 | 6 header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT'); |
meillo@0 | 7 header('Cache-Control: no-store'); |
meillo@0 | 8 header('Pragma: no-cache'); |
meillo@0 | 9 echo('/* Anti-Caching: '.microtime()." */\r\n"); |
meillo@0 | 10 |
meillo@0 | 11 |
meillo@0 | 12 // colors |
meillo@2 | 13 $cProject = '#ff8040'; // #96c |
meillo@0 | 14 |
meillo@0 | 15 $cBackgroundGlobal = '#666'; |
meillo@0 | 16 //$cBackgroundContent = '#666'; //eee |
meillo@0 | 17 |
meillo@0 | 18 $cBorderGlobal = '#000'; |
meillo@0 | 19 |
meillo@0 | 20 $cTextH1 = '#aaa'; |
meillo@0 | 21 |
meillo@0 | 22 $cLinkHover = $cProject; |
meillo@0 | 23 |
meillo@0 | 24 $cNav = '#333'; |
meillo@0 | 25 |
meillo@0 | 26 |
meillo@0 | 27 $mContentMinHeight = '22em'; |
meillo@0 | 28 |
meillo@0 | 29 $mNavWidth = '12em'; |
meillo@0 | 30 |
meillo@0 | 31 |
meillo@0 | 32 ?> |
meillo@0 | 33 |
meillo@0 | 34 |
meillo@0 | 35 |
meillo@0 | 36 /*#### Standard ############################################################*/ |
meillo@0 | 37 body { |
meillo@0 | 38 font-family: sans-serif; |
meillo@0 | 39 margin: 30px 0; |
meillo@0 | 40 text-align: center; |
meillo@0 | 41 background-color: <?php echo $cBackgroundGlobal ?>; |
meillo@0 | 42 } |
meillo@0 | 43 |
meillo@0 | 44 |
meillo@0 | 45 #websiteContainer { |
meillo@0 | 46 width: 760px; |
meillo@0 | 47 margin: 0 auto; |
meillo@0 | 48 text-align: left; |
meillo@0 | 49 } |
meillo@0 | 50 |
meillo@0 | 51 #banner { |
meillo@0 | 52 display: block; |
meillo@0 | 53 border: 1px solid <?php echo $cBorderGlobal ?>; |
meillo@0 | 54 } |
meillo@0 | 55 |
meillo@0 | 56 |
meillo@0 | 57 #content { |
meillo@0 | 58 margin-left: <?php echo $mNavWidth; ?>; |
meillo@0 | 59 padding: 1em; |
meillo@0 | 60 } |
meillo@0 | 61 |
meillo@0 | 62 |
meillo@0 | 63 #edit input, |
meillo@0 | 64 #edit select, |
meillo@0 | 65 #edit textarea { |
meillo@0 | 66 font-family: sans-serif; |
meillo@0 | 67 font-size: 0.8em; |
meillo@0 | 68 } |
meillo@0 | 69 |
meillo@0 | 70 |
meillo@0 | 71 p { |
meillo@0 | 72 text-align: justify; |
meillo@0 | 73 } |
meillo@0 | 74 |
meillo@0 | 75 |
meillo@0 | 76 a { |
meillo@0 | 77 text-decoration: underline; |
meillo@0 | 78 } |
meillo@0 | 79 a:link { |
meillo@0 | 80 color: #000; |
meillo@0 | 81 } |
meillo@0 | 82 a:visited { |
meillo@0 | 83 color: #aaa; |
meillo@0 | 84 } |
meillo@0 | 85 a:active, |
meillo@0 | 86 a:hover { |
meillo@0 | 87 color: <?php echo $cLinkHover; ?>; |
meillo@0 | 88 } |
meillo@0 | 89 |
meillo@0 | 90 |
meillo@0 | 91 img { |
meillo@0 | 92 border: none; |
meillo@0 | 93 } |
meillo@0 | 94 |
meillo@0 | 95 .small { |
meillo@0 | 96 font-size: 0.8em; |
meillo@0 | 97 } |
meillo@0 | 98 |
meillo@0 | 99 |
meillo@0 | 100 |
meillo@0 | 101 |
meillo@0 | 102 |
meillo@0 | 103 |
meillo@0 | 104 |
meillo@0 | 105 |
meillo@0 | 106 |
meillo@0 | 107 #nav { |
meillo@0 | 108 float: left; |
meillo@0 | 109 width: <?php echo $mNavWidth; ?>; |
meillo@0 | 110 padding: 0.5em 2em 1em 0.5em; |
meillo@0 | 111 margin: 2.5em 0 1em 0; |
meillo@0 | 112 font-size: 0.8em; |
meillo@0 | 113 } |
meillo@0 | 114 |
meillo@0 | 115 #nav ul { |
meillo@0 | 116 padding-left: 1em; |
meillo@0 | 117 /* border: 1px solid #060; */ |
meillo@0 | 118 } |
meillo@0 | 119 |
meillo@0 | 120 #nav li { |
meillo@0 | 121 padding: 1px; |
meillo@0 | 122 margin: 0; |
meillo@0 | 123 /* border: 1px solid #006; */ |
meillo@0 | 124 } |
meillo@0 | 125 |
meillo@0 | 126 #nav a { |
meillo@0 | 127 text-decoration: none; |
meillo@0 | 128 color: <?php echo $cTextH1; ?>; |
meillo@0 | 129 } |
meillo@0 | 130 #nav a:link, |
meillo@0 | 131 #nav a:visited { |
meillo@0 | 132 text-decoration: none; |
meillo@0 | 133 } |
meillo@0 | 134 #nav a:active, |
meillo@0 | 135 #nav a:hover { |
meillo@0 | 136 color: <?php echo $cLinkHover; ?>; |
meillo@0 | 137 text-decoration: none; |
meillo@0 | 138 } |
meillo@0 | 139 |
meillo@0 | 140 #selected:link, |
meillo@0 | 141 #selected:visited { |
meillo@0 | 142 color: <?php echo $cBorderGlobal; ?>; |
meillo@0 | 143 } |
meillo@0 | 144 #nav #selected:hover { |
meillo@0 | 145 color: <?php echo $cLinkHover; ?>; |
meillo@0 | 146 } |
meillo@0 | 147 |
meillo@0 | 148 |
meillo@2 | 149 li#orphans, |
meillo@2 | 150 li#broken { |
meillo@0 | 151 margin-top: 2em; |
meillo@0 | 152 font-style: italic; |
meillo@0 | 153 color: #aaa; |
meillo@0 | 154 } |
meillo@0 | 155 |
meillo@2 | 156 |
meillo@0 | 157 li#login { |
meillo@0 | 158 margin-top: 3em; |
meillo@0 | 159 } |
meillo@0 | 160 #login input { |
meillo@0 | 161 background-color: transparent; |
meillo@0 | 162 border: none; |
meillo@0 | 163 border-left: #555 1px solid; |
meillo@0 | 164 display: block; |
meillo@0 | 165 font-size: 0.8em; |
meillo@0 | 166 margin-bottom: 2px; |
meillo@0 | 167 padding-left: 4px; |
meillo@0 | 168 } |
meillo@0 | 169 |
meillo@0 | 170 |
meillo@0 | 171 |
meillo@0 | 172 |
meillo@0 | 173 .ctrl { |
meillo@0 | 174 text-align: right; |
meillo@0 | 175 font-size: 0.8em; |
meillo@0 | 176 } |
meillo@0 | 177 .ctrl a { |
meillo@0 | 178 margin-left: 1em; |
meillo@0 | 179 color: #eee; |
meillo@0 | 180 } |
meillo@0 | 181 |
meillo@0 | 182 |
meillo@0 | 183 |
meillo@0 | 184 |
meillo@0 | 185 |
meillo@0 | 186 |
meillo@0 | 187 |
meillo@0 | 188 |
meillo@0 | 189 /*#### BBCode ##############################################################*/ |
meillo@0 | 190 |
meillo@0 | 191 .quote1 { |
meillo@0 | 192 border:1px solid #c0c0c0; |
meillo@0 | 193 margin:5px; |
meillo@0 | 194 padding:5px; |
meillo@0 | 195 } |
meillo@0 | 196 .quote2 { |
meillo@0 | 197 border:1px solid #c0c0c0; |
meillo@0 | 198 margin:5px; |
meillo@0 | 199 margin-bottom:0px; |
meillo@0 | 200 padding:5px; |
meillo@0 | 201 } |
meillo@0 | 202 .quote0 { |
meillo@0 | 203 color: #000; |
meillo@0 | 204 font-size: 0.8em; |
meillo@0 | 205 } |
meillo@0 | 206 |
meillo@0 | 207 ul { |
meillo@0 | 208 list-style: none; |
meillo@0 | 209 margin-left: 0; |
meillo@0 | 210 padding-left: 1em; |
meillo@0 | 211 } |
meillo@0 | 212 li { |
meillo@0 | 213 margin-left: 1em; |
meillo@0 | 214 padding-left: 0; |
meillo@0 | 215 /*list-style-image: url(Pics/Bullet.gif);*/ |
meillo@0 | 216 } |
meillo@0 | 217 |