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 }