xref: /template/parabola/css/content.css (revision 3a03c4b66b42ebcafa9acf72221b555cd0717f3d)
1*3a03c4b6Sdesbest/**
2*3a03c4b6Sdesbest * This file provides the main design styles for the page content.
3*3a03c4b6Sdesbest *
4*3a03c4b6Sdesbest * @author Anika Henke <anika@selfthinker.org>
5*3a03c4b6Sdesbest * @author Andreas Gohr <andi@splitbrain.org>
6*3a03c4b6Sdesbest */
7*3a03c4b6Sdesbest
8*3a03c4b6Sdesbest
9*3a03c4b6Sdesbest/*____________ section indenting ____________
10*3a03c4b6Sdesbest
11*3a03c4b6Sdesbest.dokuwiki .page  h1 {margin-left: 0;}
12*3a03c4b6Sdesbest.dokuwiki .page  h2 {margin-left: .666em;}
13*3a03c4b6Sdesbest.dokuwiki .page  h3 {margin-left: 1.776em;}
14*3a03c4b6Sdesbest.dokuwiki .page  h4 {margin-left: 3em;}
15*3a03c4b6Sdesbest.dokuwiki .page  h5 {margin-left: 4.5712em;}
16*3a03c4b6Sdesbest.dokuwiki .page  div.level1 {margin-left: 0;}
17*3a03c4b6Sdesbest.dokuwiki .page  div.level2 {margin-left: 1em;}
18*3a03c4b6Sdesbest.dokuwiki .page  div.level3 {margin-left: 2em;}
19*3a03c4b6Sdesbest.dokuwiki .page  div.level4 {margin-left: 3em;}
20*3a03c4b6Sdesbest.dokuwiki .page  div.level5 {margin-left: 4em;}
21*3a03c4b6Sdesbest
22*3a03c4b6Sdesbest[dir=rtl] .dokuwiki .page h1 {margin-left: 0; margin-right: 0;}
23*3a03c4b6Sdesbest[dir=rtl] .dokuwiki .page h2 {margin-left: 0; margin-right: .666em;}
24*3a03c4b6Sdesbest[dir=rtl] .dokuwiki .page h3 {margin-left: 0; margin-right: 1.776em;}
25*3a03c4b6Sdesbest[dir=rtl] .dokuwiki .page h4 {margin-left: 0; margin-right: 3em;}
26*3a03c4b6Sdesbest[dir=rtl] .dokuwiki .page h5 {margin-left: 0; margin-right: 4.5712em;}
27*3a03c4b6Sdesbest[dir=rtl] .dokuwiki .page div.level1 {margin-left: 0; margin-right: 0;}
28*3a03c4b6Sdesbest[dir=rtl] .dokuwiki .page div.level2 {margin-left: 0; margin-right: 1em;}
29*3a03c4b6Sdesbest[dir=rtl] .dokuwiki .page div.level3 {margin-left: 0; margin-right: 2em;}
30*3a03c4b6Sdesbest[dir=rtl] .dokuwiki .page div.level4 {margin-left: 0; margin-right: 3em;}
31*3a03c4b6Sdesbest[dir=rtl] .dokuwiki .page div.level5 {margin-left: 0; margin-right: 4em;}
32*3a03c4b6Sdesbest*/
33*3a03c4b6Sdesbest/* hx margin-left = (1 / font-size) * .levelx-margin */
34*3a03c4b6Sdesbest
35*3a03c4b6Sdesbest
36*3a03c4b6Sdesbest/*____________ links to wiki pages (addition to _links) ____________*/
37*3a03c4b6Sdesbest
38*3a03c4b6Sdesbest/* existing wikipage */
39*3a03c4b6Sdesbest.dokuwiki a.wikilink1 {
40*3a03c4b6Sdesbest    color: __existing__;
41*3a03c4b6Sdesbest    background-color: inherit;
42*3a03c4b6Sdesbest}
43*3a03c4b6Sdesbest/* not existing wikipage */
44*3a03c4b6Sdesbest.dokuwiki a.wikilink2 {
45*3a03c4b6Sdesbest    color: __missing__;
46*3a03c4b6Sdesbest    background-color: inherit;
47*3a03c4b6Sdesbest}
48*3a03c4b6Sdesbest
49*3a03c4b6Sdesbest
50*3a03c4b6Sdesbest/*____________ images ____________*/
51*3a03c4b6Sdesbest
52*3a03c4b6Sdesbest/* embedded images (styles are already partly set in DokuWiki's lib/styles/all.css) */
53*3a03c4b6Sdesbest.dokuwiki img.media {
54*3a03c4b6Sdesbest    margin: .2em 0;
55*3a03c4b6Sdesbest}
56*3a03c4b6Sdesbest.dokuwiki img.medialeft {
57*3a03c4b6Sdesbest    margin: .2em 1.5em .2em 0;
58*3a03c4b6Sdesbest}
59*3a03c4b6Sdesbest.dokuwiki img.mediaright {
60*3a03c4b6Sdesbest    margin: .2em 0 .2em 1.5em;
61*3a03c4b6Sdesbest}
62*3a03c4b6Sdesbest.dokuwiki img.mediacenter {
63*3a03c4b6Sdesbest    margin: .2em auto;
64*3a03c4b6Sdesbest}
65*3a03c4b6Sdesbest
66*3a03c4b6Sdesbest
67*3a03c4b6Sdesbest/*____________ tables ____________*/
68*3a03c4b6Sdesbest
69*3a03c4b6Sdesbest/* div before each table */
70*3a03c4b6Sdesbest.dokuwiki div.table {
71*3a03c4b6Sdesbest}
72*3a03c4b6Sdesbest
73*3a03c4b6Sdesbest.dokuwiki table.inline {
74*3a03c4b6Sdesbest    min-width: 50%;
75*3a03c4b6Sdesbest}
76*3a03c4b6Sdesbest.dokuwiki table.inline tr:hover td {
77*3a03c4b6Sdesbest    background-color: __background_alt__;
78*3a03c4b6Sdesbest}
79*3a03c4b6Sdesbest.dokuwiki table.inline tr:hover th {
80*3a03c4b6Sdesbest    background-color: __border__;
81*3a03c4b6Sdesbest}
82*3a03c4b6Sdesbest
83*3a03c4b6Sdesbest
84*3a03c4b6Sdesbest/*____________ code ____________*/
85*3a03c4b6Sdesbest
86*3a03c4b6Sdesbest/* fix if background-color hides underlining */
87*3a03c4b6Sdesbest.dokuwiki em.u code {
88*3a03c4b6Sdesbest    text-decoration: underline;
89*3a03c4b6Sdesbest}
90*3a03c4b6Sdesbest
91*3a03c4b6Sdesbest/* filenames for downloadable file and code blocks */
92*3a03c4b6Sdesbest.dokuwiki dl.code,
93*3a03c4b6Sdesbest.dokuwiki dl.file {
94*3a03c4b6Sdesbest}
95*3a03c4b6Sdesbest
96*3a03c4b6Sdesbest.dokuwiki dl.code dt,
97*3a03c4b6Sdesbest.dokuwiki dl.file dt {
98*3a03c4b6Sdesbest    background-color: __background_alt__;
99*3a03c4b6Sdesbest    border: solid __border__;
100*3a03c4b6Sdesbest    border-width: 1px 1px 0;
101*3a03c4b6Sdesbest    color: inherit;
102*3a03c4b6Sdesbest    display: inline;
103*3a03c4b6Sdesbest    padding: .1em .5em .2em;
104*3a03c4b6Sdesbest    margin-left: 1em;
105*3a03c4b6Sdesbest}
106*3a03c4b6Sdesbest[dir=rtl] .dokuwiki dl.code dt,
107*3a03c4b6Sdesbest[dir=rtl] .dokuwiki dl.file dt {
108*3a03c4b6Sdesbest    margin-left: 0;
109*3a03c4b6Sdesbest    margin-right: 1em;
110*3a03c4b6Sdesbest}
111*3a03c4b6Sdesbest.dokuwiki dl.code dt a,
112*3a03c4b6Sdesbest.dokuwiki dl.file dt a {
113*3a03c4b6Sdesbest}
114*3a03c4b6Sdesbest
115*3a03c4b6Sdesbest.dokuwiki dl.code dd,
116*3a03c4b6Sdesbest.dokuwiki dl.file dd {
117*3a03c4b6Sdesbest    margin: 0;
118*3a03c4b6Sdesbest}
119*3a03c4b6Sdesbest
120*3a03c4b6Sdesbest/* for code in <file> */
121*3a03c4b6Sdesbest.dokuwiki pre.file,
122*3a03c4b6Sdesbest.dokuwiki dl.file pre,
123*3a03c4b6Sdesbest.dokuwiki dl.file dt {
124*3a03c4b6Sdesbest    border-color: __text_neu__;
125*3a03c4b6Sdesbest}
126*3a03c4b6Sdesbest
127*3a03c4b6Sdesbest
128*3a03c4b6Sdesbest/*____________ media manager ____________*/
129*3a03c4b6Sdesbest
130*3a03c4b6Sdesbest/* some headings in the media manager should not look like headings */
131*3a03c4b6Sdesbest#mediamanager__page h2,
132*3a03c4b6Sdesbest#mediamanager__page h3 {
133*3a03c4b6Sdesbest    font-family: Frutiger, Calibri, Myriad, "Nimbus Sans L", Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
134*3a03c4b6Sdesbest    color: __text__;
135*3a03c4b6Sdesbest}
136*3a03c4b6Sdesbest
137*3a03c4b6Sdesbest/* to style button-like div in _fileuploader.css to look like other buttons,
138*3a03c4b6Sdesbest   please add '.qq-upload-button' to the according styles (which don't really exist in this template) */
139*3a03c4b6Sdesbest.qq-upload-button {
140*3a03c4b6Sdesbest    border: 1px solid __border__;
141*3a03c4b6Sdesbest    background-color: __background_alt__;
142*3a03c4b6Sdesbest    padding: 0.125em 0.4em;
143*3a03c4b6Sdesbest}
144*3a03c4b6Sdesbest
145*3a03c4b6Sdesbest/*____________ styling plugin ____________*/
146*3a03c4b6Sdesbest
147*3a03c4b6Sdesbest#plugin__styling.ispopup {
148*3a03c4b6Sdesbest    padding: 1em;
149*3a03c4b6Sdesbest}
150*3a03c4b6Sdesbest
151*3a03c4b6Sdesbest
152*3a03c4b6Sdesbest/*____________ JS popup ____________*/
153*3a03c4b6Sdesbest
154*3a03c4b6Sdesbest.JSpopup {
155*3a03c4b6Sdesbest    background-color: __background__;
156*3a03c4b6Sdesbest    color: __text__;
157*3a03c4b6Sdesbest    border: 1px solid __border__;
158*3a03c4b6Sdesbest    line-height: 1.2;
159*3a03c4b6Sdesbest    padding: 0 .2em;
160*3a03c4b6Sdesbest}
161*3a03c4b6Sdesbest
162*3a03c4b6Sdesbest.JSpopup ul,
163*3a03c4b6Sdesbest.JSpopup ol {
164*3a03c4b6Sdesbest    padding-left: 0;
165*3a03c4b6Sdesbest}
166*3a03c4b6Sdesbest[dir=rtl] .JSpopup ul,
167*3a03c4b6Sdesbest[dir=rtl] .JSpopup ol {
168*3a03c4b6Sdesbest    padding-right: 0;
169*3a03c4b6Sdesbest}
170