smartscripts.nl: screen-CSS voor browser onbekend

Door CSS-optimizer gerealiseerde bandbreedtebesparing in kilobytes

Bronbestand: css.css

0001 /* ================ RESET ============== */
0002
0003 body, article, aside, canvas,
0004 footer, header, hgroup, menu, nav, section, summary,
0005 time, audio, video, #wrapper, #kop, #inhoud, .zonder, h1, h2, h3, h4, h3 + dl, p, pre, blockquote, cite, code, abbr, acronym, del, ins, object, ul, ol, li, dl, dd, dt, a, a:hover, img, img a, form, fieldset, label, legend, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td, small, dfn {
0006   font-size: 100%;
0007   font-weight: normal;
0008   font-style: normal;
0009   color: #333;
0010   text-align: left;
0011   text-decoration: none;
0012   border: 0;
0013   padding: 0;
0014   margin: 0;
0015   list-style: none;
0016 }
0017 body {
0018   line-height: 1;
0019 }
0020
0021 header, hgroup, section, article, figure, figcaption, aside, menu, nav, footer {
0022   display: block; /* hier heeft IE script voor nodig */
0023 }
0024 a:focus {
0025   outline: 0;
0026 }
0027 blockquote, q {
0028   quotes: none;
0029 }
0030
0031 blockquote:before, blockquote:after, q:before, q:after, cite:before, cite:after {
0032   content: '';
0033   content: none;
0034
0035 }
0036 blockquote, q {
0037   quotes: "\201C" "\201D" "\2018" "\2019";
0038 }
0039 q:before, blockquote:before {
0040   content: open-quote;
0041 }
0042 q:after, blockquote:after {
0043   content: close-quote;
0044 }
0045
0046 del {
0047   text-decoration: line-through;
0048 }
0049
0050 table {
0051   border-collapse: collapse;
0052 }
0053 dfn {
0054   cursor: pointer;
0055   font-style: italic;
0056 }
0057
0058 /* ===================== LAYOUT ==================== */
0059
0060 body {
0061   font: 100%/1.4 Arial, Helvetica, sans-serif; /*300 100%/1.625 "Helvetica Neue",Helvetica,Arial,sans-serif; */
0062   color: #333;
0063   padding-bottom: 1em;
0064   margin: 0;
0065 }
0066 #wrapper {
0067   width: 58.13em;
0068   padding-bottom: 1em;
0069   margin: 0 auto;
0070   position: relative;
0071   overflow: hidden;
0072   background: url(/a/basis.png) no-repeat;
0073   background-size: 58.13em 62.88em;
0074   -o-background-size: 58.13em 62.88em;
0075   -webkit-background-size: 58.13em 62.88em;
0076   -khtml-background-size: 58.13em 62.88em;
0077   -moz-background-size: 58.13em 62.88em;
0078   overflow: hidden;
0079   min-height: 600px;
0080 }
0081 header {
0082   width: 42.85em;
0083 }
0084 section header, .vervolg, div.accordeon.noaccordeon {
0085   margin: 6em 0 0 14.3em;
0086   float: left;
0087   background: rgba(255, 255, 255, .8);
0088 }
0089 .vervolg, div.accordeon, div#ajaxrefresh3 {
0090   position: relative;
0091 }
0092 #voorwaarden div.accordeon.noaccordeon {
0093   margin-left: 0;
0094 }
0095
0096 div.imagegroup {
0097   margin-left: 1em;
0098 }
0099 div.imagegroup a {
0100   display: inline-block;
0101   margin-bottom: .3em;
0102   margin-right: .3em;
0103 }
0104 section header {
0105   width: 17.8em;
0106   padding-bottom: 25px;
0107   position: relative;
0108 }
0109 nav #topnav {
0110   width: 33em;
0111   position: absolute;
0112   top: 6.75em;
0113   left: 14.3em;
0114 }
0115 nav #scripts {
0116   width: 12.85em;
0117   float: none;
0118   position: absolute;
0119   top: 16.3em;
0120   left: 0;
0121 }
0122 footer {
0123   color: #150162;
0124   width: 32.4em;
0125   padding: .7em 0 0 0;
0126   margin: 1.5em 0 0 14.3em;
0127   border-top: solid 1px #150162;
0128   float: left;
0129 }
0130 #alert {
0131   font-size: 95%;
0132   font-weight: bold;
0133   color: #C71B0C;
0134   line-height: 1.2;
0135   text-align: center;
0136   padding: .5em 0;
0137   margin-top: 1.3em;
0138   position: absolute;
0139   top: 7.5em;
0140   left: 30%;
0141 }
0142 /* Illustraties */
0143
0144 #illustratie {
0145   height: 20.937em;
0146   width: 13.45em;
0147   position: absolute;
0148   top: 10.3em;
0149   right: 11.5em;
0150 }
0151 #illustratie img,
0152 section header img {
0153   height: 20.937em;
0154   width: 13.45em;
0155   position: absolute;
0156 }
0157 section header a.editicoon img {
0158   height: 16px;
0159   width: 16px;
0160   position: relative;
0161 }
0162 a.editicoon {
0163   position: absolute;
0164   top: 0;
0165   right: 0;
0166 }
0167 #reageren #illustratie, #htmlemail #illustratie { /* staan links onder header */
0168   top: 23em;
0169   left: 14.3em;
0170 }
0171 #htmlemail #illustratie {
0172   top: 24.35em;
0173 }
0174
0175 #formulier section header img,
0176 #apache section header img,
0177 #voorwaarden section header img,
0178 #tweets section header img { /* staan rechts boven */
0179   right: 0;
0180 }
0181 /*#alex section header {
0182 background-size: 13.437em 20.937em;
0183 -o-background-size: 13.437em 20.937em;
0184 -webkit-background-size: 13.437em 20.937em;
0185 -khtml-background-size: 13.437em 20.937em;
0186 -moz-background-size: 13.437em 20.937em;
0187 }*/
0188
0189 /* ======= Specifieken per pagina ========== */
0190
0191 /* header breed (met/zonder illustratie links/rechts) */
0192 #smartscripts section header,
0193 #tarieven section header,
0194 #contact section header,
0195 #siteoptimizer section header,
0196 #formulier section header,
0197 #mailinglist section header,
0198 #mobielweb section header,
0199 #googlemaps section header,
0200 #zoeken section header,
0201 #apache section header,
0202 #voorwaarden section header,
0203 #bodyhosting section header,
0204 #alex section header,
0205 #vragen section header,
0206 #sitebouwer section header,
0207 #tweets section header,
0208 #voorwaarden section header,
0209 #disclaimer section header {
0210   width: 32.3em;
0211   padding-bottom: 0;
0212 }
0213 #disclaimer .zonder {
0214   min-height: 21em;
0215 }
0216 /* header met illustratie links/rechts) */
0217 #smartscripts section header,
0218 #siteoptimizer section header,
0219 #formulier section header,
0220 #mailinglist section header,
0221 #apache section header,
0222 #voorwaarden section header,
0223 #bodyhosting section header,
0224 #tweets section header {
0225   overflow: hidden;
0226   background: none;
0227 }
0228 /* header linksboven smal met illustratie eronder */
0229 #reageren section header, #htmlemail section header {
0230   width: 13.45em;
0231   padding-bottom: 22.4em;
0232   background: none;
0233 }
0234 /* vervolg rechtsboven */
0235 #reageren div.vervolg, #htmlemail div.vervolg {
0236   width: 17.8em;
0237   padding-bottom: 1em;
0238   margin-top: 6em;
0239   margin-right: 11.5em;
0240   margin-left: 0;
0241   border: 0;
0242   float: right;
0243 }
0244 /* vervolg linksonder */
0245 #home div.vervolg {
0246   width: 17.6em;
0247   padding-bottom: 1em;
0248   margin-top: 1.3em;
0249   border: solid 1px #901D7C;
0250 }
0251 /* vervolg breed met rand */
0252 #smartscripts div.accordeon.noaccordeon,
0253 #siteoptimizer div.accordeon.noaccordeon,
0254 #formulier div.accordeon.noaccordeon,
0255 #mailinglist div.accordeon.noaccordeon,
0256 #mobielweb div.accordeon.noaccordeon,
0257 #zoeken div.vervolg,
0258 #apache div.accordeon.noaccordeon,
0259 #voorwaarden div.accordeon.noaccordeon,
0260 #bodyhosting div.accordeon.noaccordeon,
0261 #smartscripts div.vervolg,
0262 #vragen div.accordeon.noaccordeon,
0263 #sitebouwer div.vervolg,
0264 #tweets div.accordeon.noaccordeon,
0265 #voorwaarden div.accordeon.noaccordeon {
0266   width: 32.2em; /*32.4em zonder rand*/
0267   padding-bottom: 1em; /*alleen met rand*/
0268   margin-top: 1.3em;
0269   border: solid 1px #901D7C;
0270 }
0271 /* vervolg breed zonder rand */
0272 #vragen div.accordeon.noaccordeon,
0273 #sitebouwer div.vervolg,
0274 #zoeken div.vervolg {
0275   width: 32.4em;
0276   border: 0;
0277 }
0278 /* vervolg breed zonder rand - sluit direct aan op header */
0279 #tarieven div.vervolg,
0280 #alex div.accordeon.noaccordeon,
0281 #contact div.vervolg,
0282 #googlemaps div.vervolg,
0283 #zoeken div.vervolg {
0284   width: 32.4em;
0285   margin-top: 0;
0286 }
0287 #smartscripts div.accordeon.noaccordeon,
0288 #siteoptimizer div.accordeon.noaccordeon,
0289 #mailinglist div.accordeon.noaccordeon,
0290 #formulier div.accordeon.noaccordeon,
0291 #apache div.accordeon.noaccordeon,
0292 #voorwaarden div.accordeon.noaccordeon,
0293 #bodyhosting div.accordeon.noaccordeon,
0294 #alex div.accordeon.noaccordeon,
0295 #tweets div.accordeon.noaccordeon {
0296   padding-bottom: 1.7em;
0297 }
0298 #alex .staatrechts {
0299   margin-top: 1em;
0300   margin-right: 0;
0301   margin-left: 2em;
0302 }
0303
0304 /* ============== TEKST ================ */
0305
0306 h1 {
0307   font-size: 150%;
0308   line-height: 1.1;
0309   font-weight: normal;
0310   color: #901D7C;
0311   margin: .65em 0 .5em 0;
0312 }
0313 h2 {
0314   font-size: 150%;
0315   line-height: 1.1;
0316   font-weight: normal;
0317   color: #333;
0318   margin: .75em 0 .35em 0;
0319 }
0320 h3 {
0321   font-size: 100%;
0322   line-height: 1.1;
0323   font-weight: bold;
0324   color: #999;
0325   margin-top: 1em;
0326   border: 0;
0327   background: none;
0328 }
0329 h4, dt {
0330   font-size: 95%;
0331   font-weight: bold;
0332   color: #333;
0333   margin-top: 1em;
0334 }
0335 p, li, dd, td, label, blockquote {
0336   font-size: 90%;
0337 }
0338 p, ul, ol, dd, blockquote {
0339   margin-bottom: 1em;
0340 }
0341 dt {
0342   line-height: 1.1;
0343   margin: .75em 0;
0344 }
0345 section dd ul {
0346   padding-left: 17px;
0347 }
0348 dd li {
0349   font-size: 100%;
0350 }
0351 cite {
0352   font-size: 75%;
0353   line-height: 1.3;
0354   display: block;
0355   margin: 0 0 1em 0;
0356 }
0357 a {
0358   color: #901D7C;
0359   text-decoration: underline;
0360 }
0361 a:hover, a:focus, a:active {
0362   color: #322A7F;
0363   text-decoration: none;
0364   transition: color .8s ease-out;
0365   -moz-transition: color .8s ease-out;
0366   -webkit-transition: color .8s ease-out;
0367 }
0368 section a:focus, section a:active {
0369   background-color: #98D8F3;
0370 }
0371
0372 /* ============= KOP ============= */
0373
0374
0375 header h1 {
0376   font-size: 180%;
0377   line-height: 1;
0378   font-weight: normal;
0379   font-style: italic;
0380   letter-spacing: normal;
0381   text-transform: lowercase;
0382   text-align: right;
0383   color: #901D7C;
0384   padding: .7em;
0385   margin: 0;
0386 }
0387 .logo {
0388   width: 11.5em;
0389   height: 11.5em;
0390   position: absolute;
0391   top: .3125em;
0392   left: .75em;
0393 }
0394 a .logo {
0395   -moz-box-shadow: 0px 0px 4px #FFF;
0396   -webkit-box-shadow: 0px 0px 4px #FFF;
0397   box-shadow: 0px 0px 4px #FFF;
0398 }
0399 a:hover .logo, a:focus .logo {
0400   -moz-box-shadow: 0px 0px 4px #98D8F3;
0401   -webkit-box-shadow: 0px 0px 4px #98D8F3;
0402   box-shadow: 0px 0px 4px #98D8F3;
0403 }
0404 section header h1 {
0405   font-style: normal;
0406   text-transform: none;
0407   text-align: left;
0408   padding-top: 0;
0409 }
0410 section header p, section header blockquote {
0411   font-weight: bold;
0412   color: #322A7F;
0413   padding-top: .15em;
0414   margin-bottom: 0;
0415 }
0416
0417 /* afbeelding en tekst gelijke hoogte */
0418 #smartscripts section header h1, #smartscripts section header p,
0419 #siteoptimizer section header h1, #siteoptimizer section header p,
0420 #formulier section header h1, #formulier section header p,
0421 #mailinglist section header h1, #mailinglist section header p,
0422 #apache section header h1, #apache section header p,
0423 #voorwaarden section header h1, #voorwaarden section header p,
0424 #bodyhosting section header h1, #bodyhosting section header p, #bodyhosting section header blockquote,
0425 #tweets section header h1, #tweets section header p {
0426   padding-top: 0;
0427   margin-bottom: 0;
0428   float: right;
0429 }
0430 #smartscripts section header h1, #smartscripts section header p,
0431 #siteoptimizer section header h1, #siteoptimizer section header p,
0432 #formulier section header h1, #formulier section header p,
0433 #reageren section header h1, #reageren section header p,
0434 #mailinglist section header h1, #mailinglist section header p,
0435 #htmlemail section header h1, #htmlemail section header p,
0436 #apache section header h1, #apache section header p,
0437 #voorwaarden section header h1, #voorwaarden section header p,
0438 #bodyhosting section header h1, #bodyhosting section header p, #bodyhosting section header blockquote,
0439 #tweets section header h1, #tweets section header p {
0440   background: rgba(255, 255, 255, .8);
0441   width: 8.1em;
0442 }
0443 #smartscripts section header p,
0444 #siteoptimizer section header p,
0445 #reageren section header p,
0446 #formulier section header p,
0447 #mailinglist section header p,
0448 #htmlemail section header p,
0449 #apache section header p,
0450 #voorwaarden section header p,
0451 #bodyhosting section header p,
0452 #bodyhosting section header blockquote,
0453 #tweets section header p {
0454   width: 16.2em;
0455   padding-bottom: 25px;
0456   clear: right;
0457 }
0458 #apache section header p,
0459 #voorwaarden section header p,
0460 #bodyhosting section header p,
0461 #bodyhosting section header blockquote {
0462   padding-bottom: .7em;
0463 }
0464 /* afbeelding rechts */
0465 #formulier section header h1, #formulier section header p,
0466 #apache section header h1, #apache section header p,
0467 #voorwaarden section header h1, #voorwaarden section header p,
0468 #tweets section header h1, #tweets section header p {
0469   float: left;
0470 }
0471 #formulier section header h1,
0472 #apache section header h1,
0473 #voorwaarden section header h1,
0474 #bodyhosting section header h1,
0475 #alex section header h1 {
0476   padding-left: 25px;
0477 }
0478 /*#formulier section header p,
0479 #apache section header p {
0480 clear: left;
0481 }*/
0482 /*#formulier section header p,
0483 #voorwaarden section header p {
0484 clear: left;
0485 }*/
0486 #apache .pluspadbot,
0487 #voorwaarden .pluspadbot,
0488 #bodyhosting .pluspadbot,
0489 #vragen section header p,
0490 #sitebouwer section header p,
0491 #mobielweb section header p,
0492 #voorwaarden section header p {
0493   padding-bottom: 1.5em;
0494 }
0495 /* afbeelding onder */
0496 #reageren section header h1, #reageren section header p,
0497 #htmlemail section header h1, #htmlemail section header p {
0498   width: auto;
0499 }
0500 #reageren section header h1,
0501 #htmlemail section header h1 {
0502   padding-left: 25px;
0503 }
0504 /* kreet */
0505
0506 #kreet {
0507   font-size: 130%;
0508   font-weight: normal;
0509   line-height: 1.3;
0510   color: #FFF;
0511   padding: 1em 1em 1em 1.3em;
0512 }
0513 #home #kreet, #smartscripts #kreet, #siteoptimizer #kreet, #formulier #kreet, #reageren #kreet, #tweets #kreet, #mailinglist #kreet, #htmlemail #kreet, #apache #kreet, #voorwaarden #kreet, #bodyhosting #kreet {
0514   width: 8em;
0515   position: absolute;
0516   top: 1em;
0517   left: 0;
0518   background: none;
0519   z-index: 100;
0520 }
0521 #home #kreet {
0522   top: 0;
0523   left: auto;
0524   right: -11.1em;
0525 }
0526 #formulier #kreet, #apache #kreet, #voorwaarden #kreet, #tweets #kreet {
0527   left: auto;
0528   right: .1em;
0529 }
0530 #reageren #kreet, #htmlemail #kreet {
0531   top: auto;
0532 }
0533 /* ======= classes en samengestelde kiezers ====== */
0534
0535 section h1, section h2, section h3, section h4, section p, section ul, section dl, section blockquote, .zonder li {
0536   padding-right: 25px;
0537   padding-left: 25px;
0538 }
0539 /*#contact div.vervolg h1 {
0540 font-size: 110%;
0541 }*/
0542 #reageren div.vervolg h2, #htmlemail div.vervolg h2 {
0543   margin-top: 0;
0544 }
0545 section h1, section h2, section h3 {
0546   color: #901D7C;
0547   font-weight: normal;
0548 }
0549 section ul, section ol, section dl {
0550   margin-top: .75em;
0551   margin-bottom: .5em;
0552 }
0553 section ul {
0554   padding-left: 40px;
0555 }
0556 section ol {
0557   padding: 0 15px 0 43px;
0558 }
0559 section ol li {
0560   list-style: decimal;
0561 }
0562 section ul li {
0563   list-style-type: square;
0564 }
0565 #home div.vervolg li {
0566   font-size: 85%;
0567   line-height: 1.3;
0568   margin-top: .5em;
0569 }
0570         section header a, section header a:hover, section header a:focus, section header a:active {
0571   font-weight: bold;
0572 }
0573 section header a:hover, section header a:focus, section header a:active {
0574   background-color: #9ACEF3;
0575   text-decoration: none;
0576 }
0577 #illustratie a, #illustratie a:hover, #illustratie a:focus, #illustratie a:active {
0578   color: #FFF;
0579 }
0580 ul#inhoudsopgave {
0581   padding-top: .2em;
0582   padding-left: 0;
0583   margin-bottom: 0;
0584 }
0585 ul#inhoudsopgave li {
0586   font-size: 100%;
0587   line-height: 2;
0588   list-style: none;
0589   padding: 0 25px;
0590 }
0591 ul#inhoudsopgave li:after {
0592   color: #901D7C;
0593   font-weight: bold;
0594   content: '&;raquo;';
0595   padding-left: .5em;
0596 }
0597 ul#inhoudsopgave li a {
0598   text-decoration: none;
0599 }
0600 ul#inhoudsopgave li a:hover, ul#inhoudsopgave li a:focus, ul#inhoudsopgave li a:active {
0601   color: #72BAE0;
0602 }
0603 ul.tarieven {
0604   width: 25em;
0605 }
0606 .tarieven li {
0607   position: relative;
0608 }
0609 .tarieven li span {
0610   position: absolute;
0611   width: 5em;
0612   top: 0;
0613   left: 29.5em;
0614 }
0615 .tarieven li .schuinklein {
0616   float: none;
0617   position: static;
0618 }
0619 section p.tekstrandboven {
0620   padding: 1em 0 0 0;
0621   margin: 1.5em 25px 1em 25px;
0622   border-top: 1px solid #901D7C;
0623 }
0624 #contact footer {
0625   padding-top: 2em;
0626 }
0627 #disclaimer .zonder li {
0628   margin-bottom: 1em;
0629 }
0630
0631 /* ========= FIGURE ======== */
0632
0633 figure {
0634 /*border: 1px solid #333;*/
0635     margin: 5px 0 10px 0;
0636     position: relative;
0637 }
0638 #siteoptimizer figure {
0639   display: inline;
0640 }
0641 .afm160x120 {
0642   width: 10em;
0643   height: 7.44em;
0644 }
0645 .afm80x60 {
0646   width: 5em;
0647   height: 3.75em;
0648 }
0649
0650 figcaption {
0651     position: absolute;
0652     left: 0;
0653     bottom: 0;
0654     width: 100%;
0655     font-size: .7em;
0656     color: #FFF;
0657     background-color: rgba(0,0,0,.7);
0658     opacity: 0;
0659     filter: alpha(opacity=0);
0660     -webkit-transition: opacity .5s ease-in-out;
0661     -moz-transition: opacity .5s ease-in-out;
0662     -o-transition: opacity .5s ease-in-out;
0663     transition: opacity .5s ease-in-out;
0664 }
0665 figure:hover figcaption {
0666     opacity: 1;
0667     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa000000,endColorstr=#aa000000);
0668 }
0669 figcaption * {
0670     padding: 0 10px;
0671     margin: 0;
0672 }
0673 .afm160x120 {
0674   width: 10em;
0675   height: 7.44em;
0676 }
0677
0678 /* =============== NAVIGATIE ========== */
0679
0680 /* horizontaal menu */
0681
0682 #topnav {
0683   margin: 0;
0684 }
0685 #topnav li {
0686   font-size: 105%;
0687   width: 8em;
0688   padding: 0;
0689   margin: 0 1em 0 0;
0690   float: left;
0691   position: relative;
0692 }
0693 #topnav li.geladen {
0694   font-weight: bold;
0695   text-align: center;
0696   background: #FFF;
0697   padding: .2em 0 .1em 0;
0698   color: #150162;
0699 }
0700 #topnav li a {
0701   font-weight: bold;
0702   text-align: center;
0703   color: #150162;
0704   text-decoration: none;
0705   padding: .2em 0 .1em 0;
0706   display: block;
0707   background: #9ACEF3;
0708 }
0709 #topnav li a:hover, #topnav li a:focus, #topnav li a:active {
0710   font-weight: bold;
0711   text-align: center;
0712   color: #FFF;
0713   padding: .2em 0 .1em 0;
0714   transition: color .8s ease-out;
0715   -moz-transition: color .8s ease-out;
0716   -webkit-transition: color .8s ease-out;
0717 }
0718
0719 #scripts ul {
0720   padding-bottom: 1.5em;
0721
0722 }
0723 #scripts li {
0724   font-size: 95%;
0725   line-height: 2;
0726 }
0727 #scripts li a {
0728   font-weight: bold;
0729   text-align: right;
0730   color: #FFF;
0731   text-decoration: none;
0732   padding-right: 1.5em;
0733   display: block;
0734 }
0735 #scripts li a:hover, #scripts li a:focus, #scripts li a:active {
0736   color: #98D8F3;
0737   font-weight: bold;
0738   background: url(/a/misc.gif) no-repeat right -4.38em;
0739   background-size: 1em 8em;
0740   -o-background-size: 1em 8em;
0741   -webkit-background-size: 1em 8em;
0742   -khtml-background-size: 1em 8em;
0743   -moz-background-size: 1em 8em;
0744 }
0745 #scripts li.geladen {
0746   color: #B78EBC;
0747   font-weight: bold;
0748   text-align: right;
0749   padding-right: 1.5em;
0750   background: url(/a/misc.gif) no-repeat right -6.65em;
0751   background-size: 1em 8em;
0752   -o-background-size: 1em 8em;
0753   -webkit-background-size: 1em 8em;
0754   -khtml-background-size: 1em 8em;
0755   -moz-background-size: 1em 8em;
0756 }
0757 #socialmedia, #extramenu {
0758   width: 8.5em;
0759   margin-top: 5.5em;
0760   position: absolute;
0761   top: 4em;
0762   right: 0;
0763 }
0764 #extramenu {
0765   width: 7.5em;
0766   right: 1.1em;
0767 }
0768 #socialmedia li {
0769   font-size: 80%;
0770   line-height: 1.6em;
0771   color: #901D7C;
0772   height: 1.55em;
0773   padding: 0 1em 0 1.5em;
0774   margin: 1em 0 0 0;
0775 }
0776 li.twitter, li#linkedin, li#delicious { /* #twitter omgezet naar class zolang de andere 2 (linkedin en delicious) zijn verwijderd) */
0777   background: url(/a/misc.gif) no-repeat left .23em;
0778   background-size: 1.25em 10em;
0779   -o-background-size: 1.25em 10em;
0780   -webkit-background-size: 1.25em 10em;
0781   -khtml-background-size: 1.25em 10em;
0782   -moz-background-size: 1.25em 10em;
0783   list-style: none;
0784 }
0785 li#delicious {
0786   background: url(/a/misc.gif) no-repeat left -3.6em;
0787 }
0788 li#linkedin {
0789   background: url(/a/misc.gif) no-repeat left -1.73em;
0790 }
0791 #socialmedia a {
0792   color: #901D7C;
0793   font-weight: bold;
0794   text-decoration: none;
0795   padding: .1em .2em .2em .3em;
0796 }
0797 #socialmedia a:hover, #socialmedia a:focus, #socialmedia a:active {
0798   color: #901D7C;
0799   font-weight: bold;
0800   padding: .1em .2em .2em .3em;
0801   background: #FFF;
0802 }
0803 #extramenu li {
0804   font-size: 70%;
0805   width: 10.6em;
0806   position: absolute;
0807   top: 46.5em;
0808 }
0809 #extramenu #faq {
0810   top: 15em;
0811 }
0812 #extramenu #nieuws {
0813   top: 18.5em;
0814 }
0815 #extramenu #blog {
0816   top: 22em;
0817 }
0818 #extramenu #alexlink {
0819   top: 47.5em;
0820 }
0821 #extramenu a, #extramenu a:hover, #extramenu a:focus, #extramenu a:active, #extramenu .geladen {
0822   font-weight: bold;
0823   color: #322A7F;
0824   text-align: center;
0825   text-decoration: none;
0826   display: block;
0827   padding: .3em .2em;
0828   background-color: #FFF;
0829   border: solid 1px #FFF;
0830 }
0831 #extramenu #faq.geladen, #extramenu #nieuws.geladen, #extramenu #blog.geladen {
0832   padding: .3em 0;
0833   border: 0;
0834 }
0835 #alexlink a, #alexlink a:hover, #alexlink a:focus, #alexlink a:active, #alexlink.geladen {
0836   font-weight: normal;
0837   font-style: italic;
0838   text-decoration: underline;
0839   background: none;
0840   border: 0;
0841 }
0842 #alexlink a:hover, #alexlink a:focus, #alexlink a:active, #alexlink.geladen {
0843   background-color: #FFF;
0844 }
0845 #alexlink a:hover, #alexlink a:focus, #alexlink a:active, #alexlink.geladen, #faq a:hover, #faq a:focus, #faq a:active, #faq.geladen, #nieuws a:hover, #nieuws a:focus, #nieuws a:active, #nieuws.geladen, #blog a:hover, #blog a:focus, #blog a:active, #blog.geladen {
0846   text-decoration: none;
0847 }
0848 #faq a, #faq.geladen, #nieuws a, #nieuws.geladen, #blog a, #blog.geladen {
0849   transition: color 0s ease-out;
0850   -moz-transition: color 0s ease-out;
0851   -webkit-transition: color 0s ease-out;
0852 }
0853 #faq a:hover, #faq a:focus, #faq a:active, #nieuws a:hover, #nieuws a:focus, #nieuws a:active, #blog a:hover, #blog a:focus, #blog a:active, #alexlink a:hover, #alexlink a:focus, #alexlink a:active {
0854   color: #901D7C;
0855   border-color: #901D7C;
0856 }
0857 #mailadres {
0858   font-size: 75%;
0859   text-align: right;
0860   color: #322A7F;
0861   width: 15em;
0862   position: absolute!important;
0863   top: 54.5em;
0864   right: 1.6em;
0865   background-color: #C00;
0866 }
0867 #mailadres span {
0868   text-align: center;
0869   display: block;
0870   width: 10.1em;
0871   padding: .3em 0;
0872   position: absolute;
0873   right: 0;
0874 }
0875 a#mailadres:hover, a#mailadres:focus, a#mailadres:active {
0876   color: #901D7C;
0877 }
0878 a#mailadres:hover span, a#mailadres:focus span, a#mailadres:active span {
0879   background-color: #FFF;
0880 }
0881
0882 /* footer
0883
0884 footer ul {
0885 margin-bottom: 0;
0886 width: 28em;
0887 margin: auto;
0888 }
0889 footer li {
0890 font-size: 70%;
0891 color: #150162;
0892 display: inline;
0893 border-right: solid 1px #98D8F3;
0894 }
0895 footer li:last-child {
0896 border: 0;
0897 }
0898 footer a {
0899 color: #150162;
0900 color: #999;
0901 display: inline-block;
0902 padding: 0 .8em;
0903 }
0904 footer a:hover, footer a:focus, footer a:active {
0905 color: #901D7C;
0906 background: #FFF;
0907 padding: 0 .8em;
0908 } */
0909 #infosite {
0910   position: absolute;
0911   left: 13.7em;
0912   bottom: 0;
0913 }
0914 #infosite li {
0915   font-size: 75%;
0916   color: #150162;
0917   display: inline;
0918   border-right: solid 1px #98D8F3;
0919 }
0920 #infosite li:last-child {
0921   border: 0;
0922 }
0923 #infosite li a {
0924   color: #150162;
0925   color: #98D8F3;
0926   color: #999;
0927   display: inline-block;
0928   padding: 0 .8em;
0929 }
0930 #infosite li a:hover, #infosite li a:focus, footer li a:active {
0931   color: #901D7C;
0932   background: #FFF;
0933 }
0934 .overleg {
0935   background: #F60;
0936   font-weight: bold;
0937 }
0938 .nieuwetekstschrijven {
0939   background: #F9F;
0940 }
0941 .alextekst {
0942   background: #3C0;
0943 }
0944 #mobielswitch {
0945   position: absolute;
0946   top: 5em;
0947   left: 48.25em;
0948 }
0949 #mobielswitch a {
0950   font-size: 80%;
0951   font-weight: bold;
0952   color: #FFF;
0953   text-decoration: none;
0954   padding: .2em;
0955 }
0956 #mobielswitch a:hover, #mobielswitch a:focus, #mobielswitch a:active {
0957   background-color: #993087;
0958   transition: none;
0959   -moz-transition: none;
0960   -webkit-transition: none;
0961 }
0962 #mobielswitch a:before {
0963 /*content: "»& ";*/
0964 }
0965
0966 /* ========= CMS ========= */
0967
0968
0969 .staatrechts {
0970   margin: 0 1.5em .5em .8em;
0971   float: right;
0972 }
0973 .staatlinks {
0974   float: left;
0975 }
0976 .schuin {
0977   font-style: italic;
0978 }
0979 .schuinklein {
0980   font-size: 80%;
0981   font-weight: normal;
0982   font-style: italic;
0983   line-height: 1.1;
0984   color: #333;
0985 }
0986 .vet {
0987   font-weight: bold;
0988 }
0989 .plus {
0990   margin-top: 1em;
0991 }
0992 .zonder li {
0993   list-style: none;
0994
0995 }
0996 .clear {
0997   clear: both;
0998 }
0999
1000 code {
1001   white-space: normal;
1002   padding: 10px 0;
1003   margin: 0;
1004   position: relative;
1005   left: 10px;
1006 }
1007 #test {
1008   background-color: #CC0;
1009 }
1010
1011 div.scrollable_container {
1012   margin-left: .8em;
1013   min-height: 120px;
1014 }
1015
1016 div.mobile {
1017   display: none;
1018 }
1019
1020 p.totalen {
1021   font-style: italic;
1022 }
1023 ol.zoekresultaat li {
1024   font-weight: bold;
1025   margin-top: 1.5em;
1026 }
1027
1028 span.viazoekmachine, ol.zoekresultaat li em {
1029   display: inline-block;
1030   padding: 1px 4px;
1031   background: #98D8F3;
1032   -webkit-border-radius: 9px;
1033   -moz-border-radius: 9px;
1034   border-radius: 9px;
1035   color: #000;
1036   font-style: normal;
1037 }
1038
1039 ol.zoekresultaat li span {
1040   font-weight: normal;
1041   display: block;
1042   margin-left: 1.5em;
1043 }
1044 ol.zoekresultaat li span.treffers {
1045   font-weight: bold;
1046   margin-bottom: .5em;
1047   margin-left: 0;
1048 }
1049 ol.zoekresultaat li span.ingeperkt {
1050   font-style: italic;
1051   font-size: 90%;
1052   margin-top: .3em;
1053   margin-left: 0;
1054 }
1055 ol.zoekresultaat span.puntjes {
1056   white-space: pre;
1057   display: inline;
1058   margin-left: 0;
1059 }
1060
1061 /* pleister voor tooltips die in FireFox-Mac niet goed gaan en bij onmouseover zomaar een extra div in de body zetten */
1062 div.ui-tooltip {
1063   max-width: 70%;
1064 }
1065

Bronbestand: scripts.css - omhoog

0001
0002 /* =================== Accordeon ================= */
0003
0004 .accordeon .achandle {
0005   cursor: pointer;
0006   text-decoration: underline;
0007   margin-bottom: .3em;
0008 }
0009
0010 /*.accordeon .achandle a {
0011 display: block;
0012 }*/
0013
0014 .accordeon .achandle:hover, .accordeon .achandle a:hover {
0015   text-decoration: none;
0016 }
0017
0018 .accordeon .achandle:active, .accordeon .achandle a:active {
0019   cursor: wait;
0020 }
0021
0022 /* ======= ANTISPAM ======= */
0023 .ezo span {
0024   unicode-bidi: bidi-override;
0025   direction: rtl;
0026   white-space: nowrap;
0027 }
0028 .bronweg {
0029   position: absolute;top: 0;left:-99999em
0030 }
0031
0032 .errordialog { /* tbv custom javascript foutmeldingen in de klotenbrowsers ie6 en ie7 */
0033   position: absolute;
0034   width: 100%;
0035   border-bottom: 1px solid black;
0036   background: lightyellow;
0037   left: 0;
0038   top: 0;
0039   padding: 3px 0;
0040   text-indent: 5px;
0041   font: normal 11px Verdana;
0042 }
0043 .javascriptmelding { /* tbv meldingen tussen spans die alleen zichtbaar mogen zijn indien js aan staat: dan deze meldingen dynamisch zichtbaar gemaakt mbv javascript */
0044   display: none;
0045 }
0046 ul#gmnav {
0047   text-indent: 0;
0048   visibility: hidden;
0049 }
0050 .googledir td a {
0051   text-decoration: none;
0052   color: inherit;
0053   cursor: text;
0054 }
0055 .googledir td {
0056   cursor: text;
0057 }
0058
0059 span.melding404 {
0060   color: #FF0000;
0061 }
0062
0063 #reactieformulier {
0064   display: none;
0065 }
0066
0067 .rssdatum {
0068   font-style: italic;
0069   margin-bottom: -1.3em;
0070   margin-top: 1em;
0071 }
0072
0073 li#rss {
0074   background: url(/a/rss.jpg) no-repeat left .23em;
0075   background-size: 1.25em 1.25em;
0076   -o-background-size: 1.25em 1.25em;
0077   -webkit-background-size: 1.25em 1.25em;
0078   -khtml-background-size: 1.25em 1.25em;
0079   -moz-background-size: 1.25em 1.25em;
0080   list-style: none;
0081 }
0082
0083 /* overal 2em bij op tov css.css, vanwege rss-icoon */
0084
0085 span.viazoekmachine {
0086   display: inline-block;
0087   padding: 1px 4px;
0088   background: #98D8F3;
0089   -webkit-border-radius: 9px;
0090   -moz-border-radius: 9px;
0091   border-radius: 9px;
0092   color: #000;
0093 }
0094 /* spans binnen links minder opvallend opmaken, zodat paginabeeld niet verstoord door verspringende links */
0095 a span.viazoekmachine {
0096   padding: 1px 0;
0097   background: #98D8F3;
0098   -webkit-border-radius: 0;
0099   -moz-border-radius: 0;
0100   border-radius: 0;
0101   color: #C00;
0102   text-decoration: overline;
0103 }
0104
0105 div.navigator {
0106   text-align: center;
0107   font-size: 90%;
0108   padding-top: 1em;
0109 }
0110 div.totalpagesdisplay {
0111   text-align: center;
0112   font-size: 90%;
0113 }
0114 div.navigator span, div.navigator a {
0115   margin-right: .4em;
0116 }
0117
0118 #reactieverzonden {
0119   height: 50px; /* zodat de content na reactieveld zeker omlaaggedrukt wordt */
0120 }
0121
0122 div.debugblok {
0123   background: yellow;
0124   padding: 15px;
0125   color: #C00;
0126   border: 1px solid #C00;
0127   margin: 20px 15px;
0128   position: relative;
0129   z-index: 5;
0130 }
0131 div.debugblok h2 {
0132   margin: 0;
0133 }
0134 div.debugblok ol {
0135   margin-top: 1em;
0136 }
0137 /* vermelding bestandsnaam en regelnummer onder de debuginfo */
0138 div.debugblok ol ol {
0139   margin: .3em 0 0 3em;
0140 }
0141 div.debugblok ol ol li {
0142   font-style: italic !important;
0143 }
0144
0145 div.debugblok span.failed-condition {
0146   margin: 5px 0;
0147   background: #000;
0148   color: #fff;
0149   font-weight: bold;
0150   display: block;
0151   -webkit-border-radius: 6px;
0152   -moz-border-radius: 6px;
0153   -khtml-border-radius: 6px;
0154   border-radius: 6px;
0155   padding: 2px 10px;
0156 }
0157
0158 .hide {
0159   display: none;
0160 }
0161
0162 .show {
0163   display: block;
0164 }
0165
0166 .inline {
0167   display: inline;
0168 }
0169
0170 @media print {
0171   nav, footer, aside.kolom, .alexlink, .noprint {
0172     display: none;
0173   }
0174
0175   .accordeon .acitem {
0176     display: block !important;
0177   }
0178 }
0179
0180 div#optiebeheerlink {
0181   position: absolute;
0182   top: 3px;
0183   right: 3px;
0184   width: 16px;
0185   height: 16px;
0186 }
0187
0188 /* playbutton voor Fancybox swf-movies */
0189
0190 .moviecontainer {
0191   position: relative;
0192 }
0193
0194 .playbutton-control {
0195   position: absolute;
0196   left: 50%;
0197   bottom: -100px;
0198   display: block;
0199   width: 100px;
0200   height: 100px;
0201   padding: 0;
0202   margin: 0 0 0 -50px;
0203 }
0204 a.playbutton-control-overlay{
0205   top: 0;
0206   left: 0;
0207   position: absolute;
0208   width: 100%;
0209   height: 100%;
0210   display: block;
0211   background: #000;
0212   opacity: 0.35;
0213   text-align: center;
0214   background: transparent url(/so_afbeeldingen/play.png) center center no-repeat;
0215 }
0216
0217 /* slideshow */
0218
0219 ul.slideshow-xfade {
0220   position: relative;
0221   overflow: visible;
0222   margin: 0;
0223   padding: 0;
0224 }
0225
0226 ul.slideshow-xfade li {
0227   display: none; /* disable this one if you want all images to be viewable when javascript has been disabled */
0228   position: relative; /* will be changed to absolute by javascript =>images displayed nicely under each other when javascript and display: none on the previous line have been disabled */
0229   top: 0;
0230   left: 0;
0231   margin: 0;
0232   padding: 0;
0233 }
0234
0235 ul.slideshow-xfade li.active {
0236   display: block;
0237 }
0238
0239

Bronbestand: fancybox.css (enkel indien nodig op pagina) - omhoog

0001 /*================================== FANCYBOX LIGHTBOX SCRIPT ================================= */
0002
0003 a.fancybox:hover img
0004 {
0005   border: 2px solid gray;
0006   cursor: url('/so_afbeeldingen/fancybox/zoomin.cur'), pointer !important;
0007 }
0008
0009
0010 /*
0011 * FancyBox - jQuery Plugin
0012 * Simple and fancy lightbox alternative
0013 *
0014 * Examples and documentation at: http://fancybox.net
0015 *
0016 * Copyright (c) 2008 - 2010 Janis Skarnelis
0017 *
0018 * Version: 1.3.1 (05/03/2010)
0019 * Requires: jQuery v1.3+
0020 *
0021 * Dual licensed under the MIT and GPL licenses:
0022 * http://www.opensource.org/licenses/mit-license.php
0023 * http://www.gnu.org/licenses/gpl.html
0024 */
0025
0026 #fancybox-loading {
0027   position: fixed;
0028   top: 50%;
0029   left: 50%;
0030   height: 40px;
0031   width: 40px;
0032   margin-top: -20px;
0033   margin-left: -20px;
0034   cursor: pointer;
0035   overflow: hidden;
0036   z-index: 1104;
0037   display: none;
0038 }
0039
0040 * html #fancybox-loading { /* IE6 */
0041   position: absolute;
0042   margin-top: 0;
0043 }
0044
0045 #fancybox-loading div {
0046   position: absolute;
0047   top: 0;
0048   left: 0;
0049   width: 40px;
0050   height: 480px;
0051   background-image: url(/so_afbeeldingen/fancybox/fancybox.png);
0052 }
0053
0054 #fancybox-overlay {
0055   position: fixed;
0056   top: 0;
0057   left: 0;
0058   bottom: 0;
0059   right: 0;
0060   background: #fff;
0061   z-index: 1100;
0062   display: none;
0063 }
0064
0065 * html #fancybox-overlay { /* IE6 */
0066   position: absolute;
0067   width: 100%;
0068 }
0069
0070 #fancybox-tmp {
0071   padding: 0;
0072   margin: 0;
0073   border: 0;
0074   overflow: auto;
0075   display: none;
0076 }
0077
0078 #fancybox-wrap {
0079   position: absolute;
0080   top: 0;
0081   left: 0;
0082   margin: 0;
0083   padding: 20px;
0084   z-index: 1101;
0085   display: none;
0086 }
0087
0088 #fancybox-outer {
0089   position: relative;
0090   width: 100%;
0091   height: 100%;
0092   background: #FFF;
0093 }
0094
0095 #fancybox-inner {
0096   position: absolute;
0097   top: 0;
0098   left: 0;
0099   width: 1px;
0100   height: 1px;
0101   padding: 0;
0102   margin: 0;
0103   outline: none;
0104   overflow: hidden;
0105 }
0106
0107 #fancybox-hide-sel-frame {
0108   position: absolute;
0109   top: 0;
0110   left: 0;
0111   width: 100%;
0112   height: 100%;
0113   background: transparent;
0114 }
0115
0116 #fancybox-close {
0117   position: absolute;
0118   top: -15px;
0119   right: -15px;
0120   width: 30px;
0121   height: 30px;
0122   background-image: url(/so_afbeeldingen/fancybox/fancybox.png);
0123   background-position: -40px 0px;
0124   cursor: pointer;
0125   z-index: 1103;
0126   display: none;
0127 }
0128
0129 #fancybox_error {
0130   color: #444;
0131   font: normal 12px/20px Arial;
0132   padding: 7px;
0133   margin: 0;
0134 }
0135
0136 #fancybox-content {
0137   height: auto;
0138   width: auto;
0139   padding: 0;
0140   margin: 0;
0141 }
0142
0143 #fancybox-img {
0144   width: 100%;
0145   height: 100%;
0146   padding: 0;
0147   margin: 0;
0148   border: none;
0149   outline: none;
0150   line-height: 0;
0151   vertical-align: top;
0152   -ms-interpolation-mode: bicubic;
0153 }
0154
0155 #fancybox-frame {
0156   position: relative;
0157   width: 100%;
0158   height: 100%;
0159   border: none;
0160   display: block;
0161 }
0162
0163 #fancybox-title {
0164   position: absolute;
0165   bottom: 0;
0166   left: 0;
0167   font-family: Arial;
0168   font-size: 12px;
0169   z-index: 1102;
0170 }
0171
0172 .fancybox-title-inside {
0173   padding: 10px 0;
0174   text-align: center;
0175   color: #333;
0176 }
0177
0178 .fancybox-title-outside {
0179   padding-top: 5px;
0180   color: #FFF;
0181   text-align: center;
0182   font-weight: bold;
0183 }
0184
0185 .fancybox-title-over {
0186   color: #FFF;
0187   text-align: left;
0188 }
0189
0190 #fancybox-title-over {
0191   padding: 10px;
0192   background-image: url(/so_afbeeldingen/fancybox/fancy_title_over.png);
0193   display: block;
0194 }
0195
0196 #fancybox-title-wrap {
0197   display: inline-block;
0198 }
0199
0200 #fancybox-title-wrap span {
0201   height: 32px;
0202   float: left;
0203 }
0204
0205 #fancybox-title-left {
0206   padding-left: 15px;
0207   background-image: url(/so_afbeeldingen/fancybox/fancybox.png);
0208   background-position: -40px -90px;
0209   background-repeat: no-repeat;
0210 }
0211
0212 #fancybox-title-main {
0213   font-weight: bold;
0214   line-height: 29px;
0215   background-image: url(/so_afbeeldingen/fancybox/fancybox-x.png);
0216   background-position: 0px -40px;
0217   color: #FFF;
0218 }
0219
0220 #fancybox-title-right {
0221   padding-left: 15px;
0222   background-image: url(/so_afbeeldingen/fancybox/fancybox.png);
0223   background-position: -55px -90px;
0224   background-repeat: no-repeat;
0225 }
0226
0227 #fancybox-left, #fancybox-right {
0228   position: absolute;
0229   bottom: 0px;
0230   height: 100%;
0231   width: 35%;
0232   cursor: pointer;
0233   outline: none;
0234   background-image: url(/so_afbeeldingen/fancybox/blank.gif);
0235   z-index: 1102;
0236   display: none;
0237 }
0238
0239 #fancybox-left {
0240   left: 0px;
0241 }
0242
0243 #fancybox-right {
0244   right: 0px;
0245 }
0246
0247 #fancybox-left-ico, #fancybox-right-ico {
0248   position: absolute;
0249   top: 50%;
0250   left: -9999px;
0251   width: 30px;
0252   height: 30px;
0253   margin-top: -15px;
0254   cursor: pointer;
0255   z-index: 1102;
0256   display: block;
0257 }
0258
0259 #fancybox-left-ico {
0260   background-image: url(/so_afbeeldingen/fancybox/fancybox.png);
0261   background-position: -40px -30px;
0262 }
0263
0264 #fancybox-right-ico {
0265   background-image: url(/so_afbeeldingen/fancybox/fancybox.png);
0266   background-position: -40px -60px;
0267 }
0268
0269 #fancybox-left:hover, #fancybox-right:hover {
0270   visibility: visible; /* IE6 */
0271 }
0272
0273 #fancybox-left:hover span {
0274   left: 20px;
0275 }
0276
0277 #fancybox-right:hover span {
0278   left: auto;
0279   right: 20px;
0280 }
0281
0282 .fancy-bg {
0283   position: absolute;
0284   padding: 0;
0285   margin: 0;
0286   border: 0;
0287   width: 20px;
0288   height: 20px;
0289   z-index: 1001;
0290 }
0291
0292 #fancy-bg-n {
0293   top: -20px;
0294   left: 0;
0295   width: 100%;
0296   background-image: url(/so_afbeeldingen/fancybox/fancybox-x.png);
0297 }
0298
0299 #fancy-bg-ne {
0300   top: -20px;
0301   right: -20px;
0302   background-image: url(/so_afbeeldingen/fancybox/fancybox.png);
0303   background-position: -40px -162px;
0304 }
0305
0306 #fancy-bg-e {
0307   top: 0;
0308   right: -20px;
0309   height: 100%;
0310   background-image: url(/so_afbeeldingen/fancybox/fancybox-y.png);
0311   background-position: -20px 0px;
0312 }
0313
0314 #fancy-bg-se {
0315   bottom: -20px;
0316   right: -20px;
0317   background-image: url(/so_afbeeldingen/fancybox/fancybox.png);
0318   background-position: -40px -182px;
0319 }
0320
0321 #fancy-bg-s {
0322   bottom: -20px;
0323   left: 0;
0324   width: 100%;
0325   background-image: url(/so_afbeeldingen/fancybox/fancybox-x.png);
0326   background-position: 0px -20px;
0327 }
0328
0329 #fancy-bg-sw {
0330   bottom: -20px;
0331   left: -20px;
0332   background-image: url(/so_afbeeldingen/fancybox/fancybox.png);
0333   background-position: -40px -142px;
0334 }
0335
0336 #fancy-bg-w {
0337   top: 0;
0338   left: -20px;
0339   height: 100%;
0340   background-image: url(/so_afbeeldingen/fancybox/fancybox-y.png);
0341 }
0342
0343 #fancy-bg-nw {
0344   top: -20px;
0345   left: -20px;
0346   background-image: url(/so_afbeeldingen/fancybox/fancybox.png);
0347   background-position: -40px -122px;
0348 }
0349
0350
0351

Bronbestand: filemanager.css - omhoog

0001 /*!
0002 * elFinder - file manager for web
0003 * Version 2.0 rc1 (2012-04-10)
0004 * http://elfinder.org
0005 *
0006 * Copyright 2009-2012, Studio 42
0007 * Licensed under a 3 clauses BSD license
0008 */
0009 .elfinder-dialog-resize{margin-top:.3em}.elfinder-resize-type{float: left;margin-bottom:.4em}.elfinder-resize-control{padding-top:3em}.elfinder-resize-control input[type=text]{border: 1px solid #aaa;text-align:right}.elfinder-resize-preview{width: 400px;height: 400px;padding: 10px;background: #fff;border: 1px solid #aaa;float: right;position: relative;overflow:auto}.elfinder-resize-handle{position:relative}.elfinder-resize-handle-hline,.elfinder-resize-handle-vline{position: absolute;background-image:url("/admin/elfinder/img/crop.gif")}.elfinder-resize-handle-hline{width: 100%;height: 1px!important;background-repeat:repeat-x}.elfinder-resize-handle-vline{width: 1px!important;height: 100%;background-repeat:repeat-y}.elfinder-resize-handle-hline-top{top: 0;left:0}.elfinder-resize-handle-hline-bottom{bottom: 0;left:0}.elfinder-resize-handle-vline-left{top: 0;left:0}.elfinder-resize-handle-vline-right{top: 0;right:0}.elfinder-resize-handle-point{position: absolute;width: 8px;height: 8px;border: 1px solid #777;background:0 0}.elfinder-resize-handle-point-n{top: 0;left: 50%;margin-top: -5px;margin-left:-5px}.elfinder-resize-handle-point-ne{top: 0;right: 0;margin-top: -5px;margin-right:-5px}.elfinder-resize-handle-point-e{top: 50%;right: 0;margin-top: -5px;margin-right:-5px}.elfinder-resize-handle-point-se{bottom: 0;right: 0;margin-bottom: -5px;margin-right:-5px}.elfinder-resize-handle-point-s{bottom: 0;left: 50%;margin-bottom: -5px;margin-left:-5px}.elfinder-resize-handle-point-sw{bottom: 0;left: 0;margin-bottom: -5px;margin-left:-5px}.elfinder-resize-handle-point-w{top: 50%;left: 0;margin-top: -5px;margin-left:-5px}.elfinder-resize-handle-point-nw{top: 0;left: 0;margin-top: -5px;margin-left:-5px}.elfinder-resize-spinner{position: absolute;width: 200px;height: 30px;top: 50%;margin-top: -25px;left: 50%;margin-left: -100px;text-align: center;background:url(/admin/elfinder/img/progress.gif) center bottom repeat-x}.elfinder-resize-row{margin-bottom: 7px;position:relative}.elfinder-resize-label{float: left;width: 80px;padding-top:3px}.elfinder-resize-reset{width: 16px;height: 16px;position: absolute;margin-top:-8px}.elfinder-dialog .elfinder-dialog-resize .ui-resizable-e{height: 100%;width:10px}.elfinder-dialog .elfinder-dialog-resize .ui-resizable-s{width: 100%;height:10px}.elfinder-dialog .elfinder-dialog-resize .ui-resizable-se{background: 0 0;bottom: 0;right: 0;margin-right: -7px;margin-bottom:-7px}.elfinder-dialog-resize .ui-icon-grip-solid-vertical{position: absolute;top: 50%;right: 0;margin-top: -8px;margin-right:-11px}.elfinder-dialog-resize .ui-icon-grip-solid-horizontal{position: absolute;left: 50%;bottom: 0;margin-left: -8px;margin-bottom:-11px}.elfinder-resize-row .elfinder-buttonset{float:right}.elfinder-resize-rotate-slider{float: left;width: 195px;margin:7px 7px 0}.elfinder-file-edit{width: 99%;height: 99%;margin: 0;padding: 2px;border:1px solid #ccc}.elfinder-help{margin-bottom:.5em}.elfinder-help .ui-tabs-panel{padding:.5em}.elfinder-dialog .ui-tabs .ui-tabs-nav li a{padding:.2em 1em}.elfinder-help-shortcuts{height: 300px;padding: 1em;margin: .5em 0;overflow:auto}.elfinder-help-shortcut{white-space: nowrap;clear:both}.elfinder-help-shortcut-pattern{float: left;width:160px}.elfinder-help-logo{width: 100px;height: 96px;float: left;margin-right: 1em;background:url('/admin/elfinder/img/logo.png') center center no-repeat}.elfinder-help h3{font-size: 1.5em;margin:.2em 0 .3em}.elfinder-help-separator{clear: both;padding:.5em}.elfinder-help-link{padding:2px}.elfinder-help .ui-priority-secondary{font-size:.9em}.elfinder-help .ui-priority-primary{margin-bottom:7px}.elfinder-help-team{clear: both;text-align: right;border-bottom: 1px solid #ccc;margin: .5em 0;font-size:.9em}.elfinder-help-team div{float:left}.elfinder-help-license{font-size:.9em}.elfinder-help-disabled{font-weight: 700;text-align: center;margin:90px 0}.elfinder-help .elfinder-dont-panic{display: block;border: 1px solid transparent;width: 200px;height: 200px;margin: 30px auto;text-decoration: none;text-align: center;position: relative;background: #d90004;-moz-box-shadow: 5px 5px 9px #111;-webkit-box-shadow: 5px 5px 9px #111;box-shadow: 5px 5px 9px #111;background: -moz-radial-gradient(80px 80px,circle farthest-corner,#d90004 35%,#960004 100%);background: -webkit-gradient(radial,80 80,60,80 80,120,from(#d90004),to(#960004));-moz-border-radius: 100px;-webkit-border-radius: 100px;border-radius: 100px;outline:none}.elfinder-help .elfinder-dont-panic span{font-size: 3em;font-weight: 700;text-align: center;color: #fff;position: absolute;left: 0;top:45px}.elfinder{padding: 0;position: relative;display:block}.elfinder-rtl{text-align: right;direction:rtl}.elfinder-workzone{padding: 0;position: relative;overflow:hidden}.elfinder-perms,.elfinder-symlink{position: absolute;width: 16px;height: 16px;background-image: url(/admin/elfinder/img/toolbar.png);background-repeat: no-repeat;background-position:0 -528px}.elfinder-na .elfinder-perms{background-position:0 -96px}.elfinder-ro .elfinder-perms{background-position:0 -64px}.elfinder-wo .elfinder-perms{background-position:0 -80px}.elfinder-drag-helper{width: 60px;height: 50px;padding: 0 0 0 25px;z-index:100000}.elfinder-drag-helper-icon-plus{position: absolute;width: 16px;height: 16px;left: 43px;top: 55px;background: url('/admin/elfinder/img/toolbar.png') 0 -544px no-repeat;display:none}.elfinder-drag-helper-plus .elfinder-drag-helper-icon-plus{display:block}.elfinder-drag-num{position: absolute;top: 0;left: 0;width: 16px;height: 14px;text-align: center;padding-top: 2px;font-size: 12px;font-weight: 700;color: #fff;background-color: red;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius:8px}.elfinder-drag-helper .elfinder-cwd-icon{margin: 0 0 0 -24px;float:left}.elfinder-overlay{opacity: 0;filter:Alpha(Opacity=0)}.elfinder .elfinder-panel{position: relative;background-image: none;padding:7px 12px}.elfinder-contextmenu,.elfinder-contextmenu-sub{display: none;position: absolute;border: 1px solid #aaa;background: #fff;color: #555;padding:4px 0}.elfinder-contextmenu-sub{top:5px}.elfinder-contextmenu-ltr .elfinder-contextmenu-sub{margin-left:-5px}.elfinder-contextmenu-rtl .elfinder-contextmenu-sub{margin-right:-5px}.elfinder-contextmenu-item{position: relative;display: block;padding: 4px 30px;text-decoration: none;white-space: nowrap;cursor:default}.elfinder-contextmenu .elfinder-contextmenu-item span{font-size: .76em;display:block}.elfinder-contextmenu-ltr .elfinder-contextmenu-item{text-align:left}.elfinder-contextmenu-rtl .elfinder-contextmenu-item{text-align:right}.elfinder-contextmenu-ltr .elfinder-contextmenu-sub .elfinder-contextmenu-item{padding-left:12px}.elfinder-contextmenu-rtl .elfinder-contextmenu-sub .elfinder-contextmenu-item{padding-right:12px}.elfinder-contextmenu-arrow,.elfinder-contextmenu-icon{position: absolute;top: 50%;margin-top:-8px}.elfinder-contextmenu-ltr .elfinder-contextmenu-icon{left:8px}.elfinder-contextmenu-rtl .elfinder-contextmenu-icon{right:8px}.elfinder-contextmenu-arrow{width: 16px;height: 16px;background:url('/admin/elfinder/img/arrows-normal.png') 5px 4px no-repeat}.elfinder-contextmenu-ltr .elfinder-contextmenu-arrow{right:5px}.elfinder-contextmenu-rtl .elfinder-contextmenu-arrow{left: 5px;background-position:0 -10px}.elfinder-contextmenu .ui-state-hover{border: 0 solid;background-image:none}.elfinder-contextmenu-separator{height: 0;border-top: 1px solid #ccc;margin:0 1px}.elfinder-cwd-wrapper{overflow: auto;position: relative;padding: 2px;margin:0}.elfinder-cwd-wrapper-list{padding:0}.elfinder-cwd{position: relative;font-size: .7em;cursor: default;padding: 0;margin: 0;-moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;user-select:none}.elfinder .elfinder-cwd-wrapper.elfinder-droppable-active{padding: 0;border:2px solid #8cafed}.elfinder-cwd-view-icons .elfinder-cwd-file{width: 120px;height: 80px;padding-bottom: 2px;cursor: default;overflow:hidden}.elfinder-ltr .elfinder-cwd-view-icons .elfinder-cwd-file{float: left;margin:0 3px 12px 0}.elfinder-rtl .elfinder-cwd-view-icons .elfinder-cwd-file{float: right;margin:0 0 5px 3px}.elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-hover{border:0 solid}.elfinder-cwd-view-icons .elfinder-cwd-file-wrapper{width: 52px;height: 52px;margin: 1px auto;padding: 2px;position:relative}.elfinder-cwd-view-icons .elfinder-cwd-filename{text-align: center;white-space: pre;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;margin: 3px 1px 0;padding: 1px;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius:8px}.elfinder-cwd-view-icons .elfinder-perms{bottom: 4px;right:2px}.elfinder-cwd-view-icons .elfinder-symlink{bottom: 6px;left:0}.elfinder-cwd-icon{display: block;width: 48px;height: 48px;margin: 0 auto;background: url('/admin/elfinder/img/icons-big.png') 0 0 no-repeat;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip:padding-box}.elfinder-cwd .elfinder-droppable-active .elfinder-cwd-icon{background-position:0 -100px}.elfinder-cwd-icon-directory{background-position:0 -50px}.elfinder-cwd-icon-application{background-position:0 -150px}.elfinder-cwd-icon-x-empty,.elfinder-cwd-icon-text{background-position:0 -200px}.elfinder-cwd-icon-image,.elfinder-cwd-icon-vnd-adobe-photoshop,.elfinder-cwd-icon-postscript{background-position:0 -250px}.elfinder-cwd-icon-audio{background-position:0 -300px}.elfinder-cwd-icon-video,.elfinder-cwd-icon-flash-video{background-position:0 -350px}.elfinder-cwd-icon-rtf,.elfinder-cwd-icon-rtfd{background-position:0 -401px}.elfinder-cwd-icon-pdf{background-position:0 -450px}.elfinder-cwd-icon-vnd-ms-office,.elfinder-cwd-icon-msword,.elfinder-cwd-icon-vnd-ms-word,.elfinder-cwd-icon-vnd-oasis-opendocument-text,.elfinder-cwd-icon-ms-excel,.elfinder-cwd-icon-vnd-ms-excel,.elfinder-cwd-icon-vnd-oasis-opendocument-spreadsheet,.elfinder-cwd-icon-vnd-ms-powerpoint,.elfinder-cwd-icon-vnd-oasis-opendocument-presentation{background-position:0 -500px}.elfinder-cwd-icon-html{background-position:0 -550px}.elfinder-cwd-icon-css{background-position:0 -600px}.elfinder-cwd-icon-javascript,.elfinder-cwd-icon-x-javascript{background-position:0 -650px}.elfinder-cwd-icon-x-perl{background-position:0 -700px}.elfinder-cwd-icon-x-python{background-position:0 -750px}.elfinder-cwd-icon-x-ruby{background-position:0 -800px}.elfinder-cwd-icon-x-sh,.elfinder-cwd-icon-x-shellscript{background-position:0 -850px}.elfinder-cwd-icon-x-c,.elfinder-cwd-icon-x-csrc,.elfinder-cwd-icon-x-chdr,.elfinder-cwd-icon-x-c--,.elfinder-cwd-icon-x-c--src,.elfinder-cwd-icon-x-c--hdr,.elfinder-cwd-icon-x-java,.elfinder-cwd-icon-x-java-source{background-position:0 -900px}.elfinder-cwd-icon-x-php{background-position:0 -950px}.elfinder-cwd-icon-xml{background-position:0 -1000px}.elfinder-cwd-icon-zip,.elfinder-cwd-icon-x-zip,.elfinder-cwd-icon-x-7z-compressed{background-position:0 -1050px}.elfinder-cwd-icon-x-gzip,.elfinder-cwd-icon-x-tar{background-position:0 -1100px}.elfinder-cwd-icon-x-bzip,.elfinder-cwd-icon-x-bzip2{background-position:0 -1150px}.elfinder-cwd-icon-x-rar,.elfinder-cwd-icon-x-rar-compressed{background-position:0 -1200px}.elfinder-cwd-icon-x-shockwave-flash{background-position:0 -1250px}.elfinder-cwd-icon-group{background-position:0 -1300px}.elfinder-cwd input{width: 100%;border: 0 solid;margin: 0;padding:0}.elfinder-cwd-view-icons input,.elfinder-cwd-view-icons{text-align:center}.elfinder-cwd table{width: 100%;border-collapse: collapse;border: 0 solid;margin:0 0 10px}.elfinder .elfinder-cwd table thead tr{border-left: 0 solid;border-top: 0 solid;border-right:0 solid}.elfinder .elfinder-cwd table thead td{font-size:.9em}.elfinder .elfinder-cwd table td{padding: 3px 12px;white-space: pre;overflow: hidden;text-align: right;cursor: default;border:0 solid}.elfinder-ltr .elfinder-cwd table td{text-align:right}.elfinder-ltr .elfinder-cwd table td:first-child{text-align:left}.elfinder-rtl .elfinder-cwd table td{text-align:left}.elfinder-rtl .elfinder-cwd table td:first-child{text-align:right}.elfinder-odd-row{background:#eee}.elfinder-cwd-view-list .elfinder-cwd-file-wrapper{width: 97%;position:relative}.elfinder-ltr .elfinder-cwd-view-list .elfinder-cwd-file-wrapper{padding-left:23px}.elfinder-rtl .elfinder-cwd-view-list .elfinder-cwd-file-wrapper{padding-right:23px}.elfinder-cwd-view-list .elfinder-perms,.elfinder-cwd-view-list .elfinder-symlink{top: 50%;margin-top:-6px}.elfinder-ltr .elfinder-cwd-view-list .elfinder-perms{left:7px}.elfinder-ltr .elfinder-cwd-view-list .elfinder-symlink{left:-7px}.elfinder-cwd-view-list td .elfinder-cwd-icon{width: 16px;height: 16px;position: absolute;top: 50%;margin-top: -8px;background-image:url(/admin/elfinder/img/icons-small.png)}.elfinder-ltr .elfinder-cwd-view-list .elfinder-cwd-icon{left:0}.elfinder-rtl .elfinder-cwd-view-list .elfinder-cwd-icon{right:0}.std42-dialog{padding:0}.std42-dialog .ui-dialog-titlebar{border-left: 0 solid transparent;border-top: 0 solid transparent;border-right: 0 solid transparent;-moz-border-radius-bottomleft: 0;-webkit-border-bottom-left-radius: 0;border-bottom-left-radius: 0;-moz-border-radius-bottomright: 0;-webkit-border-bottom-right-radius: 0;border-bottom-right-radius: 0;font-size: .82em;font-weight: 400;padding:.2em 1em}.std42-dialog .ui-dialog-titlebar-close,.std42-dialog .ui-dialog-titlebar-close:hover{padding:1px}.elfinder-rtl .elfinder-dialog .ui-dialog-titlebar{text-align:right}.elfinder-rtl .elfinder-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close{right: auto;left:.3em}.std42-dialog .ui-dialog-content{padding: .3em .5em;font-size:.72em}.std42-dialog .ui-dialog-buttonpane{border: 0 solid;margin: 0;padding: .5em .7em;font-size:.76em}.std42-dialog .ui-dialog-buttonpane button{margin: 0 0 0 .4em;padding: 0;outline:0 solid}.std42-dialog .ui-dialog-buttonpane button span{padding:2px 9px}.elfinder-dialog .ui-resizable-e,.elfinder-dialog .ui-resizable-s{width: 0;height:0}.std42-dialog .ui-button input{cursor:pointer}.elfinder-dialog-icon{position: absolute;width: 32px;height: 32px;left: 12px;top: 50%;margin-top: -15px;background:url("/admin/elfinder/img/dialogs.png") 0 0 no-repeat}.elfinder-rtl .elfinder-dialog-icon{left: auto;right:12px}.elfinder-dialog-error .ui-dialog-content,.elfinder-dialog-confirm .ui-dialog-content{padding-left: 56px;min-height:35px}.elfinder-rtl .elfinder-dialog-error .ui-dialog-content,.elfinder-rtl .elfinder-dialog-confirm .ui-dialog-content{padding-left: 0;padding-right:56px}.elfinder-dialog-notify .ui-dialog-titlebar-close{display:none}.elfinder-dialog-notify .ui-dialog-content{padding:0}.elfinder-notify{border-bottom: 1px solid #ccc;position: relative;padding: .5em;text-align: center;overflow:hidden}.elfinder-ltr .elfinder-notify{padding-left:30px}.elfinder-rtl .elfinder-notify{padding-right:30px}.elfinder-notify:last-child{border:0 solid}.elfinder-notify-progressbar{width: 180px;height: 8px;border: 1px solid #aaa;background: #f5f5f5;margin: 5px auto;overflow:hidden}.elfinder-notify-progress{width: 100%;height: 8px;background:url(/admin/elfinder/img/progress.gif) center center repeat-x}.elfinder-notify-progressbar,.elfinder-notify-progress{-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius:2px}.elfinder-dialog-icon-open,.elfinder-dialog-icon-file,.elfinder-dialog-icon-reload{background-position:0 -225px}.elfinder-dialog-icon-mkdir{background-position:0 -64px}.elfinder-dialog-icon-mkfile{background-position:0 -96px}.elfinder-dialog-icon-copy,.elfinder-dialog-icon-prepare,.elfinder-dialog-icon-move{background-position:0 -128px}.elfinder-dialog-icon-upload{background-position:0 -160px}.elfinder-dialog-icon-rm{background-position:0 -192px}.elfinder-dialog-icon-download{background-position:0 -260px}.elfinder-dialog-icon-save{background-position:0 -295px}.elfinder-dialog-icon-rename{background-position:0 -330px}.elfinder-dialog-icon-archive,.elfinder-dialog-icon-extract{background-position:0 -365px}.elfinder-dialog-icon-search{background-position:0 -402px}.elfinder-dialog-confirm-applyall{padding-top:3px}.elfinder-dialog-confirm .elfinder-dialog-icon{background-position:0 -32px}.elfinder-info-title .elfinder-cwd-icon{float: left;width: 48px;height: 48px;margin-right:1em}.elfinder-info-title strong{display: block;padding:.3em 0 .5em}.elfinder-info-tb{min-width: 200px;border: 0 solid;margin: 1em .2em;font-size:.9em}.elfinder-info-tb td{white-space: nowrap;padding:2px}.elfinder-info-tb tr td:first-child{text-align:right}.elfinder-info-tb span{float:left}.elfinder-info-tb a{outline: none;text-decoration:underline}.elfinder-info-tb a:hover{text-decoration:none}.elfinder-info-spinner{width: 14px;height: 14px;float: left;background: url("/admin/elfinder/img/spinner-mini.gif") center center no-repeat;margin:0 5px}.elfinder-upload-dropbox{font-size: 1.2em;text-align: center;padding: 2em 0;border:3px dashed #aaa}.elfinder-upload-dropbox.ui-state-hover{background: #dfdfdf;border:3px dashed #555}.elfinder-upload-dialog-or{font-size: 1.2em;margin: .3em 0;text-align:center}.elfinder-upload-dialog-wrapper{text-align:center}.elfinder-upload-dialog-wrapper .ui-button{position: relative;overflow:hidden}.elfinder-upload-dialog-wrapper .ui-button form{position: absolute;right: 0;top: 0;opacity: 0;filter:Alpha(Opacity=0)}.elfinder-upload-dialog-wrapper .ui-button form input{padding: 0 20px;font-size:3em}.dialogelfinder .dialogelfinder-drag{border-left: 0 solid;border-top: 0 solid;border-right: 0 solid;font-weight: 400;font-size: .9em;padding: 2px 12px;cursor: move;position: relative;text-align:left}.elfinder-rtl .dialogelfinder-drag{text-align:right}.dialogelfinder-drag-close{position: absolute;top: 50%;margin-top:-8px}.elfinder-ltr .dialogelfinder-drag-close{right:12px}.elfinder-rtl .dialogelfinder-drag-close{left:12px}.elfinder .elfinder-navbar{width: 230px;padding: 3px 5px;font-size: .72em;background-image: none;border-top: 0 solid;border-bottom: 0 solid;overflow: auto;display: none;position: relative;-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;user-select:none}.elfinder-ltr .elfinder-navbar{float: left;border-left:0 solid}.elfinder-rtl .elfinder-navbar{float: right;border-right:0 solid}.elfinder-ltr .ui-resizable-e{margin-left:10px}.elfinder-tree{display: table;width: 100%;margin:0 0 .5em}.elfinder-navbar-dir{position: relative;display: block;white-space: nowrap;padding: 3px 12px;margin: 0;outline: 0 solid;border: 1px solid transparent;cursor:default}.elfinder-ltr .elfinder-navbar-dir{padding-left:35px}.elfinder-rtl .elfinder-navbar-dir{padding-right:35px}.elfinder-navbar-arrow{width: 12px;height: 14px;position: absolute;display: none;top: 50%;margin-top: -8px;background-image: url("/admin/elfinder/img/arrows-normal.png");background-repeat:no-repeat}.ui-state-active .elfinder-navbar-arrow{background-image:url("/admin/elfinder/img/arrows-active.png")}.elfinder-navbar-collapsed .elfinder-navbar-arrow{display:block}.elfinder-ltr .elfinder-navbar-collapsed .elfinder-navbar-arrow{background-position: 0 4px;left:0}.elfinder-rtl .elfinder-navbar-collapsed .elfinder-navbar-arrow{background-position: 0 -10px;right:0}.elfinder-ltr .elfinder-navbar-expanded .elfinder-navbar-arrow,.elfinder-rtl .elfinder-navbar-expanded .elfinder-navbar-arrow{background-position:0 -21px}.elfinder-navbar-icon{width: 16px;height: 16px;position: absolute;top: 50%;margin-top: -8px;background-image: url("/admin/elfinder/img/toolbar.png");background-repeat: no-repeat;background-position:0 -16px}.elfinder-ltr .elfinder-navbar-icon{left:14px}.elfinder-rtl .elfinder-navbar-icon{right:14px}.elfinder-tree .elfinder-navbar-root .elfinder-navbar-icon{background-position:0 0}.elfinder-places .elfinder-navbar-root .elfinder-navbar-icon{background-position:0 -48px}.ui-state-active .elfinder-navbar-icon,.elfinder-droppable-active .elfinder-navbar-icon,.ui-state-hover .elfinder-navbar-icon{background-position:0 -32px}.elfinder-navbar-subtree{display:none}.elfinder-ltr .elfinder-navbar-subtree{margin-left:12px}.elfinder-rtl .elfinder-navbar-subtree{margin-right:12px}.elfinder-navbar-spinner{width: 14px;height: 14px;position: absolute;display: block;top: 50%;margin-top: -7px;background:url("/admin/elfinder/img/spinner-mini.gif") center center no-repeat}.elfinder-ltr .elfinder-navbar-spinner{left: 0;margin-left:-2px}.elfinder-rtl .elfinder-navbar-spinner{right: 0;margin-right:-2px}.elfinder-navbar .elfinder-perms{top: 50%;margin-top:-8px}.elfinder-ltr .elfinder-navbar .elfinder-perms{left:18px}.elfinder-rtl .elfinder-navbar .elfinder-perms{right:18px}.elfinder-ltr .elfinder-navbar .elfinder-symlink{left:8px}.elfinder-rtl .elfinder-navbar .elfinder-symlink{right:8px}.elfinder-navbar .ui-resizable-handle{width: 12px;background: url('/admin/elfinder/img/resize.png') center center no-repeat;left:0}.elfinder-nav-handle-icon{position: absolute;top: 50%;margin: -8px 2px 0;opacity: .5;filter:Alpha(Opacity=50)}.elfinder-places{border:1px solid transparent}.elfinder-places.elfinder-droppable-active{border:1px solid #8cafed}.elfinder-place-drag .elfinder-navbar-dir{font-size:.9em}.elfinder-quicklook{position: absolute;background: url("/admin/elfinder/img/quicklook-bg.png");display: none;overflow: hidden;border-radius: 7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;padding:20px 0 40px}.elfinder-quicklook .ui-resizable-se{width: 14px;height: 14px;right: 5px;bottom: 3px;background:url("/admin/elfinder/img/toolbar.png") 0 -496px no-repeat}.elfinder-quicklook-fullscreen{border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;-webkit-background-clip: padding-box;padding: 0;background: #000;z-index: 90000;display:block}.elfinder-quicklook-fullscreen .elfinder-quicklook-titlebar{display:none}.elfinder-quicklook-fullscreen .elfinder-quicklook-preview{border:0 solid}.elfinder-quicklook-titlebar{text-align: center;background: #777;position: absolute;left: 0;top: 0;width: 100%;height: 20px;-moz-border-radius-topleft: 7px;-webkit-border-top-left-radius: 7px;border-top-left-radius: 7px;-moz-border-radius-topright: 7px;-webkit-border-top-right-radius: 7px;border-top-right-radius: 7px;cursor:move}.elfinder-quicklook-title{font-size: .7em;color: #fff;white-space: nowrap;overflow: hidden;padding:2px 0}.elfinder-quicklook-titlebar .ui-icon{position: absolute;left: 4px;top: 50%;margin-top: -8px;width: 16px;height: 16px;cursor:default}.elfinder-quicklook-preview{overflow: hidden;position: relative;border: 0 solid;border-left: 1px solid transparent;border-right: 1px solid transparent;height:100%}.elfinder-quicklook-info-wrapper{position: absolute;width: 100%;left: 0;top: 50%;margin-top:-50px}.elfinder-quicklook-info{padding:0 12px 0 112px}.elfinder-quicklook-info .elfinder-quicklook-info-data:first-child{color: #fff;font-weight: 700;padding-bottom:.5em}.elfinder-quicklook-info-data{font-size: .72em;padding-bottom: .2em;color:#fff}.elfinder-quicklook .elfinder-cwd-icon{position: absolute;left: 32px;top: 50%;margin-top:-20px}.elfinder-quicklook-preview img{display: block;margin:0 auto}.elfinder-quicklook-navbar{position: absolute;left: 50%;bottom: 4px;width: 140px;height: 32px;padding: 0;margin-left: -70px;border: 1px solid transparent;border-radius: 19px;-moz-border-radius: 19px;-webkit-border-radius:19px}.elfinder-quicklook-fullscreen .elfinder-quicklook-navbar{width: 188px;margin-left: -94px;padding: 5px;border: 1px solid #eee;background:#000}.elfinder-quicklook-fullscreen .elfinder-quicklook-navbar-icon-close,.elfinder-quicklook-fullscreen .elfinder-quicklook-navbar-separator{display:inline}.elfinder-quicklook-navbar-icon{width: 32px;height: 32px;margin: 0 7px;float: left;background:url("/admin/elfinder/img/quicklook-icons.png") 0 0 no-repeat}.elfinder-quicklook-navbar-icon-fullscreen{background-position:0 -64px}.elfinder-quicklook-navbar-icon-fullscreen-off{background-position:0 -96px}.elfinder-quicklook-navbar-icon-prev{background-position:0 0}.elfinder-quicklook-navbar-icon-next{background-position:0 -32px}.elfinder-quicklook-navbar-icon-close{background-position: 0 -128px;display:none}.elfinder-quicklook-navbar-separator{width: 1px;height: 32px;float: left;border-left: 1px solid #fff;display:none}.elfinder-quicklook-preview-text-wrapper{width: 100%;height: 100%;background: #fff;color: #222;font-size: .9em;overflow:auto}pre.elfinder-quicklook-preview-text{margin: 0;padding:3px 9px}.elfinder-quicklook-preview-html,.elfinder-quicklook-preview-pdf{width: 100%;height: 100%;background: #fff;border: 0 solid;margin:0}.elfinder-quicklook-preview-flash{width: 100%;height:100%}.elfinder-quicklook-preview-audio{width: 100%;position: absolute;bottom: 0;left:0}embed.elfinder-quicklook-preview-audio{height: 30px;background:0 0}.elfinder-quicklook-preview-video{width: 100%;height:100%}.elfinder-statusbar{text-align: center;font-weight: 400;padding: .2em .5em;border-right: 0 solid transparent;border-bottom: 0 solid transparent;border-left:0 solid transparent}.elfinder-statusbar a{text-decoration:none}.elfinder-statusbar div{font-size:.7em}.elfinder-path{max-width: 30%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-o-text-overflow:ellipsis}.elfinder-ltr .elfinder-path{float:left}.elfinder-rtl .elfinder-path{float:right}.elfinder-stat-size{white-space:nowrap}.elfinder-ltr .elfinder-stat-size{float:right}.elfinder-rtl .elfinder-stat-size{float:left}.elfinder-stat-selected{white-space: nowrap;overflow:hidden}.elfinder-toolbar{padding: 4px 0 3px;border-left: 0 solid transparent;border-top: 0 solid transparent;border-right:0 solid transparent}.elfinder-buttonset{margin: 1px 4px;float: left;background: 0 0;padding: 0;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius:4px}.elfinder .elfinder-button{width: 16px;height: 16px;margin: 0;padding: 4px;float: left;overflow: hidden;position: relative;border:0 solid}.elfinder .ui-icon-search{cursor:pointer}.elfinder-button:first-child{-moz-border-radius-topleft: 4px;-webkit-border-top-left-radius: 4px;border-top-left-radius: 4px;-moz-border-radius-bottomleft: 4px;-webkit-border-bottom-left-radius: 4px;border-bottom-left-radius:4px}.elfinder-button:last-child{-moz-border-radius-topright: 4px;-webkit-border-top-right-radius: 4px;border-top-right-radius: 4px;-moz-border-radius-bottomright: 4px;-webkit-border-bottom-right-radius: 4px;border-bottom-right-radius:4px}.elfinder-toolbar-button-separator{float: left;padding: 0;height: 24px;border-top: 0 solid;border-right: 0 solid;border-bottom: 0 solid;width:0}.elfinder .elfinder-button.ui-state-disabled{opacity: 1;filter:Alpha(Opacity=100)}.elfinder .elfinder-button.ui-state-disabled .elfinder-button-icon{opacity: .4;filter:Alpha(Opacity=40)}.elfinder-rtl .elfinder-buttonset{float:right}.elfinder-button-icon{width: 16px;height: 16px;display: block;background:url('/admin/elfinder/img/toolbar.png') no-repeat}.elfinder-button-icon-home{background-position:0 0}.elfinder-button-icon-back{background-position:0 -112px}.elfinder-button-icon-forward{background-position:0 -128px}.elfinder-button-icon-up{background-position:0 -144px}.elfinder-button-icon-reload{background-position:0 -160px}.elfinder-button-icon-open{background-position:0 -176px}.elfinder-button-icon-mkdir{background-position:0 -192px}.elfinder-button-icon-mkfile{background-position:0 -208px}.elfinder-button-icon-rm{background-position:0 -224px}.elfinder-button-icon-copy{background-position:0 -240px}.elfinder-button-icon-cut{background-position:0 -256px}.elfinder-button-icon-paste{background-position:0 -272px}.elfinder-button-icon-getfile{background-position:0 -288px}.elfinder-button-icon-duplicate{background-position:0 -304px}.elfinder-button-icon-rename{background-position:0 -320px}.elfinder-button-icon-edit{background-position:0 -336px}.elfinder-button-icon-quicklook{background-position:0 -352px}.elfinder-button-icon-upload{background-position:0 -368px}.elfinder-button-icon-download{background-position:0 -384px}.elfinder-button-icon-info{background-position:0 -400px}.elfinder-button-icon-extract{background-position:0 -416px}.elfinder-button-icon-archive{background-position:0 -432px}.elfinder-button-icon-view{background-position:0 -448px}.elfinder-button-icon-view-list{background-position:0 -464px}.elfinder-button-icon-help{background-position:0 -480px}.elfinder-button-icon-resize{background-position:0 -512px}.elfinder-button-icon-search{background-position:0 -561px}.elfinder-button-icon-sort{background-position:0 -577px}.elfinder-button-icon-rotate-r{background-position:0 -625px}.elfinder-button-icon-rotate-l{background-position:0 -641px}.elfinder .elfinder-menubutton{overflow:visible}.elfinder-button-menu{position: absolute;left: 0;top: 26px;padding:3px 0}.elfinder-button-menu-item{white-space: nowrap;font-size: .72em;cursor: default;padding: 5px 19px;position:relative}.elfinder-button-menu .ui-state-hover{border:0 solid}.elfinder-menu-item-sort-dir{width: 16px;height: 16px;position: absolute;left: 2px;top: 50%;margin-top: -8px;background: url("/admin/elfinder/img/toolbar.png") 0 -594px no-repeat;display:none}.elfinder-button-menu-item-selected .elfinder-menu-item-sort-dir{display:block}.elfinder-menu-item-sort-desc .elfinder-menu-item-sort-dir{background-position:0 -608px}.elfinder-button form{position: absolute;top: 0;right: 0;opacity: 0;filter: Alpha(Opacity=0);cursor:pointer}.elfinder .elfinder-button form input{background: 0 0;cursor:default}.elfinder .elfinder-button-search{border: 0 solid;background: 0 0;padding: 0;margin: 1px 4px;height: auto;min-height: 26px;float: right;width:202px}.elfinder-ltr .elfinder-button-search{float: right;margin-right:10px}.elfinder-rtl .elfinder-button-search{float: left;margin-left:10px}.elfinder-button-search input{width: 160px;height: 22px;padding: 0 20px;font-size: .8em;line-height: 22px;border: 1px solid #aaa;-moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px;outline:0 solid}.elfinder-rtl .elfinder-button-search input{direction:rtl}.elfinder-button-search .ui-icon{position: absolute;height: 18px;top: 50%;margin: -9px 4px 0;opacity: .6;filter:Alpha(Opacity=60)}.elfinder-ltr .elfinder-button-search .ui-icon-search{left:0}.elfinder-rtl .elfinder-button-search .ui-icon-search,.elfinder-ltr .elfinder-button-search .ui-icon-close{right:0}.elfinder-rtl .elfinder-button-search .ui-icon-close{left:0}
0010
0011 /**
0012 * MacOS X like theme for elFinder.
0013 * Required jquery ui "smoothness" theme.
0014 *
0015 * @author Dmitry (dio) Levashov
0016 **/
0017
0018 /* dialogs */
0019 .std42-dialog, .std42-dialog .ui-widget-content { background-color: #ededed; background-image: none; background-clip: content-box; }
0020
0021 /* navbar */
0022 .elfinder .elfinder-navbar { background: #dde4eb; }
0023 .elfinder-navbar .ui-state-hover { background: transparent; border-color: transparent; }
0024 .elfinder-navbar .ui-state-active { background: #3875d7; border-color: #3875d7; color: #fff; }
0025 /* disabled elfinder */
0026 .elfinder-disabled .elfinder-navbar .ui-state-active { background: #dadada; border-color: #aaa; color: #fff; }
0027
0028
0029 /* current directory */
0030 /* selected file in "icons" view */
0031 .elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-hover { background: #ccc; }
0032 /* list view*/
0033 .elfinder-cwd table tr:nth-child(odd) { background-color: #edf3fe; }
0034 .elfinder-cwd table tr { border-top: 1px solid #fff; }
0035
0036 /* common selected background/color */
0037 .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover,
0038 .elfinder-cwd table td.ui-state-hover,
0039 .elfinder-button-menu .ui-state-hover { background: #3875d7; color: #fff;}
0040 /* disabled elfinder */
0041 .elfinder-disabled .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover,
0042 .elfinder-disabled .elfinder-cwd table td.ui-state-hover { background: #dadada;}
0043
0044 /* statusbar */
0045 .elfinder .elfinder-statusbar { color: #555; }
0046 .elfinder .elfinder-statusbar a { text-decoration: none; color: #555;}
0047
0048
0049 .std42-dialog .elfinder-help, .std42-dialog .elfinder-help .ui-widget-content { background: #fff;}
0050
0051 /* contextmenu */
0052 .elfinder-contextmenu .ui-state-hover { background: #3875d7; color: #fff; }
0053 .elfinder-contextmenu .ui-state-hover .elfinder-contextmenu-arrow { background-image: url('/admin/elfinder/img/arrows-active.png'); }
0054
0055 /* Alex: aanvulling ten behoeve van resizable dialoogvensters */
0056
0057 /* de closebutton van het bestandsbeheer verbergen */
0058 span#ui-dialog-title-elfinder+a {
0059         display: none;
0060 }
0061 .ui-dialog .ui-dialog-titlebar-min, .ui-dialog .ui-dialog-titlebar-rest {
0062         height: 18px;
0063         margin: -10px 0 0;
0064         padding: 1px;
0065         position: absolute;
0066         right: 0.3em;
0067         top: 50%;
0068         width: 19px;
0069 }
0070
0071 .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
0072         opacity: 0.85 !important; /* zorgt dat een geminimaliseerd dialoog minder transparant is dan standaard in jquery-ui */
0073 }
0074

Bronbestand: googlemaps.css (enkel indien nodig op pagina) - omhoog

0001 /* =============================== GOOGLE MAPS ============================= */
0002
0003 #mapfromgooglecontainer {
0004   position: relative;
0005   width: 32.4em;
0006   height: 31.3em;
0007   margin-top: 2em;
0008 }
0009
0010 #mapfromgoogle {
0011   width: 32.4em;
0012   height: 31.3em;
0013   position: absolute;
0014 }
0015 #gmsidebar {
0016   position: absolute;
0017   top: 0;
0018   right: 0;
0019   width: 200px;
0020   background: #fff;
0021   font-size: 90%;
0022   border-left: 1px solid #000;
0023   border-bottom: 1px solid #000;
0024   display: none;
0025         z-index: 999999999;
0026         padding-bottom: .2em;
0027         -moz-border-radius-bottom-left: 9px 9px;
0028         -webkit-border-bottom-left-radius: 9px;
0029         -khtml-border-bottom-left-radius: 9px 9px;
0030         border-bottom-left-radius: 9px 9px;
0031 }
0032 #gmopeninfobar {
0033         float: right;
0034         margin-top: -1.25em;
0035         position: relative;
0036         z-index: 999999999;
0037         margin-right: .5em;
0038 }
0039 #gmopeninfobar.close {
0040         -webkit-transform: rotate(180deg);
0041         -moz-transform: rotate(180deg);
0042         -ms-transform: rotate(180deg);
0043         -o-transform: rotate(180deg);
0044         transform: rotate(180deg);
0045 }
0046 #mapcover { /* Om Googlemaps af te dekken als adres wordt ingevoerd */
0047   background: #FFF;
0048   background: rgba(255,255,255,0.9);
0049   width: 32.4em;
0050   height: 31.3em;
0051   position: absolute;
0052   left: 0;
0053   top: 0;
0054   display: none;
0055 }
0056 /*#mapinvoer {
0057 background: #FFF;
0058 }*/
0059 #mapinvoer p {
0060   margin-left: 0;
0061 }
0062 #mapvelden input {
0063   filter: alpha(opacity=100);
0064   -moz-opacity: 1.0;
0065   opacity: 1.0;
0066   background: #FFF;
0067 }
0068 #opties label {
0069   padding-bottom: 0;
0070 }
0071 label.disabled {
0072     font-style: italic;
0073     color: #CCC;
0074 }
0075 #lopen, #snelwegen {
0076   width: auto;
0077   height: auto;
0078   margin-right: 1em;
0079 }
0080 #buttons {
0081   padding: 1em 0 0 0;
0082 }
0083 #buttons input { /* zie verder bij formulier */
0084   margin-left: .5em;
0085 }
0086 #buttons input:first-child {
0087   margin-left: 13.7em;
0088 }
0089 #wissen {
0090   top: 3em;
0091 }
0092 #routebeschrijving, #routebeschrijvingvanaf { /* route naar en route vanaf */
0093   position: relative;
0094   overflow: show;
0095   height: auto;
0096   display: none;
0097   width: 32.4em;
0098   padding: 0;
0099   margin-right: 24px;
0100   margin-left: 25px;
0101 }
0102 #cgmz {
0103   position: absolute;
0104   top: -3.2em;
0105   right: 1em;
0106   font-size: 70% ;
0107 }
0108 #contactroute h2 {
0109   float: left;
0110 }
0111 #mapinvoer h3 {
0112   padding-left: 0;
0113   margin: 0;
0114   display: inline;
0115 }
0116 h3#routenaarkop, h3#routevanafkop {
0117   display: none;
0118   margin-top: 2.5em;
0119   margin-bottom: .8em;
0120 }
0121 .googledir b {
0122   position: relative;
0123   left: -20px;
0124 }
0125 .googledir table b {
0126   left: 0;
0127 }
0128 img.reset {
0129   position: relative;
0130   top: .3em;
0131 }
0132 #indicator a {
0133   display: inline-block;
0134   margin-top: 1em;
0135 }
0136 #gmprint {
0137   float: right;
0138   margin-top: -1.25em;
0139   position: relative;
0140   z-index: 999999999;
0141 }
0142 ul#gmnav {
0143   padding-left: 0;
0144   padding-bottom: 1em;
0145   visibility: hidden;
0146 }
0147 ul#gmnav li {
0148   float: left;
0149   margin-left: 30px;
0150   list-style: none;
0151 }
0152 ul#gmnav li+li {
0153   margin-left: 0;
0154 }
0155
0156 .infobubble {
0157   border: 1px solid #ccc;
0158   -webkit-border-radius: 12px;
0159   -moz-border-radius: 12px;
0160   border-radius: 12px;
0161   margin-top: 8px;
0162   background: #fff;
0163   padding: 10px;
0164   min-width: 180px;
0165   font-size: 85%;
0166   position: relative;
0167 }
0168
0169 div.infobubble-pijl {
0170   position: absolute;
0171   left: 82px;
0172   top: -7px;
0173   width: 0;
0174   height: 0;
0175   border-left: 7px solid transparent;
0176   border-right: 7px solid transparent;
0177
0178   border-bottom: 7px solid #fff;
0179 }
0180
0181 a.infobubble-close {
0182   position: absolute;
0183   top: 5px;
0184   right: 5px;
0185   text-decoration: none;
0186   cursor: pointer;
0187 }
0188
0189 /* ===================== ROUTEBESCHRIJVING ======================== */
0190
0191 #routeresultaat {
0192   display: none;
0193 }
0194 #beschrijving {
0195   width: 32.4em;
0196   float: left;
0197 }
0198
0199 #routekaart {
0200   width: 32.4em;
0201   height: 45em;
0202   float: left;
0203   margin-left: .3em;
0204 }
0205
0206 @media print {
0207   .noprint, #gmprint, #sidebar {display: none;}
0208   #mapfromgoogle, #routeresultaat, #mapfromgooglecontainer {display: block}
0209   #mapfromgoogle *, #routeresultaat * { display: block; }
0210   #gmprint, #sidebar, #mobielswitch {display: none !important;}
0211   body * {color: #000 !important;}
0212 }
0213

Bronbestand: jstree.css - omhoog

0001 p { padding: 0em 0 0.5em 0; margin: 0; line-height: 1.8em; }
0002 p.meta { font-size: 9pt; color: gray; margin-top: -5px; }
0003 #description, .panel { margin: 0 20px; }
0004 #container { width: 800px; margin: 10px auto; overflow: hidden; background: white; padding: 0 10px 10px 10px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0px 0px 10px #000; }
0005 .demo { width: 90px; margin: 0; border: 1px solid gray; background: white; overflow: auto; }
0006 pre { display: block; }
0007 .code_f { border: 1px solid gray; margin-bottom: 1em; }
0008
0009 .button { display: block; margin-bottom: 0.5em; }
0010 .arguments { margin: 0em 1em; padding: 0; list-style-type: none; }
0011 .arguments .tp { padding: 0 0 0 0; float: left; width: 70px; }
0012 .arguments strong { display: block; }
0013
0014 .note { background: #ffffee; padding: 10px 20px; border: 1px solid #333; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 15px; text-align: center; font-weight: bold; }
0015
0016 .plugins, .demos { margin: 0 auto 20px auto; }
0017
0018 ul.columns { list-style-type: none; width: 700px; margin: 0px auto 15px auto; padding: 0; overflow: hidden; }
0019 ul.columns li { float: left; margin: 0; padding: 0 0 0 0px; line-height: 18px; width: 345px; }
0020 ul.demos li, ul.plugins li { width: 220px; text-align: left; padding: 5px 0; }
0021 ul.demos li a, ul.plugins li a { text-decoration: none; color: #3B5998; }
0022 ul.demos li a:hover, ul.plugins li a:hover { text-decoration: underline; }
0023 ul.plugins li p { text-align: left; font-size: 9px; color: #333; margin: 0 5px 0 0; }
0024
0025 ul.demos li { width: auto; }
0026
0027 .demo, .demo input, .jstree-dnd-helper, #vakata-contextmenu { font-size: 10px; font-family: Verdana; }
0028
0029 /*Alex: hier breedte van tree bepaald */
0030 #home .demo { width: 270px; float: none; margin: 0 10px; 10px 10px }
0031
0032 ul.jstree { width: 700px; margin: 0px auto 15px auto; padding: 0; }
0033 ul.jstree li { margin: 0; padding: 2px 0; }
0034 ul.jstree li a { color: #3B5998; text-decoration: underline; }
0035
0036 /* default.css */
0037
0038 /*
0039 ------------------------------
0040 Impromptu
0041 ------------------------------
0042 */
0043 .jqifade{
0044   position: absolute;
0045   background-color: #aaaaaa;
0046 }
0047 div.jqi{
0048   width: 400px;
0049   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
0050   position: absolute;
0051   background-color: #ffffff;
0052   font-size: 11px;
0053   text-align: left;
0054   border: solid 1px #eeeeee;
0055   border-radius: 10px;
0056   -moz-border-radius: 10px;
0057   -webkit-border-radius: 10px;
0058   padding: 7px;
0059 }
0060 div.jqi .jqicontainer{
0061   font-weight: bold;
0062 }
0063 div.jqi .jqiclose{
0064   position: absolute;
0065   top: 4px; right: -2px;
0066   width: 18px;
0067   cursor: default;
0068   color: #bbbbbb;
0069   font-weight: bold;
0070 }
0071 div.jqi .jqimessage{
0072   padding: 10px;
0073   line-height: 20px;
0074   color: #444444;
0075 }
0076 div.jqi .jqibuttons{
0077   text-align: right;
0078   padding: 5px 0 5px 0;
0079   border: solid 1px #eeeeee;
0080   background-color: #f4f4f4;
0081 }
0082 div.jqi button{
0083   padding: 3px 10px;
0084   margin: 0 10px;
0085   background-color: #2F6073;
0086   border: solid 1px #f4f4f4;
0087   color: #ffffff;
0088   font-weight: bold;
0089   font-size: 12px;
0090 }
0091 div.jqi button:hover{
0092   background-color: #728A8C;
0093 }
0094 div.jqi button.jqidefaultbutton{
0095   background-color: #BF5E26;
0096 }
0097 .jqiwarning .jqi .jqibuttons{
0098   background-color: #BF5E26;
0099 }
0100
0101
0102 /* ================ Alex ========================== */
0103
0104 #tooltip {
0105   background: #1E5CA5;
0106   font-weight: bold;
0107   width: 150px;
0108   position: absolute;
0109   top: 0;
0110   left: 511px;
0111   display: none;
0112   padding: 3px 20px;
0113   z-index: 20;
0114 }
0115 #tooltip li {
0116   color: white !important;
0117   margin-left: -4px;
0118 }
0119
0120 #savecontainer {
0121   visibility: hidden;
0122   text-indent: -999999999px;
0123   width: 400px;
0124   height: 20px;
0125   overflow: hidden;
0126 }
0127
0128 .jstree-leaf, .jstree-open, .jstree-closed {
0129   font-size: 100% !important;
0130 }
0131
0132 div.sbeheer {
0133   float: right;
0134   width: 550px;
0135 }
0136 #uitvoer {
0137   position: static;
0138   height: 400px;
0139   width: 350px !important;
0140   float: right;
0141 }
0142
0143 div.sbeheer a {
0144   margin-left: 3em;
0145 }
0146

Bronbestand: scrollable.css - omhoog

0001 /* ============================== SCROLLABLE ================================= */
0002
0003
0004 /*
0005 root element for the scrollable.
0006 when scrolling occurs this element stays still.
0007 */
0008 .scrollable {
0009
0010 /* required settings */
0011   position: relative;
0012
0013 /* custom decorations */
0014   border: 1px solid #ccc;
0015   background-color: #EAEAEA;
0016   background-image: url(/so_afbeeldingen/scrollable-h300.png) repeat;
0017   background-image: -moz-linear-gradient(top, #FBFBFB 0%, #EAEAEA 100%);
0018   background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%, #FBFBFB),color-stop(100%, #EAEAEA));
0019   background-image: -webkit-linear-gradient(#FBFBFB, #EAEAEA);
0020   background-image: linear-gradient(top, #FBFBFB, #EAEAEA);
0021 /* this makes it possible to add next button beside scrollable */
0022   float: left;
0023 }
0024 .scrollable.s1, .scrollable.s1 .items, .scrollable.s1 .items div {
0025   width: 136px;
0026 }
0027 .scrollable.s2, .scrollable.s2 .items, .scrollable.s2 .items div {
0028   width: 272px;
0029 }
0030 .scrollable.s3, .scrollable.s3 .items, .scrollable.s3 .items div {
0031   width: 408px;
0032 }
0033 .scrollable.s4, .scrollable.s4 .items, .scrollable.s4 .items div {
0034   width: 544px;
0035 }
0036 .scrollable.s5, .scrollable.s5 .items, .scrollable.s5 .items div {
0037   width: 680px;
0038 }
0039 .scrollable.s6, .scrollable.s6 .items, .scrollable.s6 .items div {
0040   width: 816px;
0041 }
0042 .scrollable.s7, .scrollable.s7 .items, .scrollable.s7 .items div {
0043   width: 952px;
0044 }
0045 .scrollable.s8, .scrollable.s8 .items, .scrollable.s8 .items div {
0046   width: 1088px;
0047 }
0048 .scrollable.s9, .scrollable.s9 .items, .scrollable.s9 .items div {
0049   width: 1224px;
0050 }
0051 .scrollable.s10, .scrollable.s10 .items, .scrollable.s10 .items div {
0052   width: 1360px;
0053 }
0054
0055 /*
0056 root element for scrollable items. Must be absolutely positioned
0057 and it should have a extremely large width to accomodate scrollable items.
0058 it's enough that you set the width and height for the root element and
0059 not for this element.
0060 */
0061 .scrollable .items {
0062 /* this cannot be too large
0063 width: 20000em;
0064 position: absolute;
0065 clear: both;*/
0066 }
0067
0068 /* single scrollable item */
0069 .scrollable img {
0070   margin: 20px 5px 20px 21px;
0071   background-color: #fff;
0072   padding: 2px;
0073   border: 1px solid #ccc;
0074   width: 100px;
0075   height: 75px;
0076   border-radius: 4px;
0077   -moz-border-radius: 4px;
0078   -webkit-border-radius: 4px;
0079 }
0080
0081 /* active item */
0082 .scrollable .active {
0083   border: 2px solid #000;
0084   position: relative;
0085   cursor: default;
0086 }
0087
0088 /*=================================== SCROLLABLE BUTTONS ===================== */
0089
0090
0091 /* prev, next, prevPage and nextPage buttons */
0092 a.browse {
0093   background: url(/so_afbeeldingen/scrollable-hori_large.png) no-repeat;
0094   display: block;
0095   width: 30px;
0096   height: 30px;
0097   float: left;
0098   margin: 40px 10px;
0099   cursor: pointer;
0100   font-size: 1px;
0101 }
0102
0103 /* right */
0104 a.right { background-position: 0 -30px; clear: right; margin-right: 0px;}
0105 a.right:hover { background-position: -30px -30px; }
0106 a.right:active { background-position: -60px -30px; }
0107
0108
0109 /* left */
0110 a.left { margin-left: 0px; }
0111 a.left:hover { background-position: -30px 0; }
0112 a.left:active { background-position: -60px 0; }
0113
0114 /* up and down */
0115 a.up, a.down {
0116   background: url(/so_afbeeldingen/scrollable-vert_large.png) no-repeat;
0117   float: none;
0118   margin: 10px 50px;
0119 }
0120
0121 /* up */
0122 a.up:hover { background-position: -30px 0; }
0123 a.up:active { background-position: -60px 0; }
0124
0125 /* down */
0126 a.down { background-position: 0 -30px; }
0127 a.down:hover { background-position: -30px -30px; }
0128 a.down:active { background-position: -60px -30px; }
0129
0130
0131 /* disabled navigational button */
0132 a.disabled {
0133   visibility: hidden !important;
0134 }
0135
0136 /* navigation */
0137
0138 /* position and dimensions of the navigator */
0139 .navi {
0140   height: 20px;
0141   text-align: center;
0142   display: none;
0143   clear: both;
0144   padding-top: .6em;
0145   width: 200px;
0146   margin: auto;
0147 }
0148
0149
0150 /* items inside navigator */
0151 .navi a {
0152   width: 8px;
0153   height: 8px;
0154   margin: 3px;
0155   background: url(/so_afbeeldingen/scrollable-navigator.png) 0 0 no-repeat;
0156   display: inline-block;
0157   font-size: 1px;
0158 }
0159
0160 /* mouseover state */
0161 .navi a:hover {
0162   background-position: 0 -8px;
0163 }
0164
0165 /* active state (current page state) */
0166 .navi a.active {
0167   background-position: 0 -16px;
0168 }
0169

Bronbestand: tabs.css (enkel indien nodig op pagina) - omhoog

0001 ul.tabs {
0002   padding-bottom: 1em;
0003 }
0004
0005 /* single tab */
0006 .tabs li {
0007   float: left;
0008   text-indent: 0;
0009   padding: .15em .2em .2em .2em;
0010   margin: 0 .5em 0 0;
0011   list-style: none;
0012   color: #FFF;
0013   border: 1px solid #CCC;
0014   -webkit-border-radius: 3px;
0015   -moz-border-radius: 3px;
0016   border-radius: 3px;
0017 }
0018
0019 /* link inside the tab. uses a background image */
0020 .tabs a {
0021   background: #9ACEF3;
0022   font-size: 12px;
0023   display: block;
0024   height: 30px;
0025   line-height: 30px;
0026   width: 90px;
0027   text-align: center;
0028   text-decoration: none;
0029   color: #666;
0030   padding: 0px;
0031   margin: 0px;
0032   position: relative;
0033   top: 1px;
0034   -webkit-border-radius: 3px;
0035   -moz-border-radius: 3px;
0036   border-radius: 3px;
0037 }
0038
0039 /* active tab uses a class name "current". it's highlight is also done by moving the background image. */
0040 .tabs li.current a, .tabs li.current a:hover {
0041   background-position: -652px -62px;
0042   cursor: default !important;
0043   color: #FFF !important;
0044   background: #322A7F;
0045   font-weight: bold;
0046   height: 2.6em;
0047   padding-top: .25em;
0048 }
0049
0050 .tabs li.current {
0051   height: 35px;
0052   margin-top: -5px;
0053 }
0054
0055 .tabs a:active {
0056   outline: none;
0057 }
0058
0059 /* when mouse enters the tab move the background image */
0060 .tabs a:hover {
0061   background-position: -652px -31px;
0062   color: #fff;
0063 }
0064
0065 .tabs span {
0066   background: #F4F4F8;
0067   color: #1E5CA5;
0068   display: inline-block;
0069   padding: 5px 0 3px 0;
0070   -webkit-border-radius: 9px;
0071   -moz-border-radius: 9px;
0072   border-radius: 9px;
0073   line-height: 1;
0074   height: 12px;
0075   width: 20px;
0076   font-size: 90%;
0077   margin-left: .6em;
0078   margin-bottom: -.3em;
0079   font-weight: normal;
0080 }
0081
0082 /* Different widths for tabs: use a class name: w1, w2, w3 or w2 */
0083
0084
0085 /* width 1 */
0086 /*
0087 .tabs .w1 { background-position: -519px 0; width: 134px; }
0088 .tabs .w1:hover { background-position: -519px -31px; }
0089 .tabs .w1.current { background-position: -519px -62px; }
0090
0091 .tabs .w2 { background-position: -366px -0px; width: 154px; }
0092 .tabs .w2:hover { background-position: -366px -31px; }
0093 .tabs .w2.current { background-position: -366px -62px; }
0094
0095
0096 .tabs .w3 { background-position: -193px -0px; width: 174px; }
0097 .tabs .w3:hover { background-position: -193px -31px; }
0098 .tabs .w3.current { background-position: -193px -62px; }
0099
0100 .tabs .w4 { background-position: -0px -0px; width: 194px; }
0101 .tabs .w4:hover { background-position: -0px -31px; }
0102 .tabs .w4.current { background-position: -0px -62px; }
0103 */
0104
0105 .panes {
0106   clear: both;
0107   padding: .7em .5em .5em .5em;
0108   min-height: 400px;
0109   padding: 20px;
0110   position: relative;
0111   margin-top: 2em;
0112   margin-left: 1.6em;
0113
0114   border: 1px solid #CCC;
0115   -webkit-border-radius: 3px;
0116   -moz-border-radius: 3px;
0117   border-radius: 3px;
0118
0119 }
0120
0121 /* initially all panes are hidden */
0122 .panes .pane {
0123   width: 100%;
0124   z-index: 2;
0125   position: relative;
0126 }
0127
0128 .panes .pane.show {
0129   display: block;
0130 }
0131

Bronbestand: upload.css - omhoog

0001 @charset 'UTF-8';
0002
0003 /*
0004 * jQuery UI CSS Framework 1.8.13
0005 *
0006 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
0007 * Dual licensed under the MIT or GPL Version 2 licenses.
0008 * http://jquery.org/license
0009 *
0010 * http://docs.jquery.com/UI/Theming/API
0011 */
0012
0013 /* Layout helpers
0014 ----------------------------------*/
0015 .ui-helper-hidden { display: none; }
0016 .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
0017 .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
0018 .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
0019 .ui-helper-clearfix { display: inline-block; }
0020 /* required comment for clearfix to work in Opera \*/
0021 * html .ui-helper-clearfix { height: 1%; }
0022 .ui-helper-clearfix { display: block; }
0023 /* end clearfix */
0024 .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); }
0025
0026
0027 /* Interaction Cues
0028 ----------------------------------*/
0029 .ui-state-disabled { cursor: default !important; }
0030
0031
0032 /* Icons
0033 ----------------------------------*/
0034
0035 /* states and images */
0036 .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
0037
0038
0039 /* Misc visuals
0040 ----------------------------------*/
0041
0042 /* Overlays */
0043 .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
0044 /*
0045 * jQuery UI Accordion 1.8.13
0046 *
0047 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
0048 * Dual licensed under the MIT or GPL Version 2 licenses.
0049 * http://jquery.org/license
0050 *
0051 * http://docs.jquery.com/UI/Accordion#theming
0052 */
0053 /* IE/Win - Fix animation bug - #4615 */
0054 .ui-accordion { width: 100%; }
0055 .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
0056 .ui-accordion .ui-accordion-li-fix { display: inline; }
0057 .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
0058 .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
0059 .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
0060 .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
0061 .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
0062 .ui-accordion .ui-accordion-content-active { display: block; }
0063 /*
0064 * jQuery UI Autocomplete 1.8.13
0065 *
0066 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
0067 * Dual licensed under the MIT or GPL Version 2 licenses.
0068 * http://jquery.org/license
0069 *
0070 * http://docs.jquery.com/UI/Autocomplete#theming
0071 */
0072 .ui-autocomplete { position: absolute; cursor: default; }
0073
0074 /* workarounds */
0075 * html .ui-autocomplete { width: 1px; } /* without this, the menu expands to 100% in IE6 */
0076
0077 /*
0078 * jQuery UI Menu 1.8.13
0079 *
0080 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
0081 * Dual licensed under the MIT or GPL Version 2 licenses.
0082 * http://jquery.org/license
0083 *
0084 * http://docs.jquery.com/UI/Menu#theming
0085 */
0086 .ui-menu {
0087   list-style: none;
0088   padding: 2px;
0089   margin: 0;
0090   display: block;
0091   float: left;
0092 }
0093 .ui-menu .ui-menu {
0094   margin-top: -3px;
0095 }
0096 .ui-menu .ui-menu-item {
0097   margin: 0;
0098   padding: 0;
0099   zoom: 1;
0100   float: left;
0101   clear: left;
0102   width: 100%;
0103 }
0104 .ui-menu .ui-menu-item a {
0105   text-decoration: none;
0106   display: block;
0107   padding: .2em .4em;
0108   line-height: 1.5;
0109   zoom: 1;
0110 }
0111 .ui-menu .ui-menu-item a.ui-state-hover,
0112 .ui-menu .ui-menu-item a.ui-state-active {
0113   font-weight: normal;
0114   margin: -1px;
0115 }
0116 /*
0117 * jQuery UI Button 1.8.13
0118 *
0119 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
0120 * Dual licensed under the MIT or GPL Version 2 licenses.
0121 * http://jquery.org/license
0122 *
0123 * http://docs.jquery.com/UI/Button#theming
0124 */
0125 .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
0126 .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
0127 button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
0128 .ui-button-icons-only { width: 3.4em; }
0129 button.ui-button-icons-only { width: 3.7em; }
0130
0131 /*button text element */
0132 .ui-button .ui-button-text { display: block; line-height: 1.4; }
0133 .ui-button-text-only .ui-button-text { padding: .4em 1em; }
0134 .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
0135 .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
0136 .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
0137 .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
0138 /* no icon support for input elements, provide padding by default */
0139 input.ui-button { padding: .4em 1em; }
0140
0141 /*button icon element(s) */
0142 .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
0143 .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
0144 .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
0145 .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
0146 .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
0147
0148 /*button sets*/
0149 .ui-buttonset { margin-right: 7px; }
0150 .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
0151
0152 /* workarounds */
0153 button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
0154 /*
0155 * jQuery UI Datepicker 1.8.13
0156 *
0157 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
0158 * Dual licensed under the MIT or GPL Version 2 licenses.
0159 * http://jquery.org/license
0160 *
0161 * http://docs.jquery.com/UI/Datepicker#theming
0162 */
0163 .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
0164 .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; }
0165 .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; }
0166 .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
0167 .ui-datepicker .ui-datepicker-prev { left: 2px; }
0168 .ui-datepicker .ui-datepicker-next { right: 2px; }
0169 .ui-datepicker .ui-datepicker-prev-hover { left: 1px; }
0170 .ui-datepicker .ui-datepicker-next-hover { right: 1px; }
0171 .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
0172 .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
0173 .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }
0174 .ui-datepicker select.ui-datepicker-month-year {width: 100%;}
0175 .ui-datepicker select.ui-datepicker-month,
0176 .ui-datepicker select.ui-datepicker-year { width: 49%;}
0177 .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; }
0178 .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
0179 .ui-datepicker td { border: 0; padding: 1px; }
0180 .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
0181 .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
0182 .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; }
0183 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }
0184
0185 /* with multiple calendars */
0186 .ui-datepicker.ui-datepicker-multi { width: auto; }
0187 .ui-datepicker-multi .ui-datepicker-group { float: left; }
0188 .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; }
0189 .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }
0190 .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }
0191 .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }
0192 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 0; }
0193 .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; }
0194 .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; }
0195 .ui-datepicker-row-break { clear: both; width: 100%; }
0196
0197 /* RTL support */
0198 .ui-datepicker-rtl { direction: rtl; }
0199 .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
0200 .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
0201 .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
0202 .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
0203 .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; }
0204 .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
0205 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; }
0206 .ui-datepicker-rtl .ui-datepicker-group { float: right; }
0207 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; }
0208 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; }
0209
0210 /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
0211 .ui-datepicker-cover {
0212   display: none; /*sorry for IE5*/
0213   display||sorry for IE5must havemust havemust havemust havemust havemust havemust have position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... {ffDefault}{fsDefault}{ffDefault}{borderColorContent}{bgColorContent}{bgImgUrlContent}{bgContentXPos}{bgContentYPos}{bgContentRepeat}{fcContent}{fcContent}{borderColorHeader}{bgColorHeader}{bgImgUrlHeader}{bgHeaderXPos}{bgHeaderYPos}{bgHeaderRepeat}{fcHeader}{fcHeader}{borderColorDefault}{bgColorDefault}{bgImgUrlDefault}{bgDefaultXPos}{bgDefaultYPos}{bgDefaultRepeat}{fwDefault}{fcDefault}{fcDefault}{borderColorHover}{bgColorHover}{bgImgUrlHover}{bgHoverXPos}{bgHoverYPos}{bgHoverRepeat}{fwDefault}{fcHover}{fcHover}{borderColorActive}{bgColorActive}{bgImgUrlActive}{bgActiveXPos}{bgActiveYPos}{bgActiveRepeat}{fwDefault}{fcActive}{fcActive}{borderColorHighlight}{bgColorHighlight}{bgImgUrlHighlight}{bgHighlightXPos}{bgHighlightYPos}{bgHighlightRepeat}{fcHighlight}{fcHighlight}{borderColorError}{bgColorError}{bgImgUrlError}{bgErrorXPos}{bgErrorYPos}{bgErrorRepeat}{fcError}{fcError}{fcError} states and images {iconsContent}{iconsContent}{iconsHeader}{iconsDefault}{iconsHover}{iconsActive}{iconsHighlight}{iconsError} positioning ui-icon-seek-first is deprecated, use ui-icon-seek-start instead Corner radius {cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius}{cornerRadius} Overlays {bgColorOverlay}{bgImgUrlOverlay}{bgOverlayXPos}{bgOverlayYPos}{bgOverlayRepeat}{opacityOverlay}{offsetTopShadow}{offsetLeftShadow}{thicknessShadow}{bgColorShadow}{bgImgUrlShadow}{bgShadowXPos}{bgShadowYPos}{bgShadowRepeat}{opacityShadow}{cornerRadiusShadow}{cornerRadiusShadow}{cornerRadiusShadow} Fix for IE 6: Fix for IE 7: border: 0; schakelt border van de fieldset uit mocht de tekst in een floating label te hoog worden, dan rekt het dankzij deze instelling de li toch nog op tbv positionering validatiemarkers input[type=submit] validatie Deze staat om een verplichte checkbox heen nog niet gevalideerd gebruikt zodra de vinkbox wordt afgevinkt bleek niet afgevinkt tijdens de definitieve controle !important, zodat veld in FF en Chrome niet horizontaal breder of kleiner gesleept kan worden reactieformulier Month and Year Row Setup Month and Year Text Setup Day Names Row Setup Day Name Setup Alignments, Font Face, Size and Color for Date Numbers and Row Height Color of Today's Date Main Table Setup Incluidng Date Number Fonts, Size and Color Month and Year Row Setup Month and Year Text Setup Day Names Row Setup Day Name Setup Alignments, Font Face, Size and Color for Date Numbers and Row Height Color of Today's Date Pop-up Events Setup Normal Cell Background (date number with no event markings) Empty Cell Background (empty cells with no date numbers) Show dates from other months Weekend Cell Background (date number with no event markings) zodat klik op item in klik-index het betreffende element altijd bovenaan pagina plaatst alleen in de CSSdemo de koppen van een kleurtje voorzien; in de HTMLdemo is dat niet nodig, omdat die minder items in de indexen heeft For IE8, FF & WebKit For IE7 For IE8, FF & WebKit For IE7 border-left: 3px solid #6CE26C !important; text-align: right; ||/* text-align: right; */
0085 }
0086
0087 span.variable {
0088   font-weight: bold !important;
0089   color: #800080 !important;
0090 }
0091 span.keyword {
0092   font-weight: bold !important;
0093   color: #000080 !important;
0094 }
0095 span.heredoc {
0096   font-weight: bold !important;
0097   color: purple !important;
0098 }
0099
0100 span.html_comment {
0101   color: lightgreen !important;
0102   font-weight: bold !important;
0103 }
0104
0105 span.classid {
0106   color: #E9967A !important;
0107   font-weight: bold !important;
0108 }
0109
0110 span.css3, span.css3waarde {
0111   font-weight: bold !important;
0112   color: #FF1493 !important;
0113 }
0114
0115 a.methodlink, a.methodlink:visited {
0116   border-bottom: 1px dotted #FF0000 !important;
0117   color: #FF0000 !important;
0118   font-weight: bold;
0119 }
0120
0121 a.methodlink:hover {
0122   border-bottom: 0 !important;
0123 }
0124
0125 a.methodlink:active {
0126   font-size: 110% !important;
0127 }
0128

Bronbestand: alex.css - omhoog

0001 div#socopy {
0002   text-align: left !important;
0003   position: relative !important;
0004   z-index: 999999 !important;
0005   font-size: 70% !important;
0006   color: #999 !important;
0007   margin: 0 0 0 0 !important;
0008   padding: 0 0 2em 1em !important;
0009 }
0010
0011 #socopy a {
0012   color: #999 !important;
0013   text-decoration: underline !important;
0014   display: inline !important;
0015   text-indent: 0 !important;
0016   font-size: 100% !important;
0017 }
0018
0019 #socopy a:hover {
0020   text-decoration: none !important;
0021   color: #666 !important;
0022 }
0023
0024 iframe.verzonden, iframe#preloader {
0025   position: absolute !important;
0026   bottom: 0 !important;
0027   left: -999999999px !important;
0028   height: 1px !important;
0029   width: 1px !important;
0030 }

Klik-indexen

informatie in/uitklappenId's in de sheets

informatie in/uitklappenClasses in de sheets

informatie in/uitklappenAfbeeldingen in de sheets

viewer

informatie in/uitklappenCommentaren in de sheets

omhoog