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     border-radius: 7px;
0158 
0159     /* To support border radius on our OSS browser friends when
0160      * viewing online */
0161     -webkit-border-radius: 7px;
0162     -moz-border-radius: 7px;
0163 }
0164 
0165 .programlisting {
0166     border: 1px solid black;
0167     background: white;
0168 }
0169 
0170 .guimenu, .guimenuitem, .guisubmenu,
0171 .guilabel, .interface, .guibutton {
0172     background-color: rgb(220, 220, 220);
0173     color: black;
0174     border: 1px solid rgb(190, 190, 190);
0175 
0176     -moz-border-radius: 3px;
0177     -webkit-border-radius: 3px;
0178     border-radius: 3px;
0179 }
0180 
0181 .shortcut {
0182     background-color: #DDF;
0183     border: 1px dotted #BBF;
0184     font-weight: normal;
0185 
0186     -moz-border-radius: 2px;
0187     -webkit-border-radius: 2px;
0188     border-radius: 2px;
0189 }
0190 
0191 .keycap, .keysym {
0192     background-color: #DFDFFF;
0193     font-weight: bold;
0194 
0195     -moz-border-radius: 2px;
0196     -webkit-border-radius: 2px;
0197     border-radius: 2px;
0198 }
0199 
0200 pre.screen {
0201     border: 2px solid gray;
0202     background: black;
0203 
0204     color: white;
0205     font-weight: normal;
0206     font-family: monospace;
0207 }
0208 
0209 /* Make a screen black on white */
0210 pre.screen * {
0211     color: white;
0212     background: black;
0213     font-weight: normal;
0214     font-family: monospace;
0215 }
0216 
0217 pre.screen .userinput {
0218     color: green;
0219 }
0220 
0221 .informalexample {
0222     margin: 0px;
0223     padding: 0px;
0224     border: 0px;
0225     border-left: 1px dotted black;
0226     padding-left: 4px;
0227 }
0228 
0229 div.tip {
0230     margin-bottom: 12pt;
0231 }
0232 
0233 div.tip:last-child() {
0234     margin-bottom: 0pt;
0235 }
0236 
0237 pre:last-child() {
0238     margin-bottom: 0px;
0239 }
0240 
0241 div.titlepage {
0242     margin-left: 0px;
0243 }
0244 
0245 h3.title {
0246     margin-left: 0cm;
0247 }
0248 
0249 .screenshot, .informalfigure {
0250     border: 1px solid gray;
0251     background-color: rgb(240,240,240);
0252 }
0253 
0254 /* We no longer render <hr>s around <mediaobject>s, but this hides them in case
0255  * old generated HTML is displayed with the new style.
0256  */
0257 .mediaobject hr, .mediaobjectco hr {
0258     display: none;
0259 }
0260 
0261 /*
0262  * This gives us the styling for the header and footer.
0263  * See customization/kde-navig.xsl for where it's used.
0264  */
0265 #header {
0266     width: 100%;
0267     height: 51px;
0268     color: white;
0269     font-height: 3em;
0270     background: #54a3d8;
0271 }
0272 
0273 #header_content {
0274     margin-left: 1em;
0275     background: white;
0276     height: 47px;
0277 }
0278 #header_left {
0279     background: #54a3d8;
0280     display: inline-block;
0281     height: 47px;
0282     padding-right: 1em;
0283 }
0284 
0285 #header_right img {
0286     position: relative;
0287     top: 8px; /* Vertically center */
0288 }
0289 
0290 /* Used for the text and footer area at the bottom. */
0291 #footer {
0292     width: 100%;
0293     background-color: #eeeeee;
0294     border: 0px;
0295 
0296     /* Force footer to bottom of viewport/page */
0297     /* Either should be position:fixed to stay always at the bottom of the viewport, or 
0298        removed to be at the bottom of the page. I chose bottom of the page.
0299        position: absolute; */
0300     bottom: 0;
0301     height: 8.7em;
0302 }
0303 
0304 #footer_text {
0305     text-align:center;
0306     vertical-align: middle;
0307     padding-top: 12pt;
0308 }
0309 
0310 #footer .navCenter {
0311     border-top: 1px solid #DDD;
0312     border-bottom: 1px solid #AAA;
0313 }
0314 
0315 /* Two rows on this navCenter, so make the cells equal width */
0316 #footer .navCenter td {
0317     width: 33%;
0318 }
0319 
0320 a.footer_email {
0321     color: #282828;
0322     text-decoration: underline;
0323 }
0324 
0325 @media print {
0326     #header_right {
0327         color: black;
0328         text-shadow: gray 2px 2px 2px;
0329     }
0330 
0331     .navCenter {
0332         display: none;
0333     }
0334 
0335     #footer {
0336         border-top: 1px solid #DDD;
0337     }
0338 }
0339 
0340 img {
0341     max-width: 100%;
0342 }
0343 
0344 .productname {
0345     margin-left: 5px;
0346 }