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 }