adrian/tcm-in-guestrow-tpl
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

improved basic and print styles

Browse source
This commit is contained in:
Anika Henke 2013-03-11 00:31:58 +00:00
parent 288cdb254b
commit 866969d221
2 changed files with 140 additions and 67 deletions
Download patch file Download diff file Expand all files Collapse all files

104
css/basic.css
View file

@ -20,8 +20,9 @@ body {
padding: 0; padding: 0;
} }
body { body {
font: normal 100%/1.4 Frutiger, Calibri, Myriad, "Nimbus Sans L", Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; font: normal 100%/1.4 Frutiger, Calibri, "Myriad Pro", Myriad, "Nimbus Sans L", Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
/* default font size: 100% => 16px; 93.75% => 15px; 87.5% => 14px; 81.25% => 13px; 75% => 12px */ /* default font size: 100% => 16px; 93.75% => 15px; 87.5% => 14px; 81.25% => 13px; 75% => 12px */
-webkit-text-size-adjust: 100%;
} }
@ -32,9 +33,7 @@ h2,
h3, h3,
h4, h4,
h5, h5,
h6, h6 {
caption,
legend {
font-family: Constantia, Utopia, Lucidabright, Lucida, Georgia, "Nimbus Roman No9 L", serif; font-family: Constantia, Utopia, Lucidabright, Lucida, Georgia, "Nimbus Roman No9 L", serif;
font-weight: bold; font-weight: bold;
color: __text_neu__; color: __text_neu__;
@ -48,9 +47,7 @@ legend {
[dir=rtl] h3, [dir=rtl] h3,
[dir=rtl] h4, [dir=rtl] h4,
[dir=rtl] h5, [dir=rtl] h5,
[dir=rtl] h6, [dir=rtl] h6 {
[dir=rtl] caption,
[dir=rtl] legend {
clear: right; clear: right;
} }
@ -80,6 +77,17 @@ h6 {
} }
/* bottom margin = 1 / font-size */ /* bottom margin = 1 / font-size */
caption,
figcaption,
summary,
legend {
font-style: italic;
font-weight: normal;
line-height: 1.2;
padding: 0;
margin: 0 0 .35em;
}
/*____________ basic margins and paddings ____________*/ /*____________ basic margins and paddings ____________*/
@ -91,6 +99,8 @@ pre,
table, table,
hr, hr,
blockquote, blockquote,
figure,
details,
fieldset, fieldset,
address { address {
margin: 0 0 1.4em 0; /* bottom margin = line-height */ margin: 0 0 1.4em 0; /* bottom margin = line-height */
@ -175,7 +185,6 @@ table {
caption { caption {
caption-side: top; caption-side: top;
text-align: left; text-align: left;
margin: 0 0 .3em;
} }
[dir=rtl] caption { [dir=rtl] caption {
text-align: right; text-align: right;
@ -187,16 +196,15 @@ td {
margin: 0; margin: 0;
vertical-align: top; vertical-align: top;
border: 1px solid __border__; border: 1px solid __border__;
text-align: left;
}
[dir=rtl] td,
[dir=rtl] th {
text-align: right;
} }
th { th {
font-weight: bold; font-weight: bold;
background-color: __background_alt__; background-color: __background_alt__;
color: inherit; color: inherit;
text-align: left;
}
[dir=rtl] th {
text-align: right;
} }
@ -239,10 +247,19 @@ img {
} }
img, img,
object { object,
embed,
iframe,
video,
audio {
max-width: 100%; max-width: 100%;
} }
iframe {
border-width: 0;
background-color: inherit;
}
/* IE8 and below won't display the images otherwise */ /* IE8 and below won't display the images otherwise */
button img { button img {
max-width: none; max-width: none;
@ -259,15 +276,23 @@ hr {
acronym, acronym,
abbr { abbr {
font-style: normal;
}
acronym[title],
abbr[title] {
cursor: help; cursor: help;
border-bottom: 1px dotted; border-bottom: 1px dotted;
font-style: normal;
} }
em acronym, em acronym,
em abbr { em abbr {
font-style: italic; font-style: italic;
} }
mark {
background: __highlight__;
color: inherit;
}
pre, pre,
code, code,
samp, samp,
@ -312,6 +337,10 @@ sup {
vertical-align: super; vertical-align: super;
} }
small {
font-size: .8em;
}
/*____________ forms ____________*/ /*____________ forms ____________*/
form { form {
@ -321,11 +350,14 @@ form {
} }
fieldset { fieldset {
padding: 1em 1em 0; padding: .7em 1em 0;
border: 1px solid __text_alt__; padding: .7rem 1rem; /* for those browsers understanding :last-child */
border: 1px solid #999;
}
fieldset > :last-child {
margin-bottom: 0;
} }
legend { legend {
margin: 0;
padding: 0 .1em; padding: 0 .1em;
} }
@ -339,30 +371,44 @@ textarea,
button, button,
select, select,
optgroup, optgroup,
option { option,
keygen,
output,
meter,
progress {
font: inherit; font: inherit;
color: inherit; color: inherit;
/* background-color destroys button look */ /* background-color destroys button look */
line-height: 1; line-height: normal;
margin: 0; margin: 0;
vertical-align: middle; vertical-align: middle;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
} }
input[type=text], input,
input[type=password], button,
select,
keygen,
textarea { textarea {
padding: .1em; padding: .1em;
} }
input[type=radio], input[type=radio],
input[type=checkbox], input[type=checkbox],
input[type=image],
input.check { input.check {
padding: 0; padding: 0;
} }
input[type=submit], input[type=submit],
input[type=button],
input[type=reset],
input.button, input.button,
button { button {
cursor: pointer; cursor: pointer;
overflow: visible;
padding: .1em .4em;
} }
#IE6 .dokuwiki input.button, #IE6 .dokuwiki input.button,
#IE6 .dokuwiki button, #IE6 .dokuwiki button,
@ -378,6 +424,20 @@ button[readonly] {
cursor: auto; cursor: auto;
} }
input:focus,
button:focus,
select:focus,
keygen:focus,
textarea:focus {
box-shadow: 0 0 5px #999;
outline: 0;
}
input::-moz-focus-inner,
button::-moz-focus-inner {
border: 0;
padding: 0;
}
optgroup { optgroup {
font-style: italic; font-style: italic;
font-weight: bold; font-weight: bold;

103
css/print.css
View file

@ -5,55 +5,64 @@
*/ */
body { body {
/* font: normal 87.5%/1.3 Garamond, Baskerville, "Hoefler Text", "Nimbus Roman No9 L", serif;
font: normal 12pt/1.2 serif;
color: #000;
background-color: #fff; background-color: #fff;
*/ color: #000;
} }
/* hide certain sections */ /* hide certain sections */
.a11y, .a11y,
div.notify, div.info, div.success, div.error, audio,
#dokuwiki__header .tools, #dokuwiki__aside, video,
.dokuwiki .breadcrumbs, .dokuwiki .toc, #dw__toc, .dokuwiki .secedit, div.notify,
#dokuwiki__pagetools, #dokuwiki__footer { div.info,
div.success,
div.error,
#dokuwiki__header .tools,
#dokuwiki__aside,
.dokuwiki .breadcrumbs,
.dokuwiki .toc,
#dw__toc,
.dokuwiki .secedit,
#dokuwiki__pagetools,
#dokuwiki__footer {
display: none; display: none;
} }
.dokuwiki h1, h1,
.dokuwiki h2, h2,
.dokuwiki h3, h3,
.dokuwiki h4, h4,
.dokuwiki h5, h5,
.dokuwiki caption, caption,
.dokuwiki legend { legend {
clear: both; clear: both;
} }
.dokuwiki ul { ul {
list-style: disc outside; list-style: disc outside;
} }
.dokuwiki ol { ol {
list-style: decimal outside; list-style: decimal outside;
} }
.dokuwiki ol ol { ol ol {
list-style-type: lower-alpha; list-style-type: lower-alpha;
} }
.dokuwiki ol ol ol { ol ol ol {
list-style-type: upper-roman; list-style-type: upper-roman;
} }
.dokuwiki ol ol ol ol { ol ol ol ol {
list-style-type: upper-alpha; list-style-type: upper-alpha;
} }
.dokuwiki ol ol ol ol ol { ol ol ol ol ol {
list-style-type: lower-roman; list-style-type: lower-roman;
} }
/* undo icons */ /* undo icons */
.dokuwiki a:link, a:link,
.dokuwiki a:visited { a:visited {
text-decoration: underline; text-decoration: none;
border-bottom: 1pt dotted;
color: #333; color: #333;
background-color: inherit; background-color: inherit;
background-image: none; background-image: none;
@ -69,52 +78,56 @@ a.mail:after {
} }
/* code blocks */ /* code blocks */
.dokuwiki pre { pre {
font-family: monospace; font-family: monospace;
} }
.dokuwiki dl.code dt, dl.code dt,
.dokuwiki dl.file dt { dl.file dt {
font-weight: bold; font-weight: bold;
} }
/* images */ /* images */
.dokuwiki img { img {
border-width: 0; border-width: 0;
vertical-align: middle; vertical-align: middle;
} }
.dokuwiki img.media { img.media {
margin: .2em 0; margin: .2em 0;
} }
.dokuwiki img.medialeft { img.medialeft {
margin: .2em 1.5em .2em 0; margin: .2em 1.5em .2em 0;
} }
.dokuwiki img.mediaright { img.mediaright {
margin: .2em 0 .2em 1.5em; margin: .2em 0 .2em 1.5em;
} }
.dokuwiki img.mediacenter { img.mediacenter {
margin: .2em auto; margin: .2em auto;
} }
/* align table cells */ /* align table cells */
.dokuwiki .leftalign { .leftalign {
text-align: left; text-align: left;
} }
.dokuwiki .centeralign { .centeralign {
text-align: center; text-align: center;
} }
.dokuwiki .rightalign { .rightalign {
text-align: right; text-align: right;
} }
/* underline */ /* underline */
.dokuwiki em.u { em.u {
font-style: normal; font-style: normal;
text-decoration: underline; text-decoration: underline;
} }
.dokuwiki em em.u { em em.u {
font-style: italic; font-style: italic;
} }
mark {
font-weight: bold;
}
div.clearer { div.clearer {
clear: both; clear: both;
line-height: 0; line-height: 0;
@ -122,36 +135,36 @@ div.clearer {
overflow: hidden; overflow: hidden;
} }
.dokuwiki blockquote { blockquote {
padding: 0 10pt; padding: 0 10pt;
margin: 0; margin: 0;
border: solid #ccc; border: solid #ccc;
border-width: 0 0 0 2pt; border-width: 0 0 0 2pt;
} }
[dir=rtl] .dokuwiki blockquote { [dir=rtl] blockquote {
border-width: 0 2pt 0 0; border-width: 0 2pt 0 0;
} }
/* tables */ /* tables */
.dokuwiki table { table {
border-collapse: collapse; border-collapse: collapse;
empty-cells: show; empty-cells: show;
border-spacing: 0; border-spacing: 0;
border: 1pt solid #ccc; border: 1pt solid #ccc;
} }
.dokuwiki th, th,
.dokuwiki td { td {
padding: 3pt 5pt; padding: 3pt 5pt;
margin: 0; margin: 0;
vertical-align: top; vertical-align: top;
border: 1pt solid #666; border: 1pt solid #666;
text-align: left; text-align: left;
} }
[dir=rtl] .dokuwiki th, [dir=rtl] th,
[dir=rtl] .dokuwiki td { [dir=rtl] td {
text-align: right; text-align: right;
} }
.dokuwiki th { th {
font-weight: bold; font-weight: bold;
} }