1/** 2 * DokuWiki Twenty Fifteen Template 3 * 4 * @link https://github.com/lainme/dokuwiki-theme-twentyfifteen 5 * @author WordPress.org & Automattic.com (upstream) 6 * @author lainme <lainme993@gmail.com> 7 * @license GPLv2 (http://www.gnu.org/licenses/gpl.html) 8 */ 9 10/*Layout*/ 11html { 12 font-size: 62.5%; 13} 14 15body { 16 margin: 0; 17 background: @ini_background_site; 18 color: @ini_text; 19 font-family: "Noto Serif", serif; 20 font-size: 15px; 21 font-size: 1.5rem; 22 line-height: 1.6; 23} 24 25aside { 26 -webkit-box-sizing: border-box; 27 -moz-box-sizing: border-box; 28 box-sizing: border-box; 29} 30 31/*Placeholder*/ 32::-webkit-input-placeholder { 33 color: @ini_text_alt; 34 font-family: "Noto Sans", sans-serif; 35} 36 37:-moz-placeholder { 38 color: @ini_text_alt; 39 font-family: "Noto Sans", sans-serif; 40} 41 42::-moz-placeholder { 43 color: @ini_text_alt; 44 font-family: "Noto Sans", sans-serif; 45 opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ 46} 47 48:-ms-input-placeholder { 49 color: @ini_text_alt; 50 font-family: "Noto Sans", sans-serif; 51} 52 53/*Media*/ 54img { 55 -ms-interpolation-mode: bicubic; 56 height: auto; 57 max-width: 100%; 58 vertical-align: middle; 59} 60 61figure { 62 margin: 0; 63} 64 65embed, 66iframe, 67object, 68video { 69 margin-bottom: 1.6em; 70 max-width: 100%; 71 vertical-align: middle; 72} 73 74p > embed, 75p > iframe, 76p > object, 77p > video { 78 margin-bottom: 0; 79} 80 81/*Link*/ 82a { 83 color: @ini_text; 84 text-decoration: none; 85} 86 87a:hover, 88a:focus { 89 color: @ini_text_alt; 90} 91 92/*Paragraph*/ 93h1, 94h2, 95h3, 96h4, 97h5, 98h6 { 99 clear: left; 100 font-weight: 700; 101 margin: 0; 102} 103 104p { 105 margin-bottom: 1.6em; 106} 107 108/*Inline*/ 109b, 110strong { 111 font-weight: 700; 112} 113 114i, 115em, 116cite { 117 font-style: italic; 118} 119 120del { 121 opacity: 0.8; 122} 123 124kbd, 125tt, 126var, 127samp { 128 font-family: Inconsolata, monospace; 129 -webkit-hyphens: none; 130 -moz-hyphens: none; 131 -ms-hyphens: none; 132 hyphens: none; 133} 134 135abbr[title] { 136 border-bottom: 1px dotted @ini_border; 137 cursor: help; 138} 139 140mark, 141ins { 142 background-color: @ini_highlight; 143 text-decoration: none; 144} 145 146small { 147 font-size: 75%; 148} 149 150big { 151 font-size: 125%; 152} 153 154/*Blocks*/ 155blockquote { 156 border-left: 4px solid @ini_text_alt; 157 color: @ini_text_alt; 158 font-size: 18px; 159 font-size: 1.8rem; 160 font-style: italic; 161 line-height: 1.6667; 162 margin: 0 0 1.6667em 0; 163 padding-left: 0.7778em; 164} 165 166blockquote p { 167 margin-bottom: 1.6667em; 168} 169 170blockquote > p:last-child { 171 margin-bottom: 0; 172} 173 174blockquote cite, 175blockquote small { 176 color: @ini_text; 177 font-size: 15px; 178 font-size: 1.5rem; 179 font-family: "Noto Sans", sans-serif; 180 line-height: 1.6; 181} 182 183blockquote i, 184blockquote em, 185blockquote cite { 186 font-style: normal; 187} 188 189blockquote b, 190blockquote strong { 191 font-weight: 400; 192} 193 194address { 195 font-style: italic; 196 margin: 0 0 1.6em; 197} 198 199code, 200pre { 201 font-family: Inconsolata, monospace; 202 -webkit-hyphens: none; 203 -moz-hyphens: none; 204 -ms-hyphens: none; 205 hyphens: none; 206} 207 208pre { 209 background-color: transparent; 210 border: 1px solid @ini_border; 211 line-height: 1.2; 212 margin-bottom: 1.6em; 213 max-width: 100%; 214 overflow: auto; 215 padding: 0.8em; 216 white-space: pre; 217 white-space: pre-wrap; 218 word-wrap: break-word; 219} 220 221/*Lists*/ 222hr { 223 background-color: @ini_border; 224 border: 0; 225 height: 1px; 226 margin-bottom: 1.6em; 227} 228 229ul, 230ol { 231 padding-left: 1.3333em; 232} 233 234dd { 235 margin: 0 0 1.6em 0em; 236} 237 238ul { 239 list-style: disc; 240} 241 242ol { 243 list-style: decimal; 244} 245 246dt { 247 font-weight: bold; 248} 249 250li > ul, 251li > ol { 252 margin: 0 0 0 1.3333em; 253 padding: 0; 254} 255 256/*Table*/ 257table { 258 border: 1px solid @ini_border; 259 border-collapse: separate; 260 border-spacing: 0; 261 border-width: 1px 0 0 1px; 262 margin: 0 0 1.6em; 263 width: 100%; 264} 265 266caption { 267 font-weight: normal; 268 text-align: left; 269} 270 271th, 272td { 273 border-width: 0 1px 1px 0; 274 border-style: solid; 275 border-color: @ini_border; 276 text-align: left; 277 padding: 0.4em; 278} 279 280th { 281 font-weight: 700; 282} 283 284td { 285 font-weight: normal; 286} 287 288 289/*Form*/ 290form { 291 display: inline; 292} 293 294button, 295input, 296select, 297textarea { 298 -webkit-box-sizing: border-box; 299 -moz-box-sizing: border-box; 300 box-sizing: border-box; 301 vertical-align: baseline; 302 max-width: 100%; 303} 304 305input, 306select, 307textarea { 308 background-color: @ini_background_alt; 309 border-radius: 0; 310 font-family: "Noto Serif", serif; 311 font-size: 16px; 312 font-size: 1.6rem; 313} 314 315button, 316input { 317 -webkit-hyphens: none; 318 -moz-hyphens: none; 319 -ms-hyphens: none; 320 hyphens: none; 321 line-height: normal; 322} 323 324input, 325textarea { 326 background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow on iOS inputs */ 327 border: 1px solid @ini_border; 328 color: @ini_text_alt; 329} 330 331select, 332textarea { 333 line-height: 1.5; 334} 335 336button { 337 margin: 0.5em 0.25em 0.5em 0; 338} 339 340select { 341 color: @ini_text; 342} 343 344button[disabled], 345input[disabled], 346select[disabled], 347textarea[disabled] { 348 cursor: default; 349 opacity: .5; 350} 351 352button, 353input[type="button"], 354input[type="reset"], 355input[type="submit"] { 356 background-color: @ini_text; 357 border: 0; 358 color: @ini_background; 359 cursor: pointer; 360 font-family: "Noto Sans", sans-serif; 361 font-size: 12px; 362 font-size: 1.2rem; 363 font-weight: 700; 364 padding: 0.7917em 1.5em; 365 text-transform: uppercase; 366} 367 368textarea, 369input[type="text"], 370input[type="email"], 371input[type="url"], 372input[type="password"], 373input[type="search"] { 374 padding: 0.375em; 375 width: 100%; 376} 377 378button:focus { 379 outline: 0; 380} 381 382select:focus { 383 outline: 2px solid @ini_border_alt; 384} 385 386input:focus, 387textarea:focus { 388 background-color: @ini_background; 389 border: 1px solid @ini_border_alt; 390 color: @ini_text; 391 outline: 0; 392} 393 394button:hover, 395button:focus, 396input[type="button"]:hover, 397input[type="reset"]:hover, 398input[type="submit"]:hover, 399input[type="button"]:focus, 400input[type="reset"]:focus, 401input[type="submit"]:focus { 402 background-color: @ini_text_alt; 403} 404 405/*RTL*/ 406[dir=rtl] { 407 /*Layout*/ 408 body { 409 direction: rtl; 410 unicode-bidi: embed; 411 font-family: Arial, Tahoma, sans-serif; 412 } 413 414 caption, 415 th, 416 td { 417 text-align: right; 418 } 419 420 /*Placeholder*/ 421 ::-webkit-input-placeholder { 422 font-family: Arial, Tahoma, sans-serif; 423 } 424 425 :-moz-placeholder { 426 font-family: Arial, Tahoma, sans-serif; 427 } 428 429 ::-moz-placeholder { 430 font-family: Arial, Tahoma, sans-serif; 431 } 432 433 :-ms-input-placeholder { 434 font-family: Arial, Tahoma, sans-serif; 435 } 436 437 /*Blocks*/ 438 blockquote { 439 border-right: 4px solid @ini_text_alt; 440 border-left: 0; 441 padding-right: 0.7778em; 442 padding-left: 0; 443 } 444 445 blockquote cite, 446 blockquote small { 447 font-family: Arial, Tahoma, sans-serif; 448 } 449 450 /*Lists*/ 451 ul, 452 ol { 453 padding-right: 1.3333em; 454 padding-left: 0; 455 } 456 457 li > ul, 458 li > ol { 459 margin: 0 1.3333em 0 0; 460 padding: 0; 461 } 462 463 /*Table*/ 464 caption, 465 th, 466 td { 467 text-align: right; 468 } 469 470 /*Form*/ 471 button, 472 input[type="button"], 473 input[type="reset"], 474 input[type="submit"], 475 input, 476 select, 477 textarea { 478 font-family: Arial, Tahoma, sans-serif; 479 } 480 481 button { 482 margin: 0.5em 0 0.5em 0.25em; 483 } 484 485} 486