default.css 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532
  1. /* ***** BEGIN LICENSE BLOCK *****
  2. * This file is part of DotClear.
  3. * Copyright (c) 2004 Olivier Meunier and contributors. All rights
  4. * reserved.
  5. *
  6. * DotClear is free software; you can redistribute it and/or modify
  7. * it under the terms of the GNU General Public License as published by
  8. * the Free Software Foundation; either version 2 of the License, or
  9. * (at your option) any later version.
  10. *
  11. * DotClear is distributed in the hope that it will be useful,
  12. * but WITHOUT ANY WARRANTY; without even the implied warranty of
  13. * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  14. * GNU General Public License for more details.
  15. *
  16. * You should have received a copy of the GNU General Public License
  17. * along with DotClear; if not, write to the Free Software
  18. * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
  19. *
  20. * ***** END LICENSE BLOCK ***** */
  21. body {
  22. font-family : Verdana,Arial,Helevetica,sans-serif;
  23. color : #000;
  24. font-size : 0.8em;
  25. margin : 2em 5%;
  26. padding : 0;
  27. background : #fcfcfc url(fond.jpg);
  28. }
  29. body.popup {
  30. margin : 2em 3% 2em 3%;
  31. }
  32. a {
  33. color : #039;
  34. }
  35. html*a:hover, html*a:focus {
  36. text-decoration : none;
  37. }
  38. h1, h2, h3, h4 {
  39. font-family : "Trebuchet MS",Trebuchet,Arial,Helvetica,sans-serif;
  40. }
  41. h1 { font-size: 1.7em; margin: .67em 0; }
  42. h2 { font-size: 1.5em; margin: .83em 0; color : #069;}
  43. h3 { font-size: 1.17em; margin: 1em 0; color : #f60; }
  44. h4 { margin: 1.33em 0; color : #090; }
  45. h5 { font-size: 0.83em; margin: 1.67em 0; }
  46. h6 { font-size: 0.67em; margin: 2.33em 0; }
  47. h2 { position : relative; }
  48. div>h2 { position : static; }
  49. p { margin : 1em 0; }
  50. img { border : 0; }
  51. dt {
  52. margin-top : 1em;
  53. margin-bottom : 0.5em;
  54. font-weight : bold;
  55. }
  56. dd {
  57. margin-left : 0.5em;
  58. }
  59. pre, code, kbd, samp {
  60. font-family:"Courier New",Courier,monospace;
  61. font-size : 1.1em;
  62. }
  63. pre, code {
  64. color : #666;
  65. font-weight : bold;
  66. }
  67. table {
  68. font-size : 1em;
  69. }
  70. /* LAYOUT
  71. -------------------------------------------------------- */
  72. /* Main */
  73. #main {
  74. margin : 0 0 1px 0;
  75. padding : 0 0 1px 0;
  76. background : #fff;
  77. color : #000;
  78. clear : left;
  79. border-width : 0 1px 1px 1px;
  80. border-style : solid;
  81. border-color : #999;
  82. }
  83. body.popup #main {
  84. border-width : 1px;
  85. -moz-border-radius : 8px 8px 0 0;
  86. }
  87. /* Contenu */
  88. #content {
  89. padding : 1em;
  90. }
  91. #content img {
  92. }
  93. /* footer */
  94. #footer {
  95. text-align : right;
  96. margin : 10px 0 5px 0;
  97. }
  98. /* ONGLETS
  99. -------------------------------------------------------- */
  100. #header {
  101. float : left;
  102. width : 100%;
  103. line-height : normal;
  104. background-image : url(dot999.png);
  105. background-repeat : repeat-x;
  106. background-position : 0 100%;
  107. }
  108. #header ul {
  109. margin : 0;
  110. padding : 0;
  111. list-style : none;
  112. }
  113. #header li {
  114. float : left;
  115. margin : 0 -1px 0 0;
  116. padding : 0 0 0 25px;
  117. background-repeat : no-repeat;
  118. background-position : 0 -110px;
  119. }
  120. #header a {
  121. float : left;
  122. display : block;
  123. background-image : url(onglet_right.png);
  124. background-repeat : no-repeat;
  125. background-position : 100% -110px;
  126. padding : 10px 10px 5px 3px;
  127. font-family : Arial,Helvetica,sans-serif;
  128. font-weight : bold;
  129. text-decoration : none;
  130. color : #000;
  131. }
  132. /* Commented Backslash Hack
  133. Cache des règles à IE5-Mac \*/
  134. #header a {float:none;}
  135. /* Fin du hack IE5-Mac */
  136. #header li.actif, #header li.actif:hover {
  137. background-position : 0 0;
  138. }
  139. #header li.actif a, #header li.actif:hover a {
  140. padding-bottom : 6px;
  141. background-position : 100% 0;
  142. }
  143. #header li:hover {
  144. background-position : 0 -220px;
  145. }
  146. #header li:hover a {
  147. background-position : 100% -220px;
  148. }
  149. #menuBillets {
  150. background-image : url(onglet_billet.png);
  151. }
  152. #menuComments {
  153. background-image : url(onglet_comment.png);
  154. }
  155. #menuCategories {
  156. background-image : url(onglet_cat.png);
  157. }
  158. #menuUsers {
  159. background-image : url(onglet_user.png);
  160. }
  161. #menuPref {
  162. background-image : url(onglet_pref.png);
  163. }
  164. #menuTools {
  165. background-image : url(onglet_tools.png);
  166. }
  167. #submenu {
  168. display : block;
  169. position : relative;
  170. clear : left;
  171. border-bottom : 1px solid #ccc;
  172. padding : 0.5em 1em;
  173. margin : 0;
  174. background : #eceade url("degrade_beige.png") repeat-x bottom left;
  175. color : #666;
  176. }
  177. #submenu li {
  178. display : inline;
  179. list-style : none;
  180. }
  181. /* CLASSES
  182. -------------------------------------------------------- */
  183. hr.hidden {
  184. height : 1px;
  185. border-width : 1px 0 0 0;
  186. border-style : solid;
  187. border-color : #fff;
  188. }
  189. hr.thin {
  190. height : 1px;
  191. border-width : 1px 0 0 0;
  192. border-style : solid;
  193. border-color : #ddd;
  194. }
  195. .small {
  196. font-size : 0.8em;
  197. }
  198. .center {
  199. text-align : center;
  200. }
  201. .right {
  202. text-align : right;
  203. }
  204. .inline {
  205. display : inline;
  206. }
  207. .semi {
  208. margin : 0.5em 0;
  209. }
  210. .message {
  211. color : #f60;
  212. font-weight : bold;
  213. }
  214. .ligne {
  215. border : 1px solid #ccc;
  216. border-top-width : 2px;
  217. padding : 0 0.5em;
  218. margin : 0 0 1.5em 0;
  219. }
  220. .ligne img.status {
  221. float : right;
  222. margin : 2px 0 0 4px;
  223. position : relative;
  224. }
  225. .ligneTitre {
  226. background : #eceade;
  227. margin : 0 -0.5em;
  228. padding : 0.2em 0.5em;
  229. font-size : 1em;
  230. font-family : Verdana,Arial,Helevetica,sans-serif;
  231. }
  232. .ligneInfo {
  233. margin : 0;
  234. }
  235. .ligne p.action {
  236. float : right;
  237. }
  238. .sort {
  239. border : 1px solid #ccc;
  240. padding : 0.3em;
  241. margin : 5px 0 0 0;
  242. background : #f7f5f0;
  243. clear : both;
  244. }
  245. .sort p {
  246. margin : 0.5em 0 0 0;
  247. }
  248. .sortJS {
  249. padding : 0 0.3em 0.5em 35px;
  250. cursor : move;
  251. background : #f7f5f0 url(updown.png) no-repeat 5px 5px;
  252. }
  253. .imgBrowse, .imgBrowsedir {
  254. float : left;
  255. margin : 0 10px 10px 0;
  256. text-align : center;
  257. border : 1px dashed #ccc;
  258. }
  259. .thumbnail {
  260. width : 190px;
  261. height : 180px;
  262. margin : 0;
  263. padding : 1px;
  264. }
  265. .imgBrowse .action, .imgBrowsedir .action {
  266. height : 20px;
  267. margin : 4px 4px 0 0;
  268. text-align : right;
  269. }
  270. .imgBrowse .thumbnail img {
  271. display : block;
  272. margin : 10px auto;
  273. }
  274. .imgBrowsedir .thumbnail img {
  275. display : block;
  276. margin-left : 60px;
  277. margin-top : 70px;
  278. }
  279. .erreur {
  280. border-left : 6px solid #f93;
  281. padding : 0 0 0 0.5em;
  282. }
  283. .erreur strong {
  284. color : #f60;
  285. }
  286. .errno {
  287. color : #666;
  288. }
  289. .errmsg {
  290. color : #c00;
  291. font-weight : bold;
  292. }
  293. .post-info {
  294. color : #f60;
  295. }
  296. .cancel, .cancel .post-info {
  297. color : #666;
  298. }
  299. .post-attr {
  300. margin : 0;
  301. padding : 0 0.5em;
  302. border : 1px solid #ccc;
  303. }
  304. ul.user-info {
  305. float : right;
  306. width : 102px;
  307. position : relative;
  308. margin : 0 0 1em 1em;
  309. padding : 5px 0 0 30px;
  310. background : transparent url(user_info_top.png) no-repeat top left;
  311. list-style : none;
  312. }
  313. li.ui-name {
  314. }
  315. li.ui-logout {
  316. display : block;
  317. background : transparent url(user_info_bottom.png) no-repeat bottom left;
  318. padding : 8px 0 10px 10px;
  319. margin : 0 0 0 -30px;
  320. }
  321. .nowrap {
  322. white-space : nowrap;
  323. }
  324. .max {
  325. width : 97%;
  326. }
  327. *>.max {
  328. width : 100%;
  329. }
  330. .clear {
  331. clear : both;
  332. }
  333. .bloc-droite {
  334. display : block;
  335. text-align : right;
  336. position : relative;
  337. top : 1em;
  338. }
  339. #dctoolbar {
  340. font-size:1px;
  341. }
  342. dl.plugin-list dt {
  343. margin : 0;
  344. padding : 0 0 0 35px;
  345. }
  346. dl.plugin-list dt img {
  347. float : left;
  348. margin-left : -35px;
  349. position : relative;
  350. }
  351. dl.plugin-list dd {
  352. margin : 0.5em 0 1.5em 35px;
  353. }
  354. table.clean-table {
  355. border-collapse : collapse;
  356. }
  357. table.clean-table tr {
  358. }
  359. table.clean-table th {
  360. border : 1px solid #000;
  361. padding : 0.5em;
  362. }
  363. table.clean-table td {
  364. border : 1px solid #666;
  365. padding : 0.5em;
  366. }
  367. table.post-entry-info {
  368. border: none;
  369. border-collapse: collapse;
  370. }
  371. table.post-entry-info td {
  372. padding : 0.3em 1.5em 0.3em 0em;
  373. }
  374. /* FORMULAIRES
  375. -------------------------------------------------------- */
  376. input, textarea, option, select {
  377. background : #eef3f5;
  378. color : #000;
  379. font-family : Verdana,Arial,Helvetica,sans-serif;
  380. font-size : 1em;
  381. }
  382. input, textarea {
  383. border-width : 1px;
  384. }
  385. *>input, *>textarea {
  386. border-color : #333;
  387. }
  388. label, span.label {
  389. display : block;
  390. }
  391. input.submit {
  392. border-style : outset;
  393. background : #d2e0e6 url(degrade_bleu.png) repeat-x 0 100%;
  394. font-weight : bold;
  395. }
  396. input.submit:hover, input.submit:focus {
  397. background : #fc3 url(degrade_orange.png) repeat-x 0 100%;
  398. }
  399. input.submit:active {
  400. border-style : inset;
  401. }
  402. fieldset {
  403. border: 1px solid #ccc;
  404. padding: 1em;
  405. margin: 1em 0;
  406. width : 95%;
  407. }
  408. legend {
  409. color: #999;
  410. background: #fff;
  411. padding: 0 .25em;
  412. font-weight: bold;
  413. }
  414. p.field {
  415. clear : left;
  416. margin : 0;
  417. padding : 1em 0 0 0;
  418. }
  419. label.float, span.label {
  420. position : relative;
  421. float : left;
  422. width : 25%;
  423. padding-right : 0.5em;
  424. }
  425. div.login {
  426. width : 14em;
  427. margin : auto;
  428. text-align : left;
  429. padding : 2em 1em;
  430. background : #fff;
  431. color : #000;
  432. border : 1px solid #ccc;
  433. }
  434. h3.moreOptions {
  435. background : #eceade;
  436. margin : 0;
  437. padding : 0.5em;
  438. font-size : 1em;
  439. font-family : Verdana,Arial,Helevetica,sans-serif;
  440. }
  441. div.moreOptions {
  442. background : #f7f5e9;
  443. padding : 0.5em;
  444. margin : 0;
  445. }
  446. /* Zone de prévisualisation
  447. -------------------------------------------------------- */
  448. .cadre {
  449. padding : 0.5em;
  450. border : 1px outset #999;
  451. }
  452. .preview {
  453. }
  454. .preview h3, .preview h4 {
  455. color : #000;
  456. }