owls

annotate owls.css.php @ 18:98983ba58e2e

find changesets by author, revision, files, or words in the commit message
Added tag owls-2.0 for changeset 081ba8764994
author markus schnalke <meillo@marmaro.de>
date Sat, 23 Jul 2016 21:39:40 +0200
parents cebc198276eb
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@17 13 $c_Text = '#ccc';
meillo@17 14 $c_Background = '#333';
meillo@4 15
meillo@4 16 $c_Border = $c_Text;
meillo@4 17
meillo@4 18 $c_Link = $c_Text;
meillo@17 19 $c_LinkHover = '#6af'; // 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@17 24 $c_NavSelected = '#06f';
meillo@4 25
meillo@17 26 $c_Login = '#000';
meillo@17 27 $c_Admin = '#ffff80'; //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@17 40 ################# 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@17 79 border: none;
meillo@0 80 }
meillo@0 81
meillo@0 82 #content {
meillo@12 83 position: relative;
meillo@4 84 margin-left: <?php echo $m_NavWidth; ?>;
meillo@0 85 padding: 1em;
meillo@0 86 }
meillo@0 87
meillo@0 88
meillo@4 89
meillo@4 90
meillo@4 91
meillo@4 92 /* links */
meillo@0 93 a:link {
meillo@4 94 color: <?php echo $c_Link; ?>;
meillo@0 95 }
meillo@0 96 a:visited {
meillo@4 97 color: <?php echo $c_LinkVisited;?>;
meillo@0 98 }
meillo@0 99 a:active,
meillo@0 100 a:hover {
meillo@4 101 color: <?php echo $c_LinkHover; ?>;
meillo@0 102 }
meillo@0 103
meillo@0 104
meillo@0 105
meillo@0 106
meillo@0 107
meillo@0 108
meillo@4 109 /* nav */
meillo@0 110 #nav {
meillo@4 111 list-style: none;
meillo@0 112 float: left;
meillo@4 113 width: <?php echo $m_NavWidth; ?>;
meillo@0 114 padding: 0.5em 2em 1em 0.5em;
meillo@0 115 margin: 2.5em 0 1em 0;
meillo@0 116 font-size: 0.8em;
meillo@0 117 }
meillo@0 118
meillo@0 119 #nav ul {
meillo@4 120 list-style: none;
meillo@4 121 margin-left: 0;
meillo@0 122 padding-left: 1em;
meillo@0 123 }
meillo@0 124 #nav li {
meillo@0 125 padding: 1px;
meillo@0 126 margin: 0;
meillo@0 127 }
meillo@0 128
meillo@0 129 #nav a {
meillo@4 130 display: block;
meillo@0 131 text-decoration: none;
meillo@4 132 color: <?php echo $c_Nav; ?>;
meillo@0 133 }
meillo@0 134 #nav a:link,
meillo@0 135 #nav a:visited {
meillo@0 136 text-decoration: none;
meillo@0 137 }
meillo@0 138 #nav a:active,
meillo@0 139 #nav a:hover {
meillo@4 140 color: <?php echo $c_NavHover; ?>;
meillo@0 141 text-decoration: none;
meillo@0 142 }
meillo@0 143
meillo@0 144 #selected:link,
meillo@0 145 #selected:visited {
meillo@4 146 color: <?php echo $c_NavSelected; ?>;
meillo@0 147 }
meillo@0 148 #nav #selected:hover {
meillo@4 149 color: <?php echo $c_NavHover; ?>;
meillo@0 150 }
meillo@0 151
meillo@0 152
meillo@4 153
meillo@4 154
meillo@4 155 /* orphans and broken */
meillo@2 156 li#orphans,
meillo@2 157 li#broken {
meillo@4 158 margin-top: 3em;
meillo@0 159 font-style: italic;
meillo@4 160 color: <?php echo $c_Admin; ?>;
meillo@0 161 }
meillo@0 162
meillo@2 163
meillo@4 164
meillo@4 165
meillo@4 166 /* login */
meillo@10 167 #loginform input {
meillo@0 168 background-color: transparent;
meillo@17 169 border: <?php echo $c_Login; ?> 1px solid;
meillo@0 170 font-size: 0.8em;
meillo@10 171 width: 8em;
meillo@0 172 }
meillo@0 173
meillo@0 174
meillo@0 175
meillo@0 176
meillo@4 177
meillo@4 178
meillo@4 179 /* admin controls */
meillo@0 180 .ctrl {
meillo@12 181 position: absolute;
meillo@12 182 right: 0;
meillo@0 183 text-align: right;
meillo@0 184 font-size: 0.8em;
meillo@10 185 color: <?php echo $c_Login; ?>;
meillo@0 186 }
meillo@4 187 .ctrl a,
meillo@4 188 .ctrl a:visited,
meillo@4 189 .ctrl a:hover {
meillo@0 190 margin-left: 1em;
meillo@4 191 color: <?php echo $c_Admin; ?>;
meillo@0 192 }
meillo@0 193
meillo@0 194
meillo@0 195
meillo@0 196
meillo@0 197
meillo@0 198
meillo@4 199 /* edit form */
meillo@4 200 #edit {
meillo@4 201 margin-top: 1.5em;
meillo@0 202 }
meillo@4 203 #edit input,
meillo@4 204 #edit select,
meillo@4 205 #edit textarea {
meillo@4 206 font-family: sans-serif;
meillo@0 207 font-size: 0.8em;
meillo@4 208 border: <?php echo $c_Border; ?> 1px solid;
meillo@0 209 }
meillo@0 210