1/* All the additional CSS rules needed for this template 2Make all your changes here, and not in the original Starter template files 3 */ 4 5/* MIXINS and PARAMS */ 6 7@left-fillet: 5px 0 0 0; 8@right-fillet: 0 5px 0 0; 9@toc_fontsize: 85%; 10@aside-border: #CFDBEC; 11@title-font: Calibri; 12 13 14.box-shadow() { 15 box-shadow: 5px 5px 7px #888; 16 -moz-box-shadow: 5px 5px 7px #888; 17 -webkit-box-shadow: 5px 5px 7px #888; 18} 19 20.border-radius(@rad) { 21 border-radius: @rad; 22 -webkit-border-radius: @rad; 23 -moz-border-radius: @rad; 24 -o-border-radius: @rad; 25 -ms-border-radius: @rad; 26 -khtml-border-radius: @rad; 27} 28 29 30// ******************************** 31 32 33/* JS footnote popup */ 34div.insitu-footnote { 35 .border-radius(5px); 36 .box-shadow(); 37 font-size: 90%; 38 padding: 0.3em 0.6em 0.4em; 39} 40 41 42.dokuwiki { 43 /* _edit.css --- HIGHLIGHTING */ 44 .secedit input.button { 45 margin: 4px 0 2px 0; 46 } 47 /* _footnotes.css --- FOOTNOTES */ 48 /* link to footnote inside the text */ 49 sup a.fn_top { 50 font-size: 0.7em; 51 margin: 0 0.18em; 52 } 53 54 div.footnotes { 55 font-size: 75%; 56 } 57 58 /* _toc.css --- TOC */ 59 div.tocheader { 60 color: @ini_text_neu; 61 .border-radius(5px); 62 } 63 64 #toc__inside { 65 font-size: @toc-fontsize; 66 padding: .2em .5em .5em; 67 .border-radius(5px); 68 } 69} 70 71/* basic.css */ 72body { 73 font-family: "Segoe UI"; 74} 75 76h1, h2, h3, h4, h5, h6, caption, legend { 77 font-family: @title-font; 78} 79 80textarea.edit { 81 font-family: Consolas; 82} 83 84input[type=submit], input[type=text], input.button, button, #dokuwiki__header form.search #qsearch__in, .dokuwiki form.search div.ajax_qsearch { 85 border: 1px solid @ini_border; 86 line-height: normal; 87 .border-radius(3px); 88} 89 90input[type=submit] { 91 padding-bottom: 1px; 92} 93 94input[type=text] { 95 padding: 2px 5px; 96} 97 98 99/* content.css --- TABLES */ 100.dokuwiki table.inline th, .dokuwiki table.inline td { 101 border: 1px solid @ini_border; 102} 103 104.dokuwiki ul { 105 list-style-image: url("images/bullet.gif"); 106} 107 108 109/* design.css */ 110 111/* HEADER */ 112#dokuwiki__header { 113 margin: 0; 114 right: 0; 115 width: auto; 116 top: 0; 117 118 .pad { 119 padding: 0; 120 } 121 .row { 122 height: 40px; 123 width: 100%; 124 } 125 h1 a { 126 clear: left; 127 font-family: @title-font; 128 font-size: 28px; 129 line-height:40px; 130 vertical-align: middle; 131 } 132 .headings { 133 margin: 0 1.5em; 134 } 135 .headings, 136 form.search { 137 display: block; 138 float: left; 139 } 140 form.search { 141 clear: none; 142 height: 28px; 143 margin-top: 0 !important; 144 padding: 8px 0 4px; 145 146 #qsearch__in { 147 width: 12em; 148 font-size: 95%; 149 } 150 div.ajax_qsearch { 151 left: 14em; 152 top: 26px; 153 width: auto; 154 .box-shadow(); 155 } 156 } 157 div.breadcrumbs { 158 font-size: 70%; 159 padding: .2em 0 .2em 2em; 160 //white-space: nowrap; 161 162 .bchead { 163 font-family: @title-font; 164 font-size: 112%; 165 font-style: italic; 166 font-weight: bold; 167 } 168 a { 169 font-style: italic; 170 &:hover { 171 color: black; 172 text-decoration: none; 173 } 174 } 175 } 176} 177 178#dokuwiki__footer .doc { 179 float: right; 180 font-size: 75%; 181 font-style: italic; 182 padding-right: 1em; 183} 184 185 186/* TOOLS */ 187/* USERTOOLS, PAGETOOLS, SITETOOLS */ 188 189 190/* page tools fixed at bottom of browser window */ 191 192#dokuwiki__pagetools { 193 ul { 194 font-size: 90%; 195 margin: 0 0; 196 max-width: 100%; 197 padding: 0.1em 0; 198 } 199 li { 200 border-style: solid; 201 border-width: 1px; 202 border-bottom: none; 203 border-left: none; 204 float: left; 205 margin: 0 0 !important; 206 padding: .1em 1em; 207 208 &:nth-last-child(1) { 209 border-left: 1px; 210 border-right: none; 211 float: right; 212 .border-radius(@left-fillet); 213 } 214 &:nth-last-child(2) { 215 margin: 0 0 !important; 216 padding: .1em 1em; 217 float: left; 218 border-width: 1px; 219 border-style: solid; 220 border-bottom: none; 221 border-left: none; 222 .border-radius(@right-fillet); 223 } 224 } 225} 226 227 228 229/* SIDEBAR */ 230#dokuwiki__aside { 231 .pad { 232 border-right: 1px solid @aside-border; 233 padding-left: 4px; 234 } 235 ul { 236 list-style: none; 237 li { 238 margin-left: 0; 239 } 240 } 241} 242 243 244/* structure.css */ 245 246#dokuwiki__site { 247 max-width: 100%; 248 padding: 0 0 2.4em; 249 z-index: 0; 250 251 .wrapper { 252 margin: 0.7em auto; 253 max-width: @ini_site_width; 254 padding: 0 1em; 255 } 256} 257 258#dokuwiki__usertools, 259#dokuwiki__sitetools { 260 border: 0; 261 width: auto; 262 a:hover { 263 cursor: default; 264 } 265 ul { 266 margin: 0; 267 max-width: none; 268 padding: 1px 0 0 0; 269 } 270} 271 272.tools { 273 274 background: inherit !important; 275 border: none; 276 display: block; 277 float: right; 278 height: 40px; 279 margin: 0 !important; 280 overflow: visible; 281 282 ul { 283 margin: 0; 284 float: left; 285 list-style: none; 286 287 li { 288 display: list-item !important; 289 float: right; 290 margin: 0; 291 padding: 0; 292 position: relative !important; 293 294 &:hover ul { 295 display: block; 296 @include transition(background, 0.2s); 297 } 298 299 a, .user { 300 display: block; 301 padding:0 0.5em; 302 height: 40px; 303 line-height: 40px; 304 text-align: left; 305 vertical-align: middle; 306 } 307 a img { 308 height: 20px; 309 width: 20px; 310 opacity: 0.5; 311 } 312 313 .user { 314 font-size: 80%; 315 } 316 317 ul { 318 display: none; 319 min-width: 150px; 320 position: absolute; 321 right: 0; 322 top: 40px; 323 transition: visibility 0.65s ease-in; 324 width: inherit !important; 325 z-index:9999; 326 327 li { 328 float: left; 329 position: relative; 330 width: 100%; 331 a:hover { 332 cursor: pointer !important; 333 } 334 } 335 } 336 } 337 } 338} 339