owls

annotate Owls.css.php @ 12:682b4a24469c

find changesets by author, revision, files, or words in the commit message
optimized layout of ctrl bar
author meillo@marmaro.de
date Sun, 27 May 2007 02:28:20 +0200
parents 144bc36a6c27
children
rev   line source
meillo@0 1 <?php
meillo@4 2 /*########################################################
meillo@4 3 ###### to modify the look of owls, edit below ######
meillo@4 4 ########################################################*/
meillo@4 5
meillo@4 6
meillo@4 7 /*
meillo@4 8 color setup
meillo@4 9 use color values according to http://www.w3.org/TR/CSS21/syndata.html#color-units
meillo@4 10 you can assign the set variables too
meillo@4 11 */
meillo@4 12
meillo@4 13 $c_Text = '#000';
meillo@4 14 $c_Background = '#999';
meillo@4 15
meillo@4 16 $c_Border = $c_Text;
meillo@4 17
meillo@4 18 $c_Link = $c_Text;
meillo@6 19 $c_LinkHover = '#ff8040';
meillo@4 20 $c_LinkVisited = '#666';
meillo@4 21
meillo@4 22 $c_Nav = $c_Link;
meillo@4 23 $c_NavHover = $c_LinkHover;
meillo@4 24 $c_NavSelected = '#eee';
meillo@4 25
meillo@10 26 $c_Login = $c_LinkVisited;
meillo@6 27 $c_Admin = '#ffff80';
meillo@4 28
meillo@4 29
meillo@4 30 /*
meillo@4 31 width of the menu area
meillo@4 32 the unit 'em' is relative to the font-size
meillo@4 33 see: http://www.w3.org/TR/CSS21/syndata.html#length-units
meillo@4 34 */
meillo@4 35
meillo@4 36 $m_NavWidth = '10em';
meillo@4 37
meillo@4 38
meillo@4 39 /*########################################################
meillo@4 40 ############# noobs, stop editing here #############
meillo@4 41 ########################################################*/
meillo@4 42
meillo@4 43
meillo@4 44
meillo@4 45
meillo@4 46
meillo@4 47
meillo@0 48 header('Content-Type: text/css; charset=utf8');
meillo@0 49
meillo@4 50 // avoid caching TODO: think about removing, cause it's just for dev
meillo@0 51 header('Expires: Thu, 05 Apr 1984 04:47:00 GMT');
meillo@0 52 header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT');
meillo@0 53 header('Cache-Control: no-store');
meillo@0 54 header('Pragma: no-cache');
meillo@0 55 echo('/* Anti-Caching: '.microtime()." */\r\n");
meillo@0 56
meillo@0 57 ?>
meillo@0 58
meillo@0 59
meillo@0 60
meillo@0 61 body {
meillo@0 62 font-family: sans-serif;
meillo@0 63 margin: 30px 0;
meillo@0 64 text-align: center;
meillo@4 65 color: <?php echo $c_Text; ?>;
meillo@4 66 background-color: <?php echo $c_Background; ?>;
meillo@0 67 }
meillo@0 68
meillo@0 69
meillo@0 70 #websiteContainer {
meillo@0 71 width: 760px;
meillo@0 72 margin: 0 auto;
meillo@4 73 text-align: justify;
meillo@0 74 }
meillo@0 75
meillo@0 76 #banner {
meillo@0 77 display: block;
meillo@4 78 margin: 0 auto;
meillo@0 79 }
meillo@0 80
meillo@0 81 #content {
meillo@12 82 position: relative;
meillo@4 83 margin-left: <?php echo $m_NavWidth; ?>;
meillo@0 84 padding: 1em;
meillo@0 85 }
meillo@0 86
meillo@0 87
meillo@4 88
meillo@4 89 /* uhhh?? is this not needed anymore? are there no borders drawn by default?
meillo@4 90 img {
meillo@4 91 border: none;
meillo@0 92 }
meillo@4 93 */
meillo@0 94
meillo@0 95
meillo@0 96
meillo@0 97
meillo@4 98
meillo@4 99
meillo@4 100 /* links */
meillo@0 101 a:link {
meillo@4 102 color: <?php echo $c_Link; ?>;
meillo@0 103 }
meillo@0 104 a:visited {
meillo@4 105 color: <?php echo $c_LinkVisited;?>;
meillo@0 106 }
meillo@0 107 a:active,
meillo@0 108 a:hover {
meillo@4 109 color: <?php echo $c_LinkHover; ?>;
meillo@0 110 }
meillo@0 111
meillo@0 112
meillo@0 113
meillo@0 114
meillo@0 115
meillo@0 116
meillo@4 117 /* nav */
meillo@0 118 #nav {
meillo@4 119 list-style: none;
meillo@0 120 float: left;
meillo@4 121 width: <?php echo $m_NavWidth; ?>;
meillo@0 122 padding: 0.5em 2em 1em 0.5em;
meillo@0 123 margin: 2.5em 0 1em 0;
meillo@0 124 font-size: 0.8em;
meillo@0 125 }
meillo@0 126
meillo@0 127 #nav ul {
meillo@4 128 list-style: none;
meillo@4 129 margin-left: 0;
meillo@0 130 padding-left: 1em;
meillo@0 131 /* border: 1px solid #060; */
meillo@0 132 }
meillo@0 133 #nav li {
meillo@0 134 padding: 1px;
meillo@0 135 margin: 0;
meillo@0 136 /* border: 1px solid #006; */
meillo@0 137 }
meillo@0 138
meillo@0 139 #nav a {
meillo@4 140 display: block;
meillo@0 141 text-decoration: none;
meillo@4 142 color: <?php echo $c_Nav; ?>;
meillo@0 143 }
meillo@0 144 #nav a:link,
meillo@0 145 #nav a:visited {
meillo@0 146 text-decoration: none;
meillo@0 147 }
meillo@0 148 #nav a:active,
meillo@0 149 #nav a:hover {
meillo@4 150 color: <?php echo $c_NavHover; ?>;
meillo@0 151 text-decoration: none;
meillo@0 152 }
meillo@0 153
meillo@0 154 #selected:link,
meillo@0 155 #selected:visited {
meillo@4 156 color: <?php echo $c_NavSelected; ?>;
meillo@0 157 }
meillo@0 158 #nav #selected:hover {
meillo@4 159 color: <?php echo $c_NavHover; ?>;
meillo@0 160 }
meillo@0 161
meillo@0 162
meillo@4 163
meillo@4 164
meillo@4 165 /* orphans and broken */
meillo@2 166 li#orphans,
meillo@2 167 li#broken {
meillo@4 168 margin-top: 3em;
meillo@0 169 font-style: italic;
meillo@4 170 color: <?php echo $c_Admin; ?>;
meillo@0 171 }
meillo@0 172
meillo@2 173
meillo@4 174
meillo@4 175
meillo@4 176 /* login */
meillo@10 177 #loginform input {
meillo@0 178 background-color: transparent;
meillo@0 179 border: none;
meillo@10 180 border-bottom: <?php echo $c_Login; ?> 1px solid; /* TODO: think about other color */
meillo@0 181 font-size: 0.8em;
meillo@10 182 width: 8em;
meillo@0 183 }
meillo@0 184
meillo@0 185
meillo@0 186
meillo@0 187
meillo@4 188
meillo@4 189
meillo@4 190 /* admin controls */
meillo@0 191 .ctrl {
meillo@12 192 position: absolute;
meillo@12 193 right: 0;
meillo@0 194 text-align: right;
meillo@0 195 font-size: 0.8em;
meillo@10 196 color: <?php echo $c_Login; ?>;
meillo@0 197 }
meillo@4 198 .ctrl a,
meillo@4 199 .ctrl a:visited,
meillo@4 200 .ctrl a:hover {
meillo@0 201 margin-left: 1em;
meillo@4 202 color: <?php echo $c_Admin; ?>;
meillo@0 203 }
meillo@0 204
meillo@0 205
meillo@0 206
meillo@0 207
meillo@0 208
meillo@0 209
meillo@4 210 /* edit form */
meillo@4 211 #edit {
meillo@4 212 margin-top: 1.5em;
meillo@0 213 }
meillo@4 214 #edit input,
meillo@4 215 #edit select,
meillo@4 216 #edit textarea {
meillo@4 217 font-family: sans-serif;
meillo@0 218 font-size: 0.8em;
meillo@4 219 border: <?php echo $c_Border; ?> 1px solid;
meillo@0 220 }
meillo@0 221