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 }