Subversion Repositories wimsdev

Rev

Rev 8439 | Blame | Compare with Previous | Last modification | View Log | RSS feed

  1. /* link "style"
  2. removed 11/12/2014
  3. a:link{
  4.     color:blue;
  5.     text-decoration:none;
  6. }
  7. a:hover{
  8.     color:red;
  9.     text-decoration:none;
  10.     cursor:pointer;
  11. }
  12. */
  13. /* used in myheader.phtml for table layout */
  14. #myheader {
  15.     margin: 0px 0px 0px 0px;
  16.     width:100%;
  17.     vertical-align:top;
  18.     max-height:11px;
  19.     overflow:scroll;
  20. }
  21. .header1 {
  22.     width:40%;
  23.     letter-spacing:normal;
  24.     text-align:left;
  25.     vertical-align:top;
  26.     margin:0px 0px 0px 0px;
  27.     padding:2px;
  28. }
  29. .header2 {
  30.     letter-spacing:normal;
  31.     text-align:left;
  32.     vertical-align:top;
  33.     margin-left:auto;
  34.     margin-right:auto;
  35.     margin-top:0px;
  36.     overflow:hidden;
  37.     padding:2px;
  38. }
  39. .header3 {
  40.     letter-spacing:normal;
  41.     text-align:right;
  42.     vertical-align:top;
  43.     margin-left:auto;
  44.     margin-right:0px;
  45.     margin-top:0px;
  46.     overflow:hidden;
  47.     padding:2px;
  48.     line-height:1px;
  49. }
  50. /* used for answer.phtml */
  51. .answer {
  52.     margin-left:auto;
  53.     margin-right:auto;
  54.     margin-top:8px;
  55.     vertical-align:top;
  56.     overflow:visible;
  57.     min-width:60%;
  58. }
  59. .answer_t{
  60.     vertical-align:top;
  61.     text-align:left;
  62.     border:1px;
  63.     border-style:solid;
  64.     border-color:lightgreen;
  65.     padding:10px;
  66.     font-size:80%;
  67. }
  68. /* used in form.phtml */
  69. .exercise {
  70.     margin-left:auto;
  71.     margin-right:auto;
  72.     margin-top:8px;
  73.     vertical-align:top;
  74.     overflow:visible;
  75. }
  76. .exercise_m {
  77.     vertical-align:middle;
  78.     text-align:left;
  79.     padding:2px;
  80. }
  81. .exercise_t{
  82.     vertical-align:top;
  83.     text-align:left;
  84.     padding:2px;
  85. }
  86. .exercise_c {
  87.     vertical-align:middle;
  88.     text-align:center;
  89.     padding:2px;
  90. }
  91.  
  92. /* send OK/NOK buttons in this div */
  93. div.embedded_central{
  94.     padding:0px;
  95.     vertical-align:middle;
  96.     text-align:center;
  97.     margin-left:auto;
  98.     margin-right:auto;
  99.     margin-top:2px;
  100. }
  101.  
  102. /* 3 buttons must use id's : nikaia seems to have priority...*/
  103. #schaersvoorde_confirm_ok_button{
  104.     background-color:#afceff;
  105.     color:black;
  106.     font-weight:normal;
  107.     font-size:12pt;
  108.     text-align:center;
  109. }
  110. #schaersvoorde_confirm_nok_button{
  111.     background-color:#ffce79;
  112.     color:black;
  113.     font-weight:normal;
  114.     font-size:12pt;
  115.     text-align:center;
  116. }
  117. #schaersvoorde_ok_button{
  118.     background-color:#afceff;
  119.     color:black;
  120.     font-weight:normal;
  121.     font-size:12pt;
  122.     text-align:center;
  123. }
  124. #schaersvoorde_nok_button{
  125.     background-color:#ffce79;
  126.     color:black;
  127.     font-weight:normal;
  128.     font-size:12pt;
  129.     text-align:center;
  130. }
  131. #schaersvoorde_extra_button{
  132.     background-color:#ceffe5;
  133.     color:black;
  134.     font-weight:normal;
  135.     font-size:16px;
  136.     text-align:center;
  137. }
  138.  
  139. /* general input/textarea  : if changed: change also myfreestyle.phtml <span> tag */
  140. .schaersvoorde_input{
  141.     color:black;
  142.     background-color:#e8ffff;
  143.     font-size:14pt;
  144.     border:1px solid #ff0000;
  145.     text-align:center;
  146. }
  147. .schaersvoorde_textarea{
  148.     color:black;
  149.     background-color:#e8ffff;
  150.     font-size:14pt;border:1px solid #ff0000;
  151.     vertical-align:middle;
  152.     overflow: auto;
  153. }
  154.  
  155. /* vertical list imitating single column of table */
  156. .myvlist {
  157.     list-style-type:none;
  158.     vertical-align:middle;
  159.     text-align:left;
  160.     margin-left:auto;
  161.     margin-right:auto;
  162.     float:inherit;
  163.     line-height:300%;
  164. }
  165.  
  166. /* horizontal list imitating single row of table */
  167. .myhlist ul {
  168.     list-style-type:none;
  169.     width:100%;
  170.     float:left;
  171.     margin:0px 0px 0px 0px;
  172.     vertical-align:top;
  173. }
  174. .myhlist li {
  175.     display:inline;
  176.     position:relative;
  177.     line-height:normal;
  178.     list-style-type:none;
  179.     text-align:left;
  180.     margin:0px 0px 0px 0px;
  181.     vertical-align:top;
  182. }
  183.  
  184. /* zebra list <ul> */
  185. .zebra_list {
  186.     list-style-type:none;
  187.     vertical-align:middle;
  188.     text-align:left;
  189.     margin-left:auto;
  190.     margin-right:auto;
  191.     line-height:125%;
  192.     float:inherit;
  193. }
  194. .zebra_list li:nth-child(even) {
  195.     background:rgba(0,50,50,0.3);
  196. }
  197. .zebra_list li:nth-child(odd) {
  198.     background:rgba(0,79,155,0.3 );
  199. }
  200.  
  201. /* table 3*n-collums zebra alternating 3 collumn  */
  202. .zebra_table_v3 {
  203.     border-collapse:collapse;
  204.     margin-left:auto;
  205.     margin-right:auto;
  206.     color:black;
  207. }
  208.  
  209. .zebra_table caption_v3 {
  210.     caption-side:top;
  211.     line-height:1.5em;
  212. }
  213. .zebra_table_v3 tbody th:nth-of-type(3n-2){
  214.     background:rgba(0,79,155,0.1);
  215.     padding:10px;
  216.     border-bottom-style: solid ;
  217.     border-bottom-color:rgba(0,79,155,0.6);
  218.     border-bottom-width:2px;
  219.     text-align:center;
  220. }
  221. .zebra_table_v3 tbody th:nth-of-type(3n-1){
  222.     background:rgba(0,79,155,0.2);
  223.     padding:10px;
  224.     border-bottom-style:solid ;
  225.     border-bottom-color:rgba(0,79,155,0.6);
  226.     border-bottom-width:2px;
  227.     text-align:center;
  228. }
  229. .zebra_table_v3 tbody th:nth-of-type(3n){
  230.     background:rgba(0,79,155,0.3);
  231.     padding:10px;
  232.     border-bottom-style:solid ;
  233.     border-bottom-color:rgba(0,79,155,0.6);
  234.     border-bottom-width:2px;
  235.     text-align:center;
  236. }
  237. .zebra_table_v3 tbody td:nth-of-type(3n-2){
  238.     background:rgba(0,79,155,0.1);
  239.     padding:6px;
  240.     text-align:center;
  241. }
  242. .zebra_table_v3 tbody td:nth-of-type(3n-1){
  243.     background:rgba(0,79,155,0.2);
  244.     padding:6px;
  245.     text-align:center;
  246. }
  247. .zebra_table_v3 tbody td:nth-of-type(3n){
  248.     background:rgba(0,79,155,0.3);
  249.     padding:6px;
  250.     text-align:center;
  251. }
  252.  
  253. /* table vertical column zebra  */
  254. .zebra_table_v2 {
  255.     border-collapse:collapse;
  256.     margin-left:auto;
  257.     margin-right:auto;
  258. }
  259.  
  260. .zebra_table caption_v2 {
  261.     caption-side:top;
  262.     line-height:1.5em;
  263. }
  264.  
  265. .zebra_table_v2 th {
  266.     padding:6px;
  267.     text-align:center;
  268.     background:rgba(0,79,155,0.3);
  269.     color:black;
  270. }
  271.  
  272. .zebra_table_v2 tbody td:nth-of-type(odd){
  273.     background:rgba(65,192,142,0.4);
  274.     padding:3px;
  275.     text-align:center;
  276.     color:black;
  277. }
  278. .zebra_table_v2 tbody td:nth-of-type(even){
  279.     background:rgba(65,192,142,0.5);
  280.     padding:3px;
  281.     text-align:center;
  282.     color:black;
  283. }
  284.  
  285. /* table horizontal row zebra */
  286. .zebra_table_h2 {
  287.     border-collapse:collapse;
  288.     margin-left:auto;
  289.     margin-right:auto;
  290.     color:black;
  291. }
  292. .zebra_table_h2 caption {
  293.     caption-side:top;
  294.     line-height:1.5em;
  295. }
  296.  
  297. .zebra_table_h2 th{
  298.     padding:6px;
  299.     text-align:center;
  300. }
  301.  
  302. .zebra_table_h2 td{
  303.     padding:4px;
  304.     text-align:left;
  305. }
  306. .zebra_table_h2 tbody tr:nth-of-type(even){
  307.     background:rgba(65,192,142,0.3);
  308. }
  309.  
  310. .zebra_table_h2 tbody tr:nth-of-type(odd){
  311.     background:rgba(0,79,155,0.3);
  312. }
  313.  
  314. /* grid */
  315. .grid_table {
  316.     margin-left:auto;
  317.     margin-right:auto;
  318.     border-collapse:collapse;
  319.     border:solid 1px rgba(102,102,102,0.6);
  320. }
  321.  
  322. .grid_table caption {
  323.     caption-side:top;
  324.     line-height:1.5em;
  325. }
  326.  
  327. .grid_table tbody tr:nth-of-type(odd){
  328.     border-style:none;
  329.     border-spacing:4px;
  330.     background:rgba(102,102,102,0.3);
  331. }
  332. .grid_table tbody tr:nth-of-type(even){
  333.     border-style:none;
  334.     border-spacing:4px;
  335.     background:rgba(102,102,102,0.2);
  336. }
  337. .grid_table th{
  338.     padding:4px;
  339.     border:1px solid rgba(102,102,102,0.6);
  340.     text-align:center;
  341.     vertical-align:middle;
  342.     color:black;
  343.     font-weight:normal;
  344.     font-size:1.1em;
  345. }
  346. .grid_table td{
  347.     padding:4px;
  348.     border:1px solid rgba(102,102,102,0.6);
  349.     text-align:left;
  350.     vertical-align:middle;
  351.     color:black;
  352.     font-weight:normal;
  353.     font-size:1.0em;
  354. }
  355.  
  356.  
  357. /* default */
  358. .default_table {
  359.     border-collapse:collapse;
  360.     margin-left:0px;
  361.     border:solid 1px rgba(102,102,102,0.6);
  362.     background-color:rgba(10,180,60,0.3);
  363.     font-weight:normal;
  364. }
  365. .default_table caption {
  366.     caption-side:top;
  367.     line-height:1.5em;
  368. }
  369.  
  370. .default_table th{
  371.     border:solid 1px rgba(102,102,102,0.6);
  372.     padding:4px;
  373.     text-align:center;
  374.     vertical-align:middle;
  375.     color:black;
  376.     font-weight:normal;
  377. }
  378. .default_table td{
  379.     border:solid 1px rgba(102,102,102,0.6);
  380.     padding:2px;
  381.     text-align:left;
  382.     vertical-align:middle;
  383.     color:black;
  384.     font-weight:normal;
  385. }
  386.  
  387. /* balans_1  col1=green col2=orange*/
  388. .balans_1 tbody td:nth-of-type(2n-1){
  389.     background-color:rgba(144,238,144,0.6);
  390. }
  391. .balans_1 tbody td:nth-of-type(2n){
  392.     background-color:orange;
  393. }
  394. .balans_1 tbody th:nth-of-type(2n-1){
  395.     background-color:rgba(144,238,144,0.6);
  396. }
  397. .balans_1 tbody th:nth-of-type(2n){
  398.     background-color:orange;
  399. }
  400. .balans_1 {
  401.     border-collapse:collapse;
  402.     margin-left:0px;
  403.     border:solid 1px rgba(102,102,102,0.6);
  404.     font-weight:normal;
  405. }
  406. .balans_1 caption {
  407.     caption-side:top;
  408.     line-height:1.5em;
  409. }
  410. .balans_1 th{
  411.     border:solid 1px rgba(102,102,102,0.6);
  412.     padding:4px;
  413.     text-align:center;
  414.     vertical-align:middle;
  415.     color:black;
  416.     font-size:1.1em;
  417. }
  418. .balans_1 td{
  419.     border:solid 1px rgba(102,102,102,0.6);
  420.     padding:2px;
  421.     text-align:left;
  422.     vertical-align:middle;
  423.     color:black;
  424.     font-size:1em;
  425. }
  426.  
  427. /* balans_2  col1+col2=green col3+col4=orange*/
  428. .balans_2 tbody td:nth-of-type(4n-3){
  429.     background-color:rgba(144,238,144,0.6);
  430. }
  431. .balans_2 tbody td:nth-of-type(4n-2){
  432.     background-color:rgba(144,238,144,0.6);
  433. }
  434. .balans_2 tbody td:nth-of-type(4n-1){
  435.     background-color:orange;
  436. }
  437. .balans_2 tbody td:nth-of-type(4n){
  438.     background-color:orange;
  439. }
  440. .balans_2 {
  441.     border-collapse:collapse;
  442.     margin-left:0px;
  443.     border:solid 1px rgba(102,102,102,0.6);
  444.     font-size:1em;
  445. }
  446. .balans_2 caption {
  447.     caption-side:top;
  448.     line-height:1.5em;
  449. }
  450. .balans_2 th{
  451.     border:solid 1px rgba(102,102,102,0.6);
  452.     padding:4px;
  453.     text-align:left;
  454.     vertical-align:middle;
  455.     color:black;
  456.     font-size:1.1em;
  457. }
  458. .balans_2 td{
  459.     border:solid 1px rgba(102,102,102,0.6);
  460.     padding:2px;
  461.     text-align:left;
  462.     vertical-align:middle;
  463.     color:black;
  464.     font-size:1em;
  465. }
  466.  
  467.  
  468. /* balans_3  col1+col2+col3=green col4+col5+col6=orange*/
  469. .balans_3 tbody td:nth-of-type(6n-5){
  470.     background-color:rgba(144,238,144,0.6);
  471. }
  472. .balans_3 tbody td:nth-of-type(6n-4){
  473.     background-color:rgba(144,238,144,0.6);
  474. }
  475. .balans_3 tbody td:nth-of-type(6n-3){
  476.     background-color:rgba(144,238,144,0.6);
  477. }
  478. .balans_3 tbody td:nth-of-type(6n-2){
  479.     background-color:orange;
  480. }
  481. .balans_3 tbody td:nth-of-type(6n-1){
  482.     background-color:orange;
  483. }
  484. .balans_3 tbody td:nth-of-type(6n){
  485.     background-color:orange;
  486. }
  487. .balans_3 {
  488.     border-collapse:collapse;
  489.     margin-left:0px;
  490.     border:solid 1px rgba(102,102,102,0.6);
  491.     font-weight:normal;
  492. }
  493. .balans_3 caption {
  494.     caption-side:top;
  495.     line-height:1.5em;
  496. }
  497. .balans_3 th{
  498.     border:solid 1px rgba(102,102,102,0.6);
  499.     padding:4px;
  500.     text-align:left;
  501.     vertical-align:middle;
  502.     color:black;
  503.     font-size:1.1em;
  504. }
  505. .balans_3 td{
  506.     border:solid 1px rgba(102,102,102,0.6);
  507.     padding:2px;
  508.     text-align:left;
  509.     vertical-align:middle;
  510.     color:black;
  511.     font-size:1em;
  512. }
  513.  
  514. .demospecial th {
  515. border-width:1px;
  516. padding:6px;
  517. border-style:solid;
  518. background-color:#a6d4ff;
  519. }
  520. .demospecial td {
  521. padding:6px;
  522. border-width:1px;
  523. border-style:solid;
  524. text-align:center;
  525. background-color:#c6d4ff;
  526. }
  527.  
  528.  
  529. /* not important misc. */
  530. span.schaersvoorde_alarm {
  531.     color:red;
  532.     font-size:75%;
  533.     font-style:italic;
  534. }
  535. span.schaersvoorde_link {
  536.     color:blue;
  537.     font-style:italic;
  538. }
  539. hr.schaersvoorde_hr {
  540.     height:2px;
  541.     border-width:0;
  542.     color:black;
  543.     background-color:black;
  544.     width:50%;
  545. }
  546.  
  547.