style.css 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531
  1. /* Copyright (C) 2004-2015 Laurent Destailleur <eldy@users.sourceforge.net>
  2. * Copyright (C) 2006 Rodolphe Quiedeville <rodolphe@quiedeville.org>
  3. * Copyright (C) 2007-2012 Regis Houssin <regis.houssin@inodbox.com>
  4. * Copyright (C) 2011 Philippe Grand <philippe.grand@atoo-net.com>
  5. * Copyright (C) 2012 Juanjo Menent <jmenent@2byte.es>
  6. *
  7. * This program is free software; you can redistribute it and/or modify
  8. * it under the terms of the GNU General Public License as published by
  9. * the Free Software Foundation; either version 3 of the License, or
  10. * (at your option) any later version.
  11. *
  12. * This program is distributed in the hope that it will be useful,
  13. * but WITHOUT ANY WARRANTY; without even the implied warranty of
  14. * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  15. * GNU General Public License for more details.
  16. *
  17. * You should have received a copy of the GNU General Public License
  18. * along with this program. If not, see <https://www.gnu.org/licenses/>.
  19. */
  20. .survey_invitation
  21. {
  22. color: #445566;
  23. font-weight: bold;
  24. }
  25. .corps {
  26. font-family: "Lucida Grande",Verdana,Arial,sans-serif;
  27. font-size: 14px;
  28. margin: auto;
  29. padding: 20px;
  30. overflow-x: auto;
  31. border: 2px solid #999999;
  32. background-color: #fff;
  33. box-shadow: 2px 2px 2px #F5F5F5;
  34. -moz-border-radius: 10px;
  35. border-radius: 10px;
  36. }
  37. .index_date, .index_sondage {
  38. float: left;
  39. width: 50%;
  40. text-align: center;
  41. }
  42. .orange {
  43. color: #fef4e9;
  44. border: solid 1px #da7c0c;
  45. background: #f78d1d;
  46. background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
  47. background: -moz-linear-gradient(top, #faa51a, #f47a20);
  48. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
  49. margin-left: 4px;
  50. margin-right: 4px;
  51. }
  52. .orange:active {
  53. color: #fcd3a5;
  54. background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
  55. background: -moz-linear-gradient(top, #f47a20, #faa51a);
  56. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
  57. }
  58. .orange:hover {
  59. background: #f47c20;
  60. background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
  61. background: -moz-linear-gradient(top, #f88e11, #f06015);
  62. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
  63. }
  64. .blue {
  65. color: #d9eef7;
  66. border: solid 1px #0076a3;
  67. background: #0095cd;
  68. background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
  69. background: -moz-linear-gradient(top, #00adee, #0078a5);
  70. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
  71. margin-left: 4px;
  72. margin-right: 4px;
  73. }
  74. .blue:active {
  75. color: #80bed6;
  76. background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
  77. background: -moz-linear-gradient(top, #0078a5, #00adee);
  78. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
  79. }
  80. .blue:hover {
  81. background: #007ead;
  82. background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
  83. background: -moz-linear-gradient(top, #0095cc, #00678e);
  84. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
  85. }
  86. /*
  87. ==========================================================================
  88. Université de Strasbourg - Direction Informatique
  89. Auteur : Guilhem BORGHESI
  90. Création : Février 2008
  91. borghesi@unistra.fr
  92. Ce logiciel est régi par la licence CeCILL-B soumise au droit français et
  93. respectant les principes de diffusion des logiciels libres. Vous pouvez
  94. utiliser, modifier et/ou redistribuer ce programme sous les conditions
  95. de la licence CeCILL-B telle que diffusée par le CEA, le CNRS et l'INRIA
  96. sur le site "http://www.cecill.info".
  97. Le fait que vous puissiez accéder à cet en-tête signifie que vous avez
  98. pris connaissance de la licence CeCILL-B, et que vous en avez accepté les
  99. termes. Vous pouvez trouver une copie de la licence dans le fichier LICENCE.
  100. ==========================================================================
  101. Université de Strasbourg - Direction Informatique
  102. Author : Guilhem BORGHESI
  103. Creation : Feb 2008
  104. borghesi@unistra.fr
  105. This software is governed by the CeCILL-B license under French law and
  106. abiding by the rules of distribution of free software. You can use,
  107. modify and/ or redistribute the software under the terms of the CeCILL-B
  108. license as circulated by CEA, CNRS and INRIA at the following URL
  109. "http://www.cecill.info".
  110. The fact that you are presently reading this means that you have had
  111. knowledge of the CeCILL-B license and that you accept its terms. You can
  112. find a copy of this license in the file LICENSE.
  113. ==========================================================================
  114. */
  115. /*
  116. Le fichier style.css est le fichier de style de studs. Il se trouve à la racine
  117. du répertoire studs. Il contient toutes les mises en forme des fichiers PHP
  118. de Studs.
  119. */
  120. /*bandeau de titre*/
  121. div.bandeau{
  122. line-height:35px;
  123. text-align:center;
  124. background-color: #0b419b;
  125. color:white;
  126. vertical-align:middle;
  127. font-size:35px;
  128. font-family:arial, sans-serif;
  129. padding:8px;
  130. height:35px;
  131. position:static;
  132. top:6px;
  133. left:6px;
  134. right:6px;
  135. }
  136. div.logo{
  137. height:64px;
  138. float:right;
  139. top:8px;
  140. right:8px;
  141. margin-left: 0;
  142. margin-right:0;
  143. margin-bottom:auto;
  144. }
  145. /*Sous bandeau avec bouton de navigation*/
  146. div.bandeautitre{
  147. height:17px;
  148. font-size:14px;
  149. font-weight:bold;
  150. text-align:center;
  151. vertical-align:middle;
  152. font-family:arial, sans-serif;
  153. padding:3px;
  154. position:static;
  155. top:57px;
  156. left:6px;
  157. right:6px;
  158. }
  159. div.sousbandeau{
  160. height:17px;
  161. background-color: #DDDDDD;
  162. font-size:11px;
  163. color:black;
  164. vertical-align:middle;
  165. font-family:arial, sans-serif;
  166. padding:3px;
  167. position:static;
  168. top:80px;
  169. left:6px;
  170. right:6px;
  171. }
  172. /*bandeau de pied*/
  173. div.surbandeaupied{
  174. background-color: #0077DD;
  175. position:absolute;
  176. bottom:30px;
  177. left:6px;
  178. right:6px;
  179. height:6px;
  180. }
  181. div.bandeaupied{
  182. text-align:center;
  183. background-color: #0b419b;
  184. color:white;
  185. font-size:11px;
  186. font-family:arial, sans-serif;
  187. padding:6px;
  188. position:fixed;
  189. bottom:6px;
  190. left:6px;
  191. right:6px;
  192. margin:2px;
  193. }
  194. div.surbandeaupiedmobile{
  195. background-color: #0077DD;
  196. position:static;
  197. bottom:32px;
  198. left:6px;
  199. right:6px;
  200. height:6px;
  201. }
  202. div.bandeaupiedmobile{
  203. text-align:center;
  204. background-color: #0b419b;
  205. color:white;
  206. font-size:11px;
  207. font-family:arial, sans-serif;
  208. padding:6px;
  209. position:static;
  210. }
  211. /*les boutons se trouvant dans le sousbandeau*/
  212. div.sousbandeau a, div.sousbandeau span.sousbandeaulangue a {
  213. background-color: #0b419b;
  214. height:16px;
  215. padding: 2px 6px 2px 6px;
  216. vertical-align:middle;
  217. text-align:center;
  218. margin-left:10px;
  219. margin-right:10px;
  220. font-family:arial, sans-serif;
  221. color:white;
  222. font-size:10px;
  223. text-decoration:none;
  224. }
  225. span.sousbandeaulangue {
  226. margin-left:6px;
  227. margin-right:6px;
  228. float:right;
  229. }
  230. /*corps de la page index.php*/
  231. div.corps{
  232. font-size:12px;
  233. font-family:arial, sans-serif;
  234. position:static;
  235. padding:15px;
  236. }
  237. div.corps table{
  238. font-family:arial, sans-serif;
  239. font-size:12px;
  240. font-weight:bold;
  241. }
  242. div.corpscentre{
  243. font-size:12px;
  244. font-family:arial, sans-serif;
  245. text-align:center;
  246. position:absolute;
  247. top:150px;
  248. margin-right:10%;
  249. margin-left:10%;
  250. width:80%;
  251. }
  252. /*affichage des jours*/
  253. div.jourschoisis {
  254. background-color: #DDD;
  255. padding:10px;
  256. text-align: center;
  257. position:static;
  258. left:700px;
  259. top:170px;
  260. font-size:12px;
  261. width:100%;
  262. }
  263. /*presenation des pages*/
  264. div.bodydate {
  265. padding:10px;
  266. font-family:arial, sans-serif;
  267. font-size:12px;
  268. text-align:center;
  269. position:static;
  270. top:330px;
  271. left:20px;
  272. right:20px;
  273. }
  274. div.bodydate table{
  275. font-family:arial, sans-serif;
  276. font-size:12px;
  277. font-weight:bold;
  278. }
  279. /*cadre de commentaires*/
  280. div.presentationdate {
  281. width:100%;
  282. font-family:arial, sans-serif;
  283. text-align:center;
  284. font-size:12px;
  285. border-top:1px solid;
  286. border-bottom:1px solid;
  287. border-left: none;
  288. border-right: none;
  289. border-color:#969696;
  290. position:static;
  291. top:110px;
  292. margin-top:10px;
  293. }
  294. div.presentationdatefin {
  295. width:40%;
  296. padding:10px;
  297. font-family:arial, sans-serif;
  298. text-align:center;
  299. font-size:12px;
  300. border: 1px solid;
  301. margin-top: 10px;
  302. margin-left: 30%;
  303. margin-right: 30%;
  304. position:static;
  305. }
  306. /*cadre principal de studs.php*/
  307. div.cadre {
  308. padding:10px;
  309. font-family:arial, sans-serif;
  310. font-size:12px;
  311. position:static;
  312. top:235px;
  313. text-align:center;
  314. margin:0 auto;
  315. }
  316. /*la table des résultats dans l'affichage de sondage*/
  317. div.cadre table.resultats {
  318. text-align: center;
  319. margin:0 auto;
  320. }
  321. td.nom {
  322. min-width: 160px;
  323. }
  324. @media only screen and (max-width: 767px)
  325. {
  326. td.nom {
  327. min-width: 100px;
  328. }
  329. }
  330. td.vide {
  331. min-width: 60px;
  332. }
  333. div.cadre td {
  334. height:21px;
  335. }
  336. /*case de tableau OK dans affichage de sondage*/
  337. div.cadre td.ok {
  338. background-color: #66FF99;
  339. font-size:12px;
  340. text-align:center;
  341. }
  342. /*Case de tableau NON dans affichage de sondage*/
  343. div.cadre td.non {
  344. background-color: #FF7777;
  345. min-width: 60px;
  346. }
  347. /*Case de tableau VIDE dans affichage de sondage*/
  348. div.cadre td.vide {
  349. background-color: #DDDDDD;
  350. text-align:center;
  351. padding: 4px;
  352. }
  353. /*Case de tableau contenant les noms dans affichage de sondage*/
  354. div.cadre td.nom {
  355. background-color: #DDDDDD;
  356. text-align:center;
  357. padding: 8px;
  358. }
  359. div.cadre td.casevide {
  360. background-color: white;
  361. text-align:center;
  362. }
  363. /*les cases contenant les sommes de chaque colonne dans l'affichage de calendrier*/
  364. div.cadre td.somme {
  365. font-weight: bold;
  366. font-size:14px;
  367. }
  368. /*Case de tableau SUJET dans affichage de sondage*/
  369. div.cadre td.sujet, div.cadre td.jour, div.cadre td.heure {
  370. border: 2px;
  371. background-color: #DDDDDD;
  372. font-size:14px;
  373. padding:1px 5px;
  374. }
  375. div.cadre td.annee {
  376. border: 2px;
  377. background-color: #969696;
  378. font-weight: bold;
  379. font-size:14px;
  380. padding:1px 5px;
  381. }
  382. div.cadre td.mois {
  383. border: 2px;
  384. background-color: #C0C0C0;
  385. font-weight: bold;
  386. font-size:14px;
  387. padding:1px 5px;
  388. }
  389. /*jour de la semaine dans calendrier*/
  390. div.calendrier td.joursemaine {
  391. width:65px;
  392. text-align: center;
  393. font-family:arial, sans-serif;
  394. font-size:14px;
  395. border: 2px;
  396. background-color: white;
  397. }
  398. div.calendrier td.jourwe {
  399. width:65px;
  400. text-align: center;
  401. font-family:arial, sans-serif;
  402. font-size:14px;
  403. border: 2px;
  404. background-color: #C0C0C0;
  405. }
  406. /*jour avant le premier jour du mois dans calendrier*/
  407. div.calendrier td.avant, div.calendrier td.libre {
  408. width:65px;
  409. text-align: center;
  410. border: 2px;
  411. font-family:arial, sans-serif;
  412. font-size: 1.1em;
  413. background-color: #DDDDDD;
  414. }
  415. /*jour libre dans calendrier*/
  416. div.calendrier td.libre {
  417. background-color: #66FF99;
  418. }
  419. /*jour deja selectionné dans calendrier*/
  420. div.calendrier td.choisi {
  421. width:65px;
  422. text-align: center;
  423. border: 2px;
  424. background-color: #0077DD;
  425. }
  426. /* Le paragraphe de fin */
  427. p.affichageresultats{
  428. text-align: center;
  429. font-family:arial, sans-serif;
  430. }
  431. div.comment{
  432. width:100%;
  433. }
  434. div.comment span.usercomment{
  435. font-weight:bold;
  436. }
  437. a.affichageexport{
  438. text-align: center;
  439. font-family:arial, sans-serif;
  440. font-size:10px;
  441. margin-left:10px;
  442. text-decoration: none;
  443. }
  444. div.titregestionadmin{
  445. text-align: center;
  446. font-weight:bold;
  447. font-size:18px;
  448. padding:10px;
  449. }
  450. .bouton {
  451. /* width: 65px; */
  452. border:0;
  453. padding:0 0 0 0;
  454. margin:0;
  455. cursor:pointer;
  456. font-family:arial, sans-serif;
  457. background: transparent !important;
  458. }
  459. .choisi .bouton {
  460. color: #fff;
  461. }
  462. /*les boutons pour choisir un jour non selectionné*/
  463. .ON {
  464. background-color: #BBBBCC;
  465. }
  466. /*les boutons pour deselectionner un jour deja choisi*/
  467. .OFF {
  468. background-color: #AAFFAA;
  469. }
  470. div.nouveau_sondage a {
  471. text-decoration: none;
  472. }
  473. div.nouveau_sondage span img {
  474. vertical-align: middle;
  475. border: 0;
  476. }
  477. div.nouveau_sondage span {
  478. margin-left: 20px;
  479. }
  480. div.error, div.addcomment {
  481. text-align:center;
  482. border: 1px;
  483. font-family: arial, sans-serif;
  484. font-size: 13px;
  485. }
  486. ul.exports {
  487. text-align:center;
  488. list-style-type : none ;
  489. }
  490. li.error {
  491. color: red;
  492. }
  493. .half {
  494. -moz-transform:scale(0.5);
  495. -webkit-transform:scale(0.5);
  496. transform:scale(0.5);
  497. }