Warning, /frameworks/kdoctools/common/en/kde-docs.css is written in an unsupported language. File is not indexed.

0001 /*
0002  * kde-docs.css -- Style sheets for the KDE documentation generated
0003  * HTML.
0004  *
0005  * Started by Michael Pyne <mpyne@kde.org>
0006  */
0007 html, body {
0008     padding: 0;
0009     width: 100%;
0010     height: 100%;
0011     font-size: 1rem;
0012     font-weight: 400;
0013     line-height: 1.5;
0014     color: #212529;
0015     text-align: left;
0016 }
0017 
0018 /* These two divs force the content to fill up at least the viewport, which
0019  * is needed in order to force the footer to the bottom of short pages.
0020  */
0021 #content {
0022     min-height: 100%;
0023     position: relative;
0024 }
0025 
0026 #contentBody {
0027     padding: 0;
0028     padding-bottom: 1em;
0029     width: 100%;
0030     max-width: 1000px;
0031     margin-left: auto;
0032     margin-right: auto;
0033 }
0034 
0035 /* This is for the header's navigation bar */
0036 #content > .navCenter {
0037     background: #F8F8F8;
0038     border-bottom: 1px solid #DDD;
0039 }
0040 
0041 /* Standard nav bar elements */
0042 div.navCenter table {
0043     empty-cells: show;
0044     border: 0px;
0045     width: 100%;
0046 }
0047 
0048 div.navCenter td {
0049     font-weight: normal;
0050 }
0051 
0052 div.navCenter td.prevCell {
0053     padding-left: 20px;
0054     text-align: left;
0055 }
0056 
0057 div.navCenter td.nextCell {
0058     padding-right: 20px;
0059     text-align: right;
0060 }
0061 
0062 div.navCenter td.upCell {
0063     text-align: center;
0064 }
0065 
0066 /* Actual documentation styling */
0067 div.sect3 h4 {
0068     font-size: 100%;
0069     font-weight: bold;
0070 }
0071 
0072 div.sect4 h5 {
0073     font-size: 100%;
0074     font-weight: bold;
0075 }
0076 
0077 div.sect5 h6 {
0078     font-size: 90%;
0079     font-style: italic;
0080 }
0081 
0082 div.informaltable table {
0083     text-align: left; /* Disable justification */
0084     border: 1px solid black;
0085     border-collapse: collapse;
0086 }
0087 
0088 div.table table {
0089     text-align: left; /* Disable justification */
0090     border: 1px solid black;
0091     border-collapse: collapse;
0092 }
0093 
0094 /* Give alternating row colors */
0095 div.table tr:nth-child(odd) {
0096     background-color: #eee;
0097 }
0098 
0099 div.table tr:nth-child(even) {
0100     background-color: white;
0101 }
0102 
0103 div.table th {
0104     background-color: white;
0105     font-weight: normal;
0106     text-align: center;
0107     vertical-align: middle;
0108     border-bottom: 1px solid black;
0109 }
0110 
0111 div.table td {
0112     text-align: left;
0113     padding: 4px;
0114 }
0115 
0116 div.tip, div.note, div.warning, div.important {
0117     padding: 6pt;
0118     padding-top: 3pt;
0119     border-radius: 3px;
0120 }
0121 
0122 div.tip > .title, div.warning > .title, div.note > .title, div.important > .title {
0123     font-weight: 550;
0124 }
0125 
0126 div.tip {
0127     border: 2px solid #3daee9;
0128     background: #cbe3ef;
0129 }
0130 
0131 div.important {
0132     border: 2px solid #f67400;
0133     background: #f0d7c1;
0134 }
0135 
0136 div.note {
0137     border: 2px solid #27ae60;
0138     background: #c7e2d4;
0139 }
0140 
0141 div.warning {
0142     border: 2px solid #da4453;
0143     background: #ebced1;
0144 }
0145 
0146 /* Make the content wrapping div have a nice margin. */
0147 body div.chapter, body div.sect1, body div.book, body div.article {
0148     margin-left: 2em;
0149     margin-right: 2em;
0150 }
0151 
0152 div.sect2 {
0153     width: 100%;
0154 }
0155 
0156 .programlisting, pre.screen {
0157     -khtml-border-radius: 7px;
0158 
0159     /* This will work someday */
0160     border-radius: 7px;
0161 
0162     /* To support border radius on our OSS browser friends when
0163      * viewing online */
0164     -webkit-border-radius: 7px;
0165     -moz-border-radius: 7px;
0166 }
0167 
0168 .programlisting {
0169     border: 1px solid black;
0170     background: white;
0171 }
0172 
0173 .guimenu, .guimenuitem, .guisubmenu,
0174 .guilabel, .interface, .guibutton {
0175     background-color: rgb(220, 220, 220);
0176     color: black;
0177     border: 1px solid rgb(190, 190, 190);
0178 
0179     -khtml-border-radius: 3px;
0180     -moz-border-radius: 3px;
0181     -webkit-border-radius: 3px;
0182     border-radius: 3px;
0183 }
0184 
0185 .shortcut {
0186     background-color: #DDF;
0187     border: 1px dotted #BBF;
0188     font-weight: normal;
0189 
0190     -khtml-border-radius: 2px;
0191     -moz-border-radius: 2px;
0192     -webkit-border-radius: 2px;
0193     border-radius: 2px;
0194 }
0195 
0196 .keycap, .keysym {
0197     background-color: #DFDFFF;
0198     font-weight: bold;
0199 
0200     -khtml-border-radius: 2px;
0201     -moz-border-radius: 2px;
0202     -webkit-border-radius: 2px;
0203     border-radius: 2px;
0204 }
0205 
0206 pre.screen {
0207     border: 2px solid gray;
0208     background: black;
0209 
0210     color: white;
0211     font-weight: normal;
0212     font-family: monospace;
0213 }
0214 
0215 /* Make a screen black on white */
0216 pre.screen * {
0217     color: white;
0218     background: black;
0219     font-weight: normal;
0220     font-family: monospace;
0221 }
0222 
0223 pre.screen .userinput {
0224     color: green;
0225 }
0226 
0227 .informalexample {
0228     margin: 0px;
0229     padding: 0px;
0230     border: 0px;
0231     border-left: 1px dotted black;
0232     padding-left: 4px;
0233 }
0234 
0235 div.tip {
0236     margin-bottom: 12pt;
0237 }
0238 
0239 div.tip:last-child() {
0240     margin-bottom: 0pt;
0241 }
0242 
0243 pre:last-child() {
0244     margin-bottom: 0px;
0245 }
0246 
0247 div.titlepage {
0248     margin-left: 0px;
0249 }
0250 
0251 h3.title {
0252     margin-left: 0cm;
0253 }
0254 
0255 .screenshot, .informalfigure {
0256     border: 1px solid gray;
0257     background-color: rgb(240,240,240);
0258 }
0259 
0260 /* We no longer render <hr>s around <mediaobject>s, but this hides them in case
0261  * old generated HTML is displayed with the new style.
0262  */
0263 .mediaobject hr, .mediaobjectco hr {
0264     display: none;
0265 }
0266 
0267 /*
0268  * This gives us the styling for the header and footer.
0269  * See customization/kde-navig.xsl for where it's used.
0270  */
0271 #header {
0272     width: 100%;
0273     height: 51px;
0274     color: white;
0275     font-height: 3em;
0276     background: #54a3d8;
0277 }
0278 
0279 #header_content {
0280     margin-left: 1em;
0281     background: white;
0282     height: 47px;
0283 }
0284 #header_left {
0285     background: #54a3d8;
0286     display: inline-block;
0287     height: 47px;
0288     padding-right: 1em;
0289 }
0290 
0291 #header_right img {
0292     position: relative;
0293     top: 8px; /* Vertically center */
0294 }
0295 
0296 /* Used for the text and footer area at the bottom. */
0297 #footer {
0298     width: 100%;
0299     background-color: #eeeeee;
0300     border: 0px;
0301 
0302     /* Force footer to bottom of viewport/page */
0303     /* Either should be position:fixed to stay always at the bottom of the viewport, or 
0304        removed to be at the bottom of the page. I chose bottom of the page.
0305        position: absolute; */
0306     bottom: 0;
0307     height: 8.7em;
0308 }
0309 
0310 #footer_text {
0311     text-align:center;
0312     vertical-align: middle;
0313     padding-top: 12pt;
0314 }
0315 
0316 #footer .navCenter {
0317     border-top: 1px solid #DDD;
0318     border-bottom: 1px solid #AAA;
0319 }
0320 
0321 /* Two rows on this navCenter, so make the cells equal width */
0322 #footer .navCenter td {
0323     width: 33%;
0324 }
0325 
0326 a.footer_email {
0327     color: #282828;
0328     text-decoration: underline;
0329 }
0330 
0331 @media print {
0332     #header_right {
0333         color: black;
0334         text-shadow: gray 2px 2px 2px;
0335     }
0336 
0337     .navCenter {
0338         display: none;
0339     }
0340 
0341     #footer {
0342         border-top: 1px solid #DDD;
0343     }
0344 }
0345 
0346 img {
0347     max-width: 100%;
0348 }
0349 
0350 .productname {
0351     margin-left: 5px;
0352 }