default.css 9.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489
  1. /* Copyright (C) 2004 Rodolphe Quiedeville <rodolphe@quiedeville.org>
  2. * Copyright (C) 2009-2017 Laurent Destailleur <eldy@users.sourceforge.net>
  3. *
  4. * This program is free software; you can redistribute it and/or modify
  5. * it under the terms of the GNU General Public License as published by
  6. * the Free Software Foundation; either version 3 of the License, or
  7. * (at your option) any later version.
  8. *
  9. * This program is distributed in the hope that it will be useful,
  10. * but WITHOUT ANY WARRANTY; without even the implied warranty of
  11. * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  12. * GNU General Public License for more details.
  13. *
  14. * You should have received a copy of the GNU General Public License
  15. * along with this program. If not, see <https://www.gnu.org/licenses/>.
  16. */
  17. .center {
  18. text-align: center;
  19. }
  20. .centpercent {
  21. width: 100%;
  22. }
  23. .paddingright {
  24. padding-right: 4px;
  25. }
  26. .valignmiddle {
  27. vertical-align: middle;
  28. }
  29. .right {
  30. text-align: right;
  31. }
  32. .opacitymedium {
  33. opacity: 0.5;
  34. }
  35. .inline-block {
  36. display: inline-block;
  37. }
  38. .no-bottom {
  39. padding-bottom: 0;
  40. }
  41. .small {
  42. font-size: 0.9em;
  43. }
  44. body {
  45. font-size:14px;
  46. font-family: roboto,arial,tahoma,verdana,helvetica;
  47. /* background: #fcfcfc; */
  48. margin: 15px 30px 10px;
  49. }
  50. table.main-inside {
  51. /*padding-left: 10px;
  52. padding-right: 10px;*/
  53. padding-bottom: 10px;
  54. margin-bottom: 10px;
  55. margin-top: 10px;
  56. color: #000000;
  57. border-top: 1px solid #ccc;
  58. line-height: 22px;
  59. }
  60. table.main-inside-borderbottom {
  61. border-bottom: 1px solid #ccc;
  62. }
  63. table.main {
  64. padding-left: 6px;
  65. padding-right: 6px;
  66. padding-top: 12px;
  67. padding-bottom: 12px;
  68. background-color: #fff;
  69. }
  70. div.titre {
  71. padding: 5px 5px 5px 5px;
  72. margin: 0 0 0 0;
  73. }
  74. span.titre {
  75. /* font-weight: bold; */
  76. background: #FFFFFF;
  77. color: rgb(0,113,121);
  78. border: 1px solid #bbb;
  79. padding: 10px 10px 10px 10px;
  80. margin: 0 0 10px 10px;
  81. }
  82. div.soustitre {
  83. font-size: 15px;
  84. font-weight: bold;
  85. color: #4965B3;
  86. padding: 0 1.2em 0.5em 2em;
  87. margin: 1.2em 1.2em 1.2em 1.2em;
  88. border-bottom: 1px solid #999;
  89. border-right: 1px solid #999;
  90. text-align: right;
  91. }
  92. .wordbreak {
  93. word-break: break-word;
  94. }
  95. .minwidth100 { min-width: 100px; }
  96. .minwidth200 { min-width: 200px; }
  97. .minwidth300 { min-width: 300px; }
  98. .minwidth400 { min-width: 400px; }
  99. .minwidth500 { min-width: 500px; }
  100. .minwidth50imp { min-width: 50px !important; }
  101. .minwidth100imp { min-width: 100px !important; }
  102. .minwidth200imp { min-width: 200px !important; }
  103. .minwidth300imp { min-width: 300px !important; }
  104. .minwidth400imp { min-width: 400px !important; }
  105. .minwidth500imp { min-width: 500px !important; }
  106. tr.trlineforchoice {
  107. height: 4em;
  108. }
  109. a.button.runupgrade {
  110. padding: 10px;
  111. }
  112. tr.title.tablesupport-title {
  113. height: 100px;
  114. }
  115. /* Force values for small screen 570 */
  116. @media only screen and (max-width: 570px)
  117. {
  118. body {
  119. margin: 15px 4px 4px;
  120. }
  121. input, input[type=text], input[type=password], select, textarea {
  122. min-width: 20px;
  123. min-height: 1.4em;
  124. line-height: 1.4em;
  125. padding: .4em .1em;
  126. border: 1px solid #BBB;
  127. /* max-width: inherit; why this ? */
  128. }
  129. .hideonsmartphone { display: none; }
  130. .noenlargeonsmartphone { width : 50px !important; display: inline !important; }
  131. .maxwidthonsmartphone { max-width: 100px; }
  132. .maxwidth50onsmartphone { max-width: 40px; }
  133. .maxwidth75onsmartphone { max-width: 50px; }
  134. .maxwidth100onsmartphone { max-width: 70px; }
  135. .maxwidth150onsmartphone { max-width: 120px; }
  136. .maxwidth200onsmartphone { max-width: 200px; }
  137. .maxwidth300onsmartphone { max-width: 300px; }
  138. .maxwidth400onsmartphone { max-width: 400px; }
  139. .minwidth50imp { min-width: 50px !important; }
  140. .minwidth100imp { min-width: 50px !important; }
  141. .minwidth200imp { min-width: 50px !important; }
  142. .minwidth300imp { min-width: 50px !important; }
  143. .minwidth400imp { min-width: 50px !important; }
  144. .minwidth500imp { min-width: 50px !important; }
  145. table.main {
  146. padding-left: 0;
  147. padding-right: 0;
  148. }
  149. table.main-inside {
  150. padding-left: 1px;
  151. padding-right: 1px;
  152. line-height: 20px;
  153. }
  154. span.titre {
  155. font-size: 90%;
  156. font-weight: normal;
  157. background: #FFFFFF;
  158. color: #444;
  159. border: 1px solid #999;
  160. padding: 5px 5px 5px 5px;
  161. margin: 0 0 0 4px;
  162. }
  163. }
  164. input:disabled
  165. {
  166. background: #FDFDFD;
  167. border: 1px solid #ACBCBB;
  168. padding: 0 0 0 0;
  169. margin: 0 0 0 0;
  170. color: #AAA !important;
  171. cursor: not-allowed !important;
  172. }
  173. input[type=submit] {
  174. border-color: #c5c5c5;
  175. border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
  176. display: inline-block;
  177. padding: 4px 14px;
  178. margin-bottom: 0;
  179. text-align: center;
  180. cursor: pointer;
  181. color: #333333;
  182. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  183. background-color: #f5f5f5;
  184. background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  185. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  186. background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  187. background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  188. background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  189. background-repeat: repeat-x;
  190. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  191. border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  192. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  193. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  194. border: 1px solid #bbbbbb;
  195. border-bottom-color: #a2a2a2;
  196. -webkit-border-radius: 4px;
  197. -moz-border-radius: 4px;
  198. border-radius: 4px;
  199. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  200. -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  201. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  202. }
  203. input:focus, textarea:focus, button:focus, select:focus {
  204. box-shadow: 0 0 4px #8091BF;
  205. }
  206. input[type=text], input[type=password] {
  207. border: 1px solid #ACBCBB;
  208. padding: 4px;
  209. }
  210. select {
  211. padding: 4px;
  212. background-color: #fff;
  213. }
  214. input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
  215. border: 1px solid #ACBCBB;
  216. box-shadow: 0 0 5px #C091AF;
  217. }
  218. input:-webkit-autofill {
  219. background: #FBFFEA none !important;
  220. -webkit-box-shadow: 0 0 0 50px #FBFFEA inset;
  221. }
  222. table.listofchoices, table.listofchoices tr, table.listofchoices td {
  223. border-collapse: collapse;
  224. padding: 8px;
  225. color: #000000;
  226. border: 1px solid #ccc !important;
  227. line-height: 18px;
  228. }
  229. .listofchoicesdesc {
  230. color: #999 !important;
  231. }
  232. .blinkwait {
  233. font-weight: bold;
  234. text-decoration:blink !important;
  235. }
  236. .installchoices table tr td {
  237. margin-left: 2px;
  238. margin-right: 2px;
  239. border-bottom: 1px solid #999;
  240. border-right: 1px solid #999;
  241. color: #000000;
  242. }
  243. /* OK */
  244. div.ok {
  245. color: #009933;
  246. }
  247. span.ok {
  248. color: #009933;
  249. }
  250. /* Warning */
  251. div.warning {
  252. color: #777711;
  253. }
  254. span.warning {
  255. color: #777711;
  256. }
  257. /* Error */
  258. div.error {
  259. color: #550000;
  260. font-weight: bold;
  261. padding: 0.2em 0.2em 0.2em 0;
  262. margin: 0.5em 0 0.5em 0;
  263. }
  264. span.error {
  265. color: #550000;
  266. font-weight: bold;
  267. }
  268. /* Next button */
  269. div.nextbutton {
  270. text-align: center;
  271. margin-top: 10px;
  272. padding-top: 5px;
  273. padding-bottom: 5px;
  274. padding-right: 10px;
  275. }
  276. div.header {
  277. background-color: #dcdff4;
  278. border-bottom: solid black 1px;
  279. padding-left: 5px;
  280. text-align: center;
  281. }
  282. a:link,a:visited,a:active {
  283. text-decoration:none;
  284. color: #114466;
  285. }
  286. a:hover {
  287. text-decoration:underline;
  288. }
  289. a.titre {
  290. text-decoration:none;
  291. }
  292. div.comment {
  293. text-decoration:none;
  294. color:black;
  295. }
  296. h3 {
  297. margin-top: 20px;
  298. font-size:16px;
  299. font-weight: normal;
  300. color: rgb(100,60,20);
  301. /* text-shadow: 1px 1px 1px #c0c0c0; */
  302. }
  303. tr.bg1 {
  304. background-color: #E5E5E5;
  305. }
  306. tr.bg2 {
  307. background-color: #B5C5C5;
  308. }
  309. /* Class for parameters key and value */
  310. td.label {
  311. color: #5945A3;
  312. padding: 5px 5px 5px 5px;
  313. margin: 0 0 0 0;
  314. border-bottom: 1px solid #CCCCDB;
  315. }
  316. /* Class for parameters example */
  317. td.comment {
  318. color: black;
  319. padding: 5px 5px 5px 5px;
  320. margin: 0 0 0 0;
  321. text-decoration:none;
  322. font-size: 12px;
  323. border-bottom: 1px solid #CCCCDB;
  324. }
  325. .install
  326. {
  327. border: 1px solid #999;
  328. padding: 4px 4px 4px 4px;
  329. }
  330. div.visible {
  331. display: block;
  332. }
  333. div.hidden {
  334. display: none;
  335. }
  336. ul {
  337. margin: 0;
  338. padding-top: 0;
  339. padding-bottom: 0;
  340. }
  341. tr.choiceselected td.listofchoicesdesc {
  342. color: #000 !important;
  343. }
  344. tr.choiceselected td .button {
  345. background: rgba(150, 110, 162, 0.95);
  346. color: #fff;
  347. }
  348. a.button:link,a.button:visited,a.button:active {
  349. color: #555;
  350. }
  351. .button {
  352. background: rgb(234,228,225);
  353. color: #fff;
  354. /* border: 1px solid #e0e0e0; */
  355. padding: 0.5em 0.7em;
  356. margin: 0 0.5em;
  357. -moz-border-radius: 3px;
  358. -webkit-border-radius: 3px;
  359. border-radius: 3px;
  360. -moz-box-shadow: 2px 2px 3px #ddd;
  361. -webkit-box-shadow: 2px 2px 3px #ddd;
  362. box-shadow: 2px 2px 3px #ddd;
  363. }
  364. a.button:hover {
  365. text-decoration:none;
  366. }
  367. .suggestedchoice {
  368. color: rgba(70, 3, 62, 0.6) !important;
  369. /* background-color: rgba(70, 3, 62, 0.3); */
  370. padding: 2px 4px;
  371. border-radius: 4px;
  372. /* white-space: nowrap; */
  373. }
  374. .choiceselected {
  375. background-color: #f4f6f4;
  376. background-repeat: repeat-x;
  377. background-position: top left;
  378. }
  379. .center {
  380. text-align: center;
  381. }
  382. .valignmiddle {
  383. vertical-align: middle;
  384. }
  385. .valigntextbottom {
  386. vertical-align: text-bottom;
  387. }
  388. .text-security {
  389. -webkit-text-security: disc;
  390. }
  391. /* For support section */
  392. .tablesupport {
  393. padding: 6px;
  394. width: 500px;
  395. }
  396. table.login.tablesupport .title {
  397. background: #eee !important;
  398. }
  399. .blocksupport {
  400. padding: 12px;
  401. /* width: 90%; */
  402. }
  403. table.tablesupport {
  404. min-height: 300px;
  405. border: 1px solid #E0E0E0;
  406. background: #FFF;
  407. }
  408. /* Force values for small screen 570 */
  409. @media only screen and (max-width: 570px)
  410. {
  411. .blocksupport {
  412. width: calc(100% - 4px);
  413. padding: 4px;
  414. }
  415. .tablesupport {
  416. padding: 6px;
  417. width: 100%;
  418. }
  419. }