illyse.css 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187
  1. /* Titre général */
  2. header {
  3. user-select: none;
  4. /* Navigateurs */
  5. -moz-user-select: none;
  6. -webkit-user-select: none;
  7. }
  8. h1 {
  9. font-size: 2.2em;
  10. margin-bottom: 1em;
  11. }
  12. h1:before {
  13. content: "\\_o<";
  14. color: #FF6600;
  15. font-weight: normal;
  16. font-family: monospace;
  17. text-align: center;
  18. font-size: 1.25em;
  19. display: block;
  20. float: left;
  21. width: 25%;
  22. }
  23. h1:hover:before {
  24. content: "\\_x<";
  25. }
  26. h1:hover:after {
  27. position: absolute;
  28. text-align: center;
  29. z-index: -1;
  30. right: 15%;
  31. left: 25%;
  32. }
  33. h1 a, h1:after {
  34. color: #0086A9;
  35. font-weight: bold;
  36. }
  37. /* Barre de navigation */
  38. .side-nav {
  39. background-color: #FAFAFA;
  40. padding:5px;
  41. }
  42. /*
  43. nav#sidebox {
  44. position: fixed;
  45. z-index: 1;
  46. }
  47. h3#nav {
  48. background-color: #E8E8FF;
  49. border: 1px solid #E0E0E0;
  50. border-bottom-color: #0086A9;
  51. padding-bottom: 0.25em;
  52. text-indent: 0.25em;
  53. margin-top: 0.25em;
  54. padding-top: 0.1em;
  55. margin-bottom: 0;
  56. color: #FF6600;
  57. }*/
  58. /*
  59. .side-nav {
  60. padding: 0;
  61. padding-top: 0.75em;
  62. background-color: #E8E8FF;
  63. border: 1px solid #E0E0E0;
  64. border-top: 0 none transparent;
  65. margin-top: 0;
  66. }
  67. .side-nav a {
  68. padding: 0 0.5em 0.2em 0.5em;
  69. }
  70. .side-nav a:hover,
  71. .side-nav li.active a,
  72. .side-nav li ul li a:hover {
  73. background-color: #0086A9;
  74. color: #FFFFFF !important;
  75. border-radius: 5px;
  76. }
  77. .side-nav li ul {
  78. list-style-type: disc;
  79. padding-top: 0.25em;
  80. }
  81. .side-nav li ul li a:hover {
  82. margin-right: 1em;
  83. }
  84. .side-nav li ul li a {
  85. padding-left: 0.25em;
  86. margin-left: -0.25em;
  87. }
  88. .side-nav li.active li a {
  89. background-color: transparent;
  90. color: #0086A9 !important;
  91. }
  92. */
  93. /* Titre section principale */
  94. h2:before {
  95. /*content: url(../img/coinitem.png);*/
  96. margin-right: 0.25em;
  97. }
  98. h2 {
  99. color: #FF6600;
  100. /*border-bottom: 2px solid #0086A9;*/
  101. }
  102. /* Tables */
  103. table.full-width {
  104. width:100%;
  105. }
  106. /* Footer */
  107. #footer { opacity: 0.18; }
  108. #footer .line {
  109. widht:100%;
  110. border-bottom: 1px solid black;
  111. }
  112. #footer .duck {
  113. background-image: url('../img/coin.svg');
  114. background-size: 20%;
  115. background-repeat: no-repeat;
  116. background-position: center top;
  117. height:50px;
  118. }
  119. /* Invoices */
  120. #invoice_details .period {
  121. color:#999;
  122. }
  123. table.invoice-table tr.total>td {
  124. font-weight:bold;
  125. border-top:2px solid #DDD;
  126. }
  127. table.invoice-table td.total {
  128. width:100px;
  129. }
  130. #member_invoices td.unpaid {
  131. color:red;
  132. }
  133. #member_invoices tr.total>td.right {
  134. text-align:right;
  135. }
  136. #payment_howto p {
  137. font-size:0.7rem;
  138. }
  139. /* Modifs pour les infos */
  140. td.center {
  141. text-align: center;
  142. }
  143. span.italic {
  144. font-style: italic;
  145. }
  146. .button {
  147. border-radius: 5px;
  148. padding: 0.2em 0.5em 0.4em 0.5em;
  149. margin-bottom: auto;
  150. font-size: 0.9em;
  151. }
  152. .boolviewer input {
  153. display: none;
  154. }
  155. .boolviewer input:checked+span:before {
  156. color: #008800;
  157. content: "✔ ";
  158. }
  159. .boolviewer input:not(:checked)+span:before {
  160. color: #FF0000;
  161. content: "✗ ";
  162. }