main.css 21KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309
  1. body
  2. {
  3. text-align: center;
  4. }
  5. #container
  6. {
  7. text-align: left;
  8. position: relative;
  9. min-height: 100%;
  10. padding-bottom: 30px;
  11. min-height: 120px;
  12. width: 640px;
  13. margin-top: 45px;
  14. margin-left: auto;
  15. margin-right: auto;
  16. margin-bottom: 45px;
  17. padding: 10px;
  18. background-color: white;
  19. border: 0px solid #d5d5d5;
  20. border-radius: 7px;
  21. -moz-border-radius: 7px;
  22. -webkit-border-radius: 7px;
  23. -webkit-box-shadow: #666 0px 2px 3px;
  24. -moz-box-shadow: #666 0px 2px 3px;
  25. box-shadow: #666 0px 2px 3px;
  26. }
  27. #container h1
  28. {
  29. margin-top: 11px;
  30. }
  31. #container h2
  32. {
  33. margin-top: 0px;
  34. margin-bottom: 5px;
  35. font-size: 1.7em;
  36. text-shadow: 1px 1px 2px #666;
  37. }
  38. #container h3
  39. {
  40. text-shadow: 1px 1px 1px #666;
  41. }
  42. #container h4
  43. {
  44. }
  45. div.clearboth
  46. {
  47. clear: both;
  48. }
  49. .button {
  50. display: inline-block;
  51. line-height: 1;
  52. padding: 4px 7px;
  53. text-decoration: none;
  54. font-weight: bold;
  55. color: #fff;
  56. background-color: #39c;
  57. -moz-border-radius: 5px;
  58. -webkit-border-radius: 5px;
  59. -khtml-border-radius: 5px;
  60. border-radius: 5px;
  61. border: 1px solid #2b82ad;
  62. }
  63. input.button, button.button {
  64. border: 0px none;
  65. }
  66. .button:active {
  67. background-color: #39c9cc;
  68. }
  69. .button.active
  70. {
  71. background-color: #39C9CC;
  72. }
  73. #container a
  74. {
  75. text-decoration: none;
  76. color: #00d0de;
  77. }
  78. #container a.button
  79. {
  80. color: white;
  81. }
  82. #container a:hover
  83. {
  84. text-decoration: underline;
  85. }
  86. #container #top-tabs, .top-tabs-right
  87. {
  88. float: left;
  89. list-style: none outside none;
  90. margin: -35px 16px 0 -6px;
  91. padding: 0;
  92. position: relative;
  93. }
  94. #container #top-tabs li
  95. {
  96. float: left;
  97. margin-left: 0px;
  98. padding-top: 3px;
  99. padding-left: 5px;
  100. padding-right: 5px;
  101. padding-bottom: 3px;
  102. background-color: #e9e9e9;
  103. border-top: 1px solid #d5d5d5;
  104. border-left: 1px solid #d5d5d5;
  105. border-right: 1px solid #d5d5d5;
  106. border-radius: 5px 5px 0px 0px;
  107. -moz-border-radius: 5px 5px 0px 0px;
  108. -webkit-border-radius: 5px 5px 0px 0px;
  109. }
  110. /* Noscript */
  111. div#noscript_warning
  112. {
  113. position: absolute;
  114. left: 15px;
  115. top: 15px;
  116. background-color: #fe4b4b;
  117. color: black;
  118. font-weight: bold;
  119. font-size: 110%;
  120. padding: 5px;
  121. z-index: 999;
  122. border-top: 1px solid #d5d5d5;
  123. border-left: 1px solid #d5d5d5;
  124. border-right: 1px solid #d5d5d5;
  125. -moz-border-radius: 5px;
  126. -webkit-border-radius: 5px;
  127. -khtml-border-radius: 5px;
  128. border-radius: 5px;
  129. }
  130. .top-tabs-right
  131. {
  132. list-style: none outside none;
  133. }
  134. .top-tabs-right li
  135. {
  136. float: left;
  137. padding-top: 3px;
  138. padding-left: 5px;
  139. padding-right: 5px;
  140. padding-bottom: 3px;
  141. background-color: #e9e9e9;
  142. border-top: 1px solid #d5d5d5;
  143. border-left: 1px solid #d5d5d5;
  144. border-right: 1px solid #d5d5d5;
  145. border-radius: 5px 5px 0px 0px;
  146. -moz-border-radius: 5px 5px 0px 0px;
  147. -webkit-border-radius: 5px 5px 0px 0px;
  148. }
  149. .top-tabs-right li.active
  150. {
  151. background-color: white;
  152. }
  153. #container #top-tabs li.active, .top-tabs-right ul.active, .top-tabs-right ul.active li
  154. {
  155. background-color: white;
  156. }
  157. #container #top-tabs li a, #container .top-tabs-right li a
  158. {
  159. text-decoration: none;
  160. color: black;
  161. }
  162. .top-tabs-right
  163. {
  164. float: right;
  165. margin-right: -5px;
  166. }
  167. .top-tabs-right.active
  168. {
  169. background-color: white;
  170. }
  171. #top_bar
  172. {
  173. width: 220px;
  174. background-color: white;
  175. padding: 0px;
  176. margin-left: auto;
  177. margin-right: auto;
  178. border-radius: 0px 0px 4px 4px;
  179. -moz-border-radius: 0px 0px 4px 4px;
  180. -webkit-border-radius: 0px 0px 4px 4px;
  181. text-align: center;
  182. }
  183. #top_search
  184. {
  185. float: left;
  186. width: 207px;
  187. background-color: white;
  188. padding: 0px;
  189. margin-left: auto;
  190. margin-right: auto;
  191. border-radius: 0px 0px 4px 4px;
  192. -moz-border-radius: 0px 0px 4px 4px;
  193. -webkit-border-radius: 0px 0px 4px 4px;
  194. text-align: center;
  195. }
  196. #top_search input[type="text"]
  197. {
  198. font-size: 12px;
  199. height: 12px;
  200. width: 120px;
  201. }
  202. #top_search input[type="submit"]
  203. {
  204. font-size: 12px;
  205. height: 16px;
  206. padding: 0 2px 1px;
  207. }
  208. #top_bar a
  209. {
  210. text-decoration: none;
  211. color: black;
  212. padding-left: 3px; padding-right: 3px;
  213. }
  214. /*#top_bar ul
  215. {
  216. text-align: center;
  217. margin-top: -5px;
  218. }
  219. #top_bar ul li
  220. {
  221. display: inline;
  222. float: left;
  223. list-style: none;
  224. padding-left: 6px;
  225. }
  226. #top_bar ul li a
  227. {
  228. text-decoration: none;
  229. color: black;
  230. }*/
  231. ul.inline
  232. {
  233. }
  234. ul.inline li
  235. {
  236. display: inline;
  237. }
  238. /* Messages flash */
  239. .message
  240. {
  241. -webkit-background-size: 40px 40px;
  242. -moz-background-size: 40px 40px;
  243. background-size: 40px 40px;
  244. background-image: -webkit-gradient(linear, left top, right bottom,
  245. color-stop(.25, rgba(255, 255, 255, .05)), color-stop(.25, transparent),
  246. color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)),
  247. color-stop(.75, rgba(255, 255, 255, .05)), color-stop(.75, transparent),
  248. to(transparent));
  249. background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
  250. transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
  251. transparent 75%, transparent);
  252. background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
  253. transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
  254. transparent 75%, transparent);
  255. background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
  256. transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
  257. transparent 75%, transparent);
  258. background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
  259. transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
  260. transparent 75%, transparent);
  261. background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
  262. transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
  263. transparent 75%, transparent);
  264. -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
  265. -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
  266. box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
  267. width: 100%;
  268. border: 1px solid;
  269. color: #fff;
  270. padding: 15px;
  271. position: fixed;
  272. _position: absolute;
  273. text-shadow: 0 1px 0 rgba(0,0,0,.5);
  274. -webkit-animation: animate-bg 5s linear infinite;
  275. -moz-animation: animate-bg 5s linear infinite;
  276. }
  277. .info, .fos_user_info
  278. {
  279. background-color: #4ea5cd;
  280. border-color: #3b8eb5;
  281. }
  282. .error, .fos_user_error
  283. {
  284. background-color: #de4343;
  285. border-color: #c43d3d;
  286. }
  287. .warning, .fos_user_warning
  288. {
  289. background-color: #eaaf51;
  290. border-color: #d99a36;
  291. }
  292. .success, .fos_user_success
  293. {
  294. background-color: #61b832;
  295. border-color: #55a12c;
  296. }
  297. .message h3
  298. {
  299. margin: 0 0 5px 0;
  300. }
  301. .message p
  302. {
  303. margin: 0;
  304. }
  305. .message a.message-close
  306. {
  307. float: right;
  308. margin-top: -14px;
  309. margin-right: 18px;
  310. margin-bottom: -11px;
  311. }
  312. .message a.message-close img:HOVER
  313. {
  314. width: 52px;
  315. height: 52px;
  316. margin-bottom: -13px;
  317. }
  318. @-webkit-keyframes animate-bg
  319. {
  320. from {
  321. background-position: 0 0;
  322. }
  323. to {
  324. background-position: -80px 0;
  325. }
  326. }
  327. @-moz-keyframes animate-bg
  328. {
  329. from {
  330. background-position: 0 0;
  331. }
  332. to {
  333. background-position: -80px 0;
  334. }
  335. }
  336. /* Message flash end */
  337. #choose_language
  338. {
  339. float: right;
  340. margin-right: 5px;
  341. }
  342. #choose_language a
  343. {
  344. text-decoration: none;
  345. color: black;
  346. }
  347. .error_list
  348. {
  349. font-size: 87%;
  350. color: #dd0101;
  351. margin-left: 24px;
  352. margin-top: 2px;
  353. margin-bottom: 2px;
  354. margin-right: 2px;
  355. }
  356. .error_list li
  357. {
  358. list-style: url(/bundles/muzichcore/img/1323874685_warning.png);
  359. }
  360. /* Debut CSS pour tags */
  361. pre code {background: #ccc; padding:2px 0; display: block; margin-top:4px;}
  362. .ui-autocomplete {
  363. font-size:12px;
  364. border:1px solid #ddd;
  365. background:#fff;
  366. list-style:none;
  367. position: absolute;
  368. cursor: default;
  369. list-style-type: none;
  370. width: 300px;
  371. }
  372. .ui-autocomplete li {margin-right:8px; float: left;}
  373. .ui-autocomplete li a {display:block; padding:4px;}
  374. .ui-autocomplete li a.ui-state-hover,
  375. .ui-autocomplete li a:hover {background:#eee;}
  376. /**/
  377. ul.tagbox {
  378. cursor: text;
  379. border: none;
  380. overflow: hidden;
  381. padding: 0 0 1px 3px;
  382. margin-left: 0px;
  383. }
  384. ul.tagbox li {
  385. margin:0;
  386. }
  387. ul.tagbox li.tag {
  388. float: left;
  389. line-height: 1;
  390. list-style-type: none;
  391. margin-top: 3px;
  392. margin-right: 3px;
  393. font-size:13px;
  394. border: 1px solid #cad8f3;
  395. background: #dee7f8;
  396. margin-bottom: 1px;
  397. position: relative;
  398. display: inline-block;
  399. padding-left: 7px;
  400. padding-top: 4px;
  401. padding-right: 14px;
  402. padding-bottom: 4px;
  403. text-decoration: none;
  404. font-weight: bold;
  405. color: #fff;
  406. background-color: #39c;
  407. -moz-border-radius: 5px;
  408. -webkit-border-radius: 5px;
  409. -khtml-border-radius: 5px;
  410. border-radius: 5px;
  411. }
  412. ul.tagbox li.input {display:block; float:left;}
  413. ul.tagbox input:focus {
  414. border-color: #fff;
  415. }
  416. ul.tagbox input {
  417. width: 50px;
  418. margin: 0;
  419. border: 0;
  420. outline: 0;
  421. line-height:1.2;
  422. padding: 3px 0;
  423. font-size: 105%;
  424. }
  425. ul.tagbox a.close {
  426. position: absolute;
  427. right: 4px; top: 5px;
  428. display: block;
  429. text-indent:-9999px;
  430. cursor:pointer;
  431. width: 7px; height: 7px;
  432. font-size: 1px;
  433. background: url('/bundles/muzichcore/img/tag_close.gif');
  434. background-position: 0px 100%;
  435. margin-top: 2px;
  436. }
  437. ul.tagbox a.close:hover {
  438. background-position: 7px;
  439. }
  440. /* Fin CSS pour tags */
  441. /* Debut CSS pour elements */
  442. li.element
  443. {
  444. list-style: none outside none;
  445. margin-top: 5px;
  446. margin-bottom: 10px;
  447. padding: 5px;
  448. }
  449. /*li.element a.favorite_link
  450. {
  451. position: relative;
  452. top: 0px;
  453. left: 483px;
  454. }*/
  455. #container li.element a.favorite_link:hover
  456. {
  457. text-decoration: none;
  458. }
  459. li.element a.element_open
  460. {
  461. font-weight: bold;
  462. margin-top: 7px;
  463. }
  464. li.element div.element_embed
  465. {
  466. text-align: center;
  467. }
  468. li.element td.element_content
  469. {
  470. vertical-align: top;
  471. padding-left: 5px;
  472. width: 468px;
  473. }
  474. li.element span.element_name
  475. {
  476. }
  477. li.element td.element_thumbnail
  478. {
  479. background-image: url(/bundles/muzichcore/img/nothumb.png);
  480. background-repeat: no-repeat;
  481. width: 120px;
  482. height: 90px;
  483. vertical-align: top;
  484. }
  485. li.element img.element_thumbnail
  486. {
  487. width: 120px;
  488. height: 90px;
  489. }
  490. #container li.element span.element_name a
  491. {
  492. color: black;
  493. }
  494. li.element img.play, li.element img.open
  495. {
  496. position: absolute;
  497. }
  498. ul.elements
  499. {
  500. margin-left: 0px;
  501. }
  502. ul.elements li.even
  503. {
  504. background-color: #d9f7ff;
  505. }
  506. .elements ul.element_tags
  507. {
  508. margin-top: 3px;
  509. margin-left: 0px;
  510. }
  511. .elements ul.element_tags li
  512. {
  513. display: inline;
  514. font-size: 90%;
  515. }
  516. ul.element_tags .button
  517. {
  518. padding: 2px 4px 2px 4px;
  519. font-size: 95%;
  520. }
  521. /* FIN CSS pour elements */
  522. span.help
  523. {
  524. font-size: 10px;
  525. padding-left: 18px;
  526. background-image: url(/bundles/muzichcore/img/1325329213_system-help.png);
  527. background-repeat: no-repeat;
  528. background-position: left top;
  529. }
  530. span.sinfo
  531. {
  532. font-size: 10px;
  533. padding-left: 18px;
  534. background-image: url(/bundles/muzichcore/img/1326549580_info.png);
  535. background-repeat: no-repeat;
  536. background-position: left top;
  537. }
  538. #bottomContainer a
  539. {
  540. text-decoration: none;
  541. color: black;
  542. }
  543. #bottomContainer
  544. {
  545. padding: 2px;
  546. font-size: 85%;
  547. text-align: center;
  548. }
  549. input.main
  550. {
  551. font-weight: bold;
  552. }
  553. input.clear, input.mytags
  554. {
  555. font-size: 80%;
  556. }
  557. ul.tagbox input[type="text"]
  558. {
  559. -moz-border-radius: 5px;
  560. -webkit-border-radius: 5px;
  561. -khtml-border-radius: 5px;
  562. border-radius: 5px;
  563. background-color: #bdf1fe;
  564. padding-left: 3px;
  565. }
  566. ul.tagbox li.input
  567. {
  568. padding-top: 2px;
  569. }
  570. ul.tagbox input[type="text"]
  571. {
  572. height: 16px;
  573. margin-top: 3px;
  574. width: 250px;
  575. color: #676767;
  576. font-weight: bold;
  577. }
  578. ul.tagbox input[type="text"]:FOCUS
  579. {
  580. background-image: linear-gradient(left , rgb(137,232,253) 10%, rgb(168,238,255) 49%, rgb(189,241,254) 100%);
  581. background-image: -o-linear-gradient(left , rgb(137,232,253) 10%, rgb(168,238,255) 49%, rgb(189,241,254) 100%);
  582. background-image: -moz-linear-gradient(left , rgb(137,232,253) 10%, rgb(168,238,255) 49%, rgb(189,241,254) 100%);
  583. background-image: -webkit-linear-gradient(left , rgb(137,232,253) 10%, rgb(168,238,255) 49%, rgb(189,241,254) 100%);
  584. background-image: -ms-linear-gradient(left , rgb(137,232,253) 10%, rgb(168,238,255) 49%, rgb(189,241,254) 100%);
  585. background-image: -webkit-gradient(
  586. linear,
  587. left bottom,
  588. right bottom,
  589. color-stop(0.1, rgb(137,232,253)),
  590. color-stop(0.49, rgb(168,238,255)),
  591. color-stop(1, rgb(189,241,254))
  592. );
  593. }
  594. div.tag_loader_div, div.loader
  595. {
  596. text-align: center;
  597. }
  598. .tag_loader, element_loader
  599. {
  600. margin-left: auto;
  601. marin-right: auto;
  602. }
  603. .element_name
  604. {
  605. font-weight: bold;
  606. }
  607. div.no_elements
  608. {
  609. text-align: center;
  610. background-color: #d9f7ff;
  611. }
  612. /* Recherche de tags dynamique */
  613. div.search_tag_list
  614. {
  615. position: absolute;
  616. background-color: white;
  617. width: 400px;
  618. padding: 5px;
  619. border: 0px solid #d5d5d5;
  620. border-radius: 7px;
  621. -moz-border-radius: 7px;
  622. -webkit-border-radius: 7px;
  623. -webkit-box-shadow: #666 0px 2px 3px;
  624. -moz-box-shadow: #666 0px 2px 3px;
  625. box-shadow: #666 0px 2px 3px;
  626. z-index: 1;
  627. }
  628. div.search_tag_list span.info
  629. {
  630. background-color: white;
  631. padding: 2px;
  632. }
  633. div.search_tag_list ul.search_tag_list
  634. {
  635. list-style-image: none;
  636. padding:0;
  637. margin:0;
  638. list-style-type:none;
  639. overflow: hidden;
  640. }
  641. div.search_tag_list ul.search_tag_list li
  642. {
  643. float: left;
  644. margin-right: 4px;
  645. margin-left: 4px;
  646. margin-top: 2px;
  647. margin-bottom: 2px;
  648. padding: 2px 4px 2px 4px;
  649. background-color: #d9f7ff;
  650. border-radius: 7px;
  651. -moz-border-radius: 7px;
  652. -webkit-border-radius: 7px;
  653. -webkit-box-shadow: #666 0px 2px 3px;
  654. -moz-box-shadow: #666 0px 2px 3px;
  655. box-shadow: #666 0px 2px 3px;
  656. }
  657. div.search_tag_list ul.search_tag_list li.new
  658. {
  659. font-weight: bold;
  660. background-color: #e0e0e0;
  661. }
  662. div.search_tag_list ul.search_tag_list li:hover
  663. {
  664. background-color: #74dffe;
  665. }
  666. div.search_tag_list span.info
  667. {
  668. text-shadow: 1px 1px 1px #666;
  669. font-weight: bold;
  670. }
  671. #container ul.search_tag_list li a
  672. {
  673. color: black;
  674. }
  675. #container ul.search_tag_list li a:hover
  676. {
  677. text-decoration: none;
  678. }
  679. .elements_loader_div
  680. {
  681. text-align: center;
  682. }
  683. .elements_loader_div img
  684. {
  685. margin-left: auto;
  686. margin-right: auto;
  687. }
  688. /* jConfirmAction */
  689. div.question {
  690. position: absolute;
  691. display: inline;
  692. text-align: center;
  693. width: 174px;
  694. font-size: 13px;
  695. line-height: 1.5em;
  696. background-color: #e6e6e6;
  697. border-radius: 7px;
  698. -moz-border-radius: 7px;
  699. -webkit-border-radius: 7px;
  700. -webkit-box-shadow: #666 0px 2px 3px;
  701. -moz-box-shadow: #666 0px 2px 3px;
  702. box-shadow: #666 0px 2px 3px;
  703. padding: 10px 10px 10px 10px;
  704. text-shadow: 0px 1px 0px #fff;
  705. margin-left: -7em;
  706. margin-top: -6em;
  707. opacity: 0;
  708. }
  709. div.question .yes, div.question .cancel {
  710. margin-top: .5em;
  711. margin-right: .5em;
  712. cursor: pointer;
  713. display: inline-block;
  714. width: 63px;
  715. height: 21px;
  716. color: #fff;
  717. text-shadow: 0px 1px 0px #000;
  718. background: url('/js/jConfirmAction/images/button.png') left top no-repeat;
  719. }
  720. div.question .title {
  721. font-size: 30px;
  722. margin-bottom: 1.5em;
  723. font-weight: bold;
  724. font-style: italic;
  725. text-shadow: 0px 2px 0px #fff;
  726. }
  727. /* Liste de tags */
  728. ul#favorite_tags
  729. {
  730. padding:0;
  731. margin:0;
  732. list-style-type:none;
  733. }
  734. ul#favorite_tags li
  735. {
  736. display: inline;
  737. margin-left: 2px;
  738. margin-top: 2px;
  739. float:left; /*pour IE*/
  740. }
  741. ul#favorite_tags li.list_length_big a.button
  742. {
  743. font-size: 16px;
  744. padding-top: 2px;
  745. padding-bottom: 2px;
  746. }
  747. ul#favorite_tags li.list_length_medium a.button
  748. {
  749. font-size: 15px;
  750. padding-top: 3px;
  751. padding-bottom: 3px;
  752. }
  753. a.more
  754. {
  755. margin-top: 5px;
  756. }
  757. /* POPIN BLOCK */
  758. #fade { /*--Masque opaque noir de fond--*/
  759. display: none; /*--masqué par défaut--*/
  760. background: #000;
  761. position: fixed; left: 0; top: 0;
  762. width: 100%; height: 100%;
  763. opacity: .80;
  764. z-index: 9999;
  765. }
  766. .popin_block{
  767. background: #fff;
  768. padding: 10px;
  769. border: 10px solid #ddd;
  770. float: left;
  771. font-size: 1.2em;
  772. position: fixed;
  773. top: 50%; left: 50%;
  774. z-index: 99999;
  775. /*--Les différentes définitions de Box Shadow en CSS3--*/
  776. -webkit-box-shadow: 0px 0px 20px #000;
  777. -moz-box-shadow: 0px 0px 20px #000;
  778. box-shadow: 0px 0px 20px #000;
  779. /*--Coins arrondis en CSS3--*/
  780. -webkit-border-radius: 10px;
  781. -moz-border-radius: 10px;
  782. border-radius: 10px;
  783. }
  784. .popin_block h2
  785. {
  786. margin-top: 0px;
  787. margin-bottom: 0px;
  788. }
  789. .popin_block p
  790. {
  791. margin-top: 5px;
  792. margin-bottom: 2px;
  793. }
  794. .popin_block div.tag
  795. {
  796. text-align: center;
  797. }
  798. .popin_block div.inputs
  799. {
  800. text-align: center;
  801. }
  802. .popin_block div.tag ul
  803. {
  804. margin-left: auto;
  805. margin-right: auto;
  806. margin-top: 5px;
  807. margin-bottom: 5px;
  808. }
  809. .popin_block div.inputs input
  810. {
  811. margin: 3px;
  812. }
  813. .popin_block textarea
  814. {
  815. width: 100%;
  816. height: 60px;
  817. }
  818. img.btn_close {
  819. float: right;
  820. margin: -55px -55px 0 0;
  821. }
  822. /*--Gérer la position fixed pour IE6--*/
  823. * html #fade {
  824. position: absolute;
  825. }
  826. * html .popup_block {
  827. position: absolute;
  828. }
  829. /* END POPIN BLOCK */
  830. #container a.element_edit_link
  831. {
  832. text-decoration: none;
  833. }
  834. div.display_more_elements
  835. {
  836. background-color: #D9F7FF;
  837. text-align: center;
  838. }
  839. input#element_add_url
  840. {
  841. width: 70%;
  842. font-size: 110%;
  843. font-weight: bold;
  844. }
  845. input#element_add_name
  846. {
  847. width: 100%;
  848. font-size: 110%;
  849. font-weight: bold;
  850. }
  851. label#element_add_url, label#element_add_name
  852. {
  853. }
  854. /* Commentaire */
  855. li.element div.comments
  856. {
  857. padding-left: 18px;
  858. padding-right: 18px;
  859. }
  860. div.comments ul.comments
  861. {
  862. margin: 0px 0px 0px 0px;
  863. }
  864. li.comment
  865. {
  866. list-style: none;
  867. padding-bottom: 4px;
  868. padding-top: 4px;
  869. border-bottom: 1px dotted #d9d9d9;
  870. }
  871. li.comment span.datesince
  872. {
  873. color: #868686;
  874. }
  875. div.comments form.add_comment textarea, div.comments form.edit_comment textarea
  876. {
  877. width: 80%;
  878. height: 48px;
  879. }
  880. div.comments form.add_comment div.buttons, div.comments form.edit_comment div.buttons
  881. {
  882. float: right;
  883. text-align: center;
  884. }
  885. div.comments form.add_comment div.buttons input, div.comments form.edit_comment div.buttons input
  886. {
  887. margin-top: 1px;
  888. margin-bottom: 1px;
  889. }
  890. div.comments_loader
  891. {
  892. text-align: center;
  893. }
  894. /* END commentaires */
  895. /* Ajouter tag d'élément a ses tags favoris */
  896. li.element a.tag_to_favorites, li.element img.tag_to_favorites
  897. {
  898. margin-left: -15px;
  899. margin-right: 4px;
  900. }
  901. li.element a.element_tag_large_for_fav
  902. {
  903. padding-right: 15px;
  904. }
  905. li.element a.element_tag_large_for_fav_still
  906. {
  907. padding-right: 15px;
  908. }
  909. /* END Ajouter tag d'élément a ses tags favoris */
  910. div#added_element_to_group
  911. {
  912. background-color: #E3F6FD;
  913. padding: 20px;
  914. font-size: 115%;
  915. font-weight: bold;
  916. }
  917. input.intext
  918. {
  919. border: none;
  920. border-bottom-color: #000;
  921. border-bottom-style: dashed;
  922. border-bottom-width: 1px;
  923. width: 110px;
  924. text-align: center;
  925. margin-left: 15px;
  926. margin-right: 15px;
  927. font-weight: bold;
  928. }
  929. li.element table
  930. {
  931. width: 100%;
  932. }
  933. li.element td.right
  934. {
  935. text-align: center;
  936. vertical-align: top;
  937. }
  938. li.element td.right ul, li.element td.right ul li
  939. {
  940. margin: 0px;
  941. padding: 0px;
  942. }
  943. li.element td.right ul li
  944. {
  945. list-style-type: none;
  946. }
  947. li.element td.right ul li.vote
  948. {
  949. height: 25px;
  950. }
  951. li.element td.right span.score
  952. {
  953. font-size: 20px;
  954. font-weight: bold;
  955. }
  956. div.reputation
  957. {
  958. padding-left: 15px;
  959. font-size: 110%;
  960. }
  961. div.reputation span.score
  962. {
  963. font-size: 125%;
  964. font-weight: bold;
  965. }
  966. div#events_container
  967. {
  968. text-align: left;
  969. }
  970. div#events_container_contained
  971. {
  972. margin-left: 0px;
  973. margin-right: auto;
  974. }
  975. div#events
  976. {
  977. width: 62px;
  978. position: absolute;
  979. margin-top: 50px;
  980. margin-left: 650px;
  981. _margin-left: 640px;/* pour >=ie6 */
  982. background-color: white;
  983. padding: 4px;
  984. border-top: 0px solid #d5d5d5;
  985. border-right: 0px solid #d5d5d5;
  986. border-bottom: 0px solid #d5d5d5;
  987. border-left: none;
  988. border-radius: 0px 5px 5px 0px;
  989. -moz-border-radius: 0px 5px 5px 0px;
  990. -webkit-border-radius: 0px 5px 5px 0px;
  991. -webkit-box-shadow: 2px 2px 2px #666;
  992. -moz-box-shadow: 2px 2px 2px #666 ;
  993. box-shadow: 2px 2px 2px #666;
  994. }
  995. div#events div.score img
  996. {
  997. margin-bottom: -5px;
  998. }
  999. div#events div.score span
  1000. {
  1001. font-weight: bold;
  1002. padding-bottom: 2px;
  1003. }
  1004. div#events div.comments img
  1005. {
  1006. margin-left: 3px;
  1007. margin-bottom: -4px;
  1008. }
  1009. div#events div.comments span
  1010. {
  1011. font-weight: bold;
  1012. margin-left: 5px;
  1013. }
  1014. div#events div.favorites img
  1015. {
  1016. margin-left: 3px;
  1017. margin-bottom: -2px;
  1018. }
  1019. div#events div.favorites span
  1020. {
  1021. font-weight: bold;
  1022. margin-left: 5px;
  1023. }
  1024. div#events div.follows img
  1025. {
  1026. margin-left: 3px;
  1027. margin-bottom: -2px;
  1028. }
  1029. div#events div.follows span
  1030. {
  1031. font-weight: bold;
  1032. margin-left: 5px;
  1033. }
  1034. div#events div.tags img
  1035. {
  1036. margin-left: 3px;
  1037. margin-bottom: -2px;
  1038. }
  1039. div#events div.tags span
  1040. {
  1041. font-weight: bold;
  1042. margin-left: 5px;
  1043. }
  1044. /*
  1045. * css mynetwork
  1046. */
  1047. ul#followers_users li.new
  1048. {
  1049. font-weight: bold;
  1050. }
  1051. /*
  1052. * Proposition de tags
  1053. */
  1054. li.tag_proposition span.button
  1055. {
  1056. font-size: 95%;
  1057. padding: 2px 4px;
  1058. }
  1059. li.tag_proposition:hover
  1060. {
  1061. background-color: #c0f2ff;
  1062. }
  1063. /* */
  1064. .button_green
  1065. {
  1066. background-color: #5ae959;
  1067. }
  1068. li.element.shadows
  1069. {
  1070. -moz-box-shadow: 3px 3px 3px #4F4F4F;
  1071. -webkit-box-shadow: 3px 3px 3px #4F4F4F;
  1072. box-shadow: 3px 3px 3px #4F4F4F;
  1073. }
  1074. ul#favorite_tags a.button.highlight
  1075. {
  1076. color: blue;
  1077. }
  1078. span#add_url_title
  1079. {
  1080. font-weight: bold;
  1081. font-size: 15px;
  1082. }