3a5c85c.css 60KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568
  1. /*
  2. * Skin for jPlayer Plugin (jQuery JavaScript Library)
  3. * http://www.jplayer.org
  4. *
  5. * Skin Name: Blue Monday
  6. *
  7. * Copyright (c) 2010-2012 Happyworm Ltd
  8. * Dual licensed under the MIT and GPL licenses.
  9. * - http://www.opensource.org/licenses/mit-license.php
  10. * - http://www.gnu.org/copyleft/gpl.html
  11. *
  12. * Author: Silvia Benvenuti
  13. * Skin Version: 4.2 (jPlayer 2.2.0)
  14. * Date: 22nd October 2012
  15. */
  16. div.jp-audio,
  17. div.jp-audio-stream,
  18. div.jp-video {
  19. /* Edit the font-size to counteract inherited font sizing.
  20. * Eg. 1.25em = 1 / 0.8em
  21. */
  22. font-size:1.25em; /* 1.25em for testing in site pages */ /* No parent CSS that can effect the size in the demos ZIP */
  23. font-family:Verdana, Arial, sans-serif;
  24. line-height:1.6;
  25. color: #666;
  26. /*border:1px solid #009be3;*/
  27. background-color:#eee;
  28. }
  29. div.jp-audio {
  30. width:100%;
  31. }
  32. div.jp-audio-stream {
  33. width:182px;
  34. }
  35. div.jp-video-270p {
  36. width:480px;
  37. }
  38. div.jp-video-360p {
  39. width:640px;
  40. }
  41. div.jp-video-full {
  42. /* Rules for IE6 (full-screen) */
  43. width:480px;
  44. height:270px;
  45. /* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */
  46. position:static !important; position:relative
  47. }
  48. /* The z-index rule is defined in this manner to enable Popcorn plugins that add overlays to video area. EG. Subtitles. */
  49. div.jp-video-full div div {
  50. z-index:1000;
  51. }
  52. div.jp-video-full div.jp-jplayer {
  53. top: 0;
  54. left: 0;
  55. position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */
  56. overflow: hidden;
  57. }
  58. div.jp-video-full div.jp-gui {
  59. position: fixed !important; position: static; /* Rules for IE6 (full-screen) */
  60. top: 0;
  61. left: 0;
  62. width:100%;
  63. height:100%;
  64. z-index:1001; /* 1 layer above the others. */
  65. }
  66. div.jp-video-full div.jp-interface {
  67. position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */
  68. bottom: 0;
  69. left: 0;
  70. }
  71. div.jp-interface {
  72. position: relative;
  73. background-color:#eee;
  74. width:100%;
  75. }
  76. div.jp-audio div.jp-type-single div.jp-interface {
  77. height:80px;
  78. }
  79. div.jp-audio div.jp-type-playlist div.jp-interface {
  80. height:80px;
  81. }
  82. div.jp-audio-stream div.jp-type-single div.jp-interface {
  83. height:80px;
  84. }
  85. div.jp-video div.jp-interface {
  86. /*border-top:1px solid #009be3;*/
  87. }
  88. /* @group CONTROLS */
  89. div.jp-controls-holder {
  90. clear: both;
  91. width:440px;
  92. margin:0 auto;
  93. position: relative;
  94. overflow:hidden;
  95. top:-8px; /* This negative value depends on the size of the text in jp-currentTime and jp-duration */
  96. }
  97. div.jp-interface ul.jp-controls {
  98. list-style-type:none;
  99. margin:0;
  100. padding: 0;
  101. overflow:hidden;
  102. }
  103. div.jp-audio ul.jp-controls {
  104. width: 380px;
  105. padding:20px 20px 0 20px;
  106. }
  107. div.jp-audio-stream ul.jp-controls {
  108. width: 142px;
  109. padding:20px 20px 0 20px;
  110. }
  111. div.jp-video div.jp-type-single ul.jp-controls {
  112. width: 78px;
  113. margin-left: 200px;
  114. }
  115. div.jp-video div.jp-type-playlist ul.jp-controls {
  116. width: 134px;
  117. margin-left: 172px;
  118. }
  119. div.jp-video ul.jp-controls,
  120. div.jp-interface ul.jp-controls li {
  121. display:inline;
  122. float: left;
  123. }
  124. div.jp-interface ul.jp-controls a {
  125. display:block;
  126. overflow:hidden;
  127. text-indent:-9999px;
  128. }
  129. a.jp-play,
  130. a.jp-pause {
  131. width:40px;
  132. height:40px;
  133. }
  134. a.jp-play {
  135. background: url("/jplayer/skin/blue.monday/jplayer.blue.monday.jpg") 0 0 no-repeat;
  136. }
  137. a.jp-play:hover {
  138. background: url("/jplayer/skin/blue.monday/jplayer.blue.monday.jpg") -41px 0 no-repeat;
  139. }
  140. a.jp-pause {
  141. background: url("/jplayer/skin/blue.monday/jplayer.blue.monday.jpg") 0 -42px no-repeat;
  142. display: none;
  143. }
  144. a.jp-pause:hover {
  145. background: url("/jplayer/skin/blue.monday/jplayer.blue.monday.jpg") -41px -42px no-repeat;
  146. }
  147. a.jp-stop, a.jp-previous, a.jp-next {
  148. width:28px;
  149. height:28px;
  150. margin-top:6px;
  151. }
  152. a.jp-stop {
  153. background: url("/jplayer/skin/blue.monday/jplayer.blue.monday.jpg") 0 -83px no-repeat;
  154. margin-left:10px;
  155. }
  156. a.jp-stop:hover {
  157. background: url("/jplayer/skin/blue.monday/jplayer.blue.monday.jpg") -29px -83px no-repeat;
  158. }
  159. a.jp-previous {
  160. background: url("/jplayer/skin/blue.monday/jplayer.blue.monday.jpg") 0 -112px no-repeat;
  161. }
  162. a.jp-previous:hover {
  163. background: url("/jplayer/skin/blue.monday/jplayer.blue.monday.jpg") -29px -112px no-repeat;
  164. }
  165. a.jp-next {
  166. background: url("/jplayer/skin/blue.monday/jplayer.blue.monday.jpg") 0 -141px no-repeat;
  167. }
  168. a.jp-next:hover {
  169. background: url("/jplayer/skin/blue.monday/jplayer.blue.monday.jpg") -29px -141px no-repeat;
  170. }
  171. /* @end */
  172. /* @group progress bar */
  173. div.jp-progress {
  174. overflow:hidden;
  175. background-color: #ddd;
  176. }
  177. div.jp-audio div.jp-progress {
  178. position: absolute;
  179. top:32px;
  180. height:15px;
  181. }
  182. div.jp-audio div.jp-type-single div.jp-progress {
  183. left:110px;
  184. width:186px;
  185. }
  186. div.jp-audio div.jp-type-playlist div.jp-progress {
  187. left:166px;
  188. width:130px;
  189. }
  190. div.jp-video div.jp-progress {
  191. top:0px;
  192. left:0px;
  193. width:100%;
  194. height:10px;
  195. }
  196. div.jp-seek-bar {
  197. background: url("/jplayer/skin/blue.monday/jplayer.blue.monday.jpg") 0 -202px repeat-x;
  198. width:0px;
  199. height:100%;
  200. cursor: pointer;
  201. }
  202. div.jp-play-bar {
  203. background: url("/jplayer/skin/blue.monday/jplayer.blue.monday.jpg") 0 -218px repeat-x ;
  204. width:0px;
  205. height:100%;
  206. }
  207. /* The seeking class is added/removed inside jPlayer */
  208. div.jp-seeking-bg {
  209. background: url("jplayer.blue.monday.seeking.gif");
  210. }
  211. /* @end */
  212. /* @group volume controls */
  213. a.jp-mute,
  214. a.jp-unmute,
  215. a.jp-volume-max {
  216. width:18px;
  217. height:15px;
  218. margin-top:12px;
  219. }
  220. div.jp-audio div.jp-type-single a.jp-mute,
  221. div.jp-audio div.jp-type-single a.jp-unmute {
  222. margin-left: 210px;
  223. }
  224. div.jp-audio div.jp-type-playlist a.jp-mute,
  225. div.jp-audio div.jp-type-playlist a.jp-unmute {
  226. margin-left: 154px;
  227. }
  228. div.jp-audio-stream div.jp-type-single a.jp-mute,
  229. div.jp-audio-stream div.jp-type-single a.jp-unmute {
  230. margin-left:10px;
  231. }
  232. div.jp-audio a.jp-volume-max,
  233. div.jp-audio-stream a.jp-volume-max {
  234. margin-left: 56px;
  235. }
  236. div.jp-video a.jp-mute,
  237. div.jp-video a.jp-unmute,
  238. div.jp-video a.jp-volume-max {
  239. position: absolute;
  240. top:12px;
  241. margin-top:0;
  242. }
  243. div.jp-video a.jp-mute,
  244. div.jp-video a.jp-unmute {
  245. left: 50px;
  246. }
  247. div.jp-video a.jp-volume-max {
  248. left: 134px;
  249. }
  250. a.jp-mute {
  251. background: url("/jplayer/skin/blue.monday/jplayer.blue.monday.jpg") 0 -170px no-repeat;
  252. }
  253. a.jp-mute:hover {
  254. background: url("/jplayer/skin/blue.monday/jplayer.blue.monday.jpg") -19px -170px no-repeat;
  255. }
  256. a.jp-unmute {
  257. background: url("/jplayer/skin/blue.monday/jplayer.blue.monday.jpg") -60px -170px no-repeat;
  258. display: none;
  259. }
  260. a.jp-unmute:hover {
  261. background: url("/jplayer/skin/blue.monday/jplayer.blue.monday.jpg") -79px -170px no-repeat;
  262. }
  263. a.jp-volume-max {
  264. background: url("/jplayer/skin/blue.monday/jplayer.blue.monday.jpg") 0 -186px no-repeat;
  265. }
  266. a.jp-volume-max:hover {
  267. background: url("/jplayer/skin/blue.monday/jplayer.blue.monday.jpg") -19px -186px no-repeat;
  268. }
  269. div.jp-volume-bar {
  270. position: absolute;
  271. overflow:hidden;
  272. background: url("/jplayer/skin/blue.monday/jplayer.blue.monday.jpg") 0 -250px repeat-x;
  273. width:46px;
  274. height:5px;
  275. cursor: pointer;
  276. }
  277. div.jp-audio div.jp-volume-bar {
  278. top:37px;
  279. left:330px;
  280. }
  281. div.jp-audio-stream div.jp-volume-bar {
  282. top:37px;
  283. left:92px;
  284. }
  285. div.jp-video div.jp-volume-bar {
  286. top:17px;
  287. left:72px;
  288. }
  289. div.jp-volume-bar-value {
  290. background: url("/jplayer/skin/blue.monday/jplayer.blue.monday.jpg") 0 -256px repeat-x;
  291. width:0px;
  292. height:5px;
  293. }
  294. /* @end */
  295. /* @group current time and duration */
  296. div.jp-audio div.jp-time-holder {
  297. position:absolute;
  298. top:50px;
  299. }
  300. div.jp-audio div.jp-type-single div.jp-time-holder {
  301. left:110px;
  302. width:186px;
  303. }
  304. div.jp-audio div.jp-type-playlist div.jp-time-holder {
  305. left:166px;
  306. width:130px;
  307. }
  308. div.jp-current-time,
  309. div.jp-duration {
  310. width:60px;
  311. font-size:.64em;
  312. font-style:oblique;
  313. }
  314. div.jp-current-time {
  315. float: left;
  316. display:inline;
  317. }
  318. div.jp-duration {
  319. float: right;
  320. display:inline;
  321. text-align: right;
  322. }
  323. div.jp-video div.jp-current-time {
  324. margin-left:20px;
  325. }
  326. div.jp-video div.jp-duration {
  327. margin-right:20px;
  328. }
  329. /* @end */
  330. /* @group playlist */
  331. div.jp-title {
  332. font-weight:bold;
  333. text-align:center;
  334. }
  335. div.jp-title,
  336. div.jp-playlist {
  337. width:100%;
  338. background-color:#ccc;
  339. /*border-top:1px solid #009be3;*/
  340. }
  341. div.jp-type-single div.jp-title,
  342. div.jp-type-playlist div.jp-title,
  343. div.jp-type-single div.jp-playlist {
  344. border-top:none;
  345. }
  346. div.jp-title ul,
  347. div.jp-playlist ul {
  348. list-style-type:none;
  349. margin:0;
  350. padding:0 20px;
  351. font-size:.72em;
  352. }
  353. div.jp-title li {
  354. padding:5px 0;
  355. font-weight:bold;
  356. }
  357. div.jp-playlist li {
  358. padding:5px 0 4px 20px;
  359. /*border-bottom:1px solid #eee;*/
  360. }
  361. div.jp-playlist li div {
  362. display:inline;
  363. }
  364. /* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */
  365. div.jp-type-playlist div.jp-playlist li:last-child {
  366. padding:5px 0 5px 20px;
  367. border-bottom:none;
  368. }
  369. div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
  370. list-style-type:square;
  371. list-style-position:inside;
  372. padding-left:7px;
  373. }
  374. div.jp-type-playlist div.jp-playlist a {
  375. color: #333;
  376. text-decoration: none;
  377. }
  378. div.jp-type-playlist div.jp-playlist a:hover {
  379. color:#0d88c1;
  380. }
  381. div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
  382. color:#0d88c1;
  383. }
  384. div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
  385. float:right;
  386. display:inline;
  387. text-align:right;
  388. margin-right:10px;
  389. font-weight:bold;
  390. color:#666;
  391. }
  392. div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover {
  393. color:#0d88c1;
  394. }
  395. div.jp-type-playlist div.jp-playlist span.jp-free-media {
  396. float:right;
  397. display:inline;
  398. text-align:right;
  399. margin-right:10px;
  400. }
  401. div.jp-type-playlist div.jp-playlist span.jp-free-media a{
  402. color:#666;
  403. }
  404. div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover{
  405. color:#0d88c1;
  406. }
  407. span.jp-artist {
  408. font-size:.8em;
  409. color:#666;
  410. }
  411. /* @end */
  412. div.jp-video-play {
  413. width:100%;
  414. overflow:hidden; /* Important for nested negative margins to work in modern browsers */
  415. cursor:pointer;
  416. background-color:rgba(0,0,0,0); /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */
  417. }
  418. div.jp-video-270p div.jp-video-play {
  419. margin-top:-270px;
  420. height:270px;
  421. }
  422. div.jp-video-360p div.jp-video-play {
  423. margin-top:-360px;
  424. height:360px;
  425. }
  426. div.jp-video-full div.jp-video-play {
  427. height:100%;
  428. }
  429. a.jp-video-play-icon {
  430. position:relative;
  431. display:block;
  432. width: 112px;
  433. height: 100px;
  434. margin-left:-56px;
  435. margin-top:-50px;
  436. left:50%;
  437. top:50%;
  438. background: url("jplayer.blue.monday.video.play.png") 0 0 no-repeat;
  439. text-indent:-9999px;
  440. }
  441. div.jp-video-play:hover a.jp-video-play-icon {
  442. background: url("jplayer.blue.monday.video.play.png") 0 -100px no-repeat;
  443. }
  444. div.jp-jplayer audio,
  445. div.jp-jplayer {
  446. width:0px;
  447. height:0px;
  448. }
  449. div.jp-jplayer {
  450. background-color: #000000;
  451. }
  452. /* @group TOGGLES */
  453. /* The audio toggles are nested inside jp-time-holder */
  454. ul.jp-toggles {
  455. list-style-type:none;
  456. padding:0;
  457. margin:0 auto;
  458. overflow:hidden;
  459. }
  460. div.jp-audio .jp-type-single ul.jp-toggles {
  461. width:25px;
  462. }
  463. div.jp-audio .jp-type-playlist ul.jp-toggles {
  464. width:55px;
  465. margin: 0;
  466. position: absolute;
  467. left: 325px;
  468. top: 50px;
  469. }
  470. div.jp-video ul.jp-toggles {
  471. margin-top:10px;
  472. width:100px;
  473. }
  474. ul.jp-toggles li {
  475. display:block;
  476. float:right;
  477. }
  478. ul.jp-toggles li a {
  479. display:block;
  480. width:25px;
  481. height:18px;
  482. text-indent:-9999px;
  483. line-height:100%; /* need this for IE6 */
  484. }
  485. a.jp-full-screen {
  486. background: url("/jplayer/skin/blue.monday/jplayer.blue.monday.jpg") 0 -310px no-repeat;
  487. margin-left: 20px;
  488. }
  489. a.jp-full-screen:hover {
  490. background: url("/jplayer/skin/blue.monday/jplayer.blue.monday.jpg") -30px -310px no-repeat;
  491. }
  492. a.jp-restore-screen {
  493. background: url("/jplayer/skin/blue.monday/jplayer.blue.monday.jpg") -60px -310px no-repeat;
  494. margin-left: 20px;
  495. }
  496. a.jp-restore-screen:hover {
  497. background: url("/jplayer/skin/blue.monday/jplayer.blue.monday.jpg") -90px -310px no-repeat;
  498. }
  499. a.jp-repeat {
  500. background: url("/jplayer/skin/blue.monday/jplayer.blue.monday.jpg") 0 -290px no-repeat;
  501. }
  502. a.jp-repeat:hover {
  503. background: url("/jplayer/skin/blue.monday/jplayer.blue.monday.jpg") -30px -290px no-repeat;
  504. }
  505. a.jp-repeat-off {
  506. background: url("/jplayer/skin/blue.monday/jplayer.blue.monday.jpg") -60px -290px no-repeat;
  507. }
  508. a.jp-repeat-off:hover {
  509. background: url("/jplayer/skin/blue.monday/jplayer.blue.monday.jpg") -90px -290px no-repeat;
  510. }
  511. a.jp-shuffle {
  512. background: url("/jplayer/skin/blue.monday/jplayer.blue.monday.jpg") 0 -270px no-repeat;
  513. margin-left: 5px;
  514. }
  515. a.jp-shuffle:hover {
  516. background: url("/jplayer/skin/blue.monday/jplayer.blue.monday.jpg") -30px -270px no-repeat;
  517. }
  518. a.jp-shuffle-off {
  519. background: url("/jplayer/skin/blue.monday/jplayer.blue.monday.jpg") -60px -270px no-repeat;
  520. margin-left: 5px;
  521. }
  522. a.jp-shuffle-off:hover {
  523. background: url("/jplayer/skin/blue.monday/jplayer.blue.monday.jpg") -90px -270px no-repeat;
  524. }
  525. /* @end */
  526. /* @group NO SOLUTION error feedback */
  527. .jp-no-solution {
  528. padding:5px;
  529. font-size:.8em;
  530. background-color:#eee;
  531. border:2px solid #009be3;
  532. color:#000;
  533. display:none;
  534. }
  535. .jp-no-solution a {
  536. color:#000;
  537. }
  538. .jp-no-solution span {
  539. font-size:1em;
  540. display:block;
  541. text-align:center;
  542. font-weight:bold;
  543. }
  544. /* @end */
  545. /* Artfully masterminded by ZURB */
  546. body {
  547. position: relative;
  548. }
  549. #joyRideTipContent { display: none; }
  550. .joyRideTipContent { display: none; }
  551. /* Default styles for the container */
  552. .joyride-tip-guide {
  553. position: absolute;
  554. background: #000;
  555. background: rgba(0,0,0,0.8);
  556. display: none;
  557. color: #fff;
  558. width: 300px;
  559. z-index: 101;
  560. top: 0; /* keeps the page from scrolling when calculating position */
  561. left: 0;
  562. font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", Helvetica, Arial, Lucida, sans-serif;
  563. font-weight: normal;
  564. -moz-border-radius: 4px;
  565. -webkit-border-radius: 4px;
  566. border-radius: 4px;
  567. }
  568. .joyride-content-wrapper {
  569. padding: 10px 10px 15px 15px;
  570. }
  571. /* Mobile */
  572. @media only screen and (max-width: 767px) {
  573. .joyride-tip-guide {
  574. width: 95% !important;
  575. -moz-border-radius: 0;
  576. -webkit-border-radius: 0;
  577. border-radius: 0;
  578. left: 2.5% !important;
  579. }
  580. .joyride-tip-guide-wrapper {
  581. width: 100%;
  582. }
  583. }
  584. /* Add a little css triangle pip, older browser just miss out on the fanciness of it */
  585. .joyride-tip-guide span.joyride-nub {
  586. display: block;
  587. position: absolute;
  588. left: 22px;
  589. width: 0;
  590. height: 0;
  591. border: solid 14px;
  592. border: solid 14px;
  593. }
  594. .joyride-tip-guide span.joyride-nub.top {
  595. /*
  596. IE7/IE8 Don't support rgba so we set the fallback
  597. border color here. However, IE7/IE8 are also buggy
  598. in that the fallback color doesn't work for
  599. border-bottom-color so here we set the border-color
  600. and override the top,left,right colors below.
  601. */
  602. border-color: #000;
  603. border-color: rgba(0,0,0,0.8);
  604. border-top-color: transparent !important;
  605. border-left-color: transparent !important;
  606. border-right-color: transparent !important;
  607. top: -28px;
  608. bottom: none;
  609. }
  610. .joyride-tip-guide span.joyride-nub.bottom {
  611. /*
  612. IE7/IE8 Don't support rgba so we set the fallback
  613. border color here. However, IE7/IE8 are also buggy
  614. in that the fallback color doesn't work for
  615. border-top-color so here we set the border-color
  616. and override the bottom,left,right colors below.
  617. */
  618. border-color: #000;
  619. border-color: rgba(0,0,0,0.8) !important;
  620. border-bottom-color: transparent !important;
  621. border-left-color: transparent !important;
  622. border-right-color: transparent !important;
  623. bottom: -28px;
  624. bottom: none;
  625. }
  626. .joyride-tip-guide span.joyride-nub.right {
  627. border-color: #000;
  628. border-color: rgba(0,0,0,0.8) !important;
  629. border-top-color: transparent !important;
  630. border-right-color: transparent !important;
  631. border-bottom-color: transparent !important;
  632. top: 22px;
  633. bottom: none;
  634. left: auto;
  635. right: -28px;
  636. }
  637. .joyride-tip-guide span.joyride-nub.left {
  638. border-color: #000;
  639. border-color: rgba(0,0,0,0.8) !important;
  640. border-top-color: transparent !important;
  641. border-left-color: transparent !important;
  642. border-bottom-color: transparent !important;
  643. top: 22px;
  644. left: -28px;
  645. right: auto;
  646. bottom: none;
  647. }
  648. .joyride-tip-guide span.joyride-nub.top-right {
  649. border-color: #000;
  650. border-color: rgba(0,0,0,0.8);
  651. border-top-color: transparent !important;
  652. border-left-color: transparent !important;
  653. border-right-color: transparent !important;
  654. top: -28px;
  655. bottom: none;
  656. left: auto;
  657. right: 28px;
  658. }
  659. /* Typography */
  660. .joyride-tip-guide h1,.joyride-tip-guide h2,.joyride-tip-guide h3,.joyride-tip-guide h4,.joyride-tip-guide h5,.joyride-tip-guide h6 {
  661. line-height: 1.25;
  662. margin: 0;
  663. font-weight: bold;
  664. color: #fff;
  665. }
  666. .joyride-tip-guide h1 { font-size: 30px; }
  667. .joyride-tip-guide h2 { font-size: 26px; }
  668. .joyride-tip-guide h3 { font-size: 22px; }
  669. .joyride-tip-guide h4 { font-size: 18px; }
  670. .joyride-tip-guide h5 { font-size: 16px; }
  671. .joyride-tip-guide h6 { font-size: 14px; }
  672. .joyride-tip-guide p {
  673. margin: 0 0 18px 0;
  674. font-size: 14px;
  675. line-height: 18px;
  676. }
  677. .joyride-tip-guide a {
  678. color: rgb(255,255,255);
  679. text-decoration: none;
  680. border-bottom: dotted 1px rgba(255,255,255,0.6);
  681. }
  682. .joyride-tip-guide a:hover {
  683. color: rgba(255,255,255,0.8);
  684. border-bottom: none;
  685. }
  686. /* Button Style */
  687. .joyride-tip-guide .joyride-next-tip {
  688. width: auto;
  689. padding: 6px 18px 4px;
  690. font-size: 13px;
  691. text-decoration: none;
  692. color: rgb(255,255,255);
  693. border: solid 1px rgb(0,60,180);
  694. background: rgb(0,99,255);
  695. background: -moz-linear-gradient(top, rgb(0,99,255) 0%, rgb(0,85,214) 100%);
  696. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,99,255)), color-stop(100%,rgb(0,85,214)));
  697. background: -webkit-linear-gradient(top, rgb(0,99,255) 0%,rgb(0,85,214) 100%);
  698. background: -o-linear-gradient(top, rgb(0,99,255) 0%,rgb(0,85,214) 100%);
  699. background: -ms-linear-gradient(top, rgb(0,99,255) 0%,rgb(0,85,214) 100%);
  700. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0063ff', endColorstr='#0055d6',GradientType=0 );
  701. background: linear-gradient(top, rgb(0,99,255) 0%,rgb(0,85,214) 100%);
  702. text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
  703. -webkit-border-radius: 2px;
  704. -moz-border-radius: 2px;
  705. border-radius: 2px;
  706. -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.3) inset;
  707. -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.3) inset;
  708. box-shadow: 0px 1px 0px rgba(255,255,255,0.3) inset;
  709. }
  710. .joyride-next-tip:hover {
  711. color: rgb(255,255,255) !important;
  712. border: solid 1px rgb(0,60,180) !important;
  713. background: rgb(43,128,255);
  714. background: -moz-linear-gradient(top, rgb(43,128,255) 0%, rgb(29,102,211) 100%);
  715. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(43,128,255)), color-stop(100%,rgb(29,102,211)));
  716. background: -webkit-linear-gradient(top, rgb(43,128,255) 0%,rgb(29,102,211) 100%);
  717. background: -o-linear-gradient(top, rgb(43,128,255) 0%,rgb(29,102,211) 100%);
  718. background: -ms-linear-gradient(top, rgb(43,128,255) 0%,rgb(29,102,211) 100%);
  719. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b80ff', endColorstr='#1d66d3',GradientType=0 );
  720. background: linear-gradient(top, rgb(43,128,255) 0%,rgb(29,102,211) 100%);
  721. }
  722. .joyride-timer-indicator-wrap {
  723. width: 50px;
  724. height: 3px;
  725. border: solid 1px rgba(255,255,255,0.1);
  726. position: absolute;
  727. right: 17px;
  728. bottom: 16px;
  729. }
  730. .joyride-timer-indicator {
  731. display: block;
  732. width: 0;
  733. height: inherit;
  734. background: rgba(255,255,255,0.25);
  735. }
  736. .joyride-close-tip {
  737. position: absolute;
  738. right: 10px;
  739. top: 10px;
  740. color: rgba(255,255,255,0.4) !important;
  741. text-decoration: none;
  742. font-family: Verdana, sans-serif;
  743. font-size: 10px;
  744. font-weight: bold;
  745. border-bottom: none !important;
  746. }
  747. .joyride-close-tip:hover {
  748. color: rgba(255,255,255,0.9) !important;
  749. }
  750. .joyride-modal-bg {
  751. position: fixed;
  752. height: 100%;
  753. width: 100%;
  754. background: rgb(0,0,0);
  755. background: transparent;
  756. background: rgba(0,0,0, 0.5);
  757. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  758. filter: alpha(opacity=50);
  759. opacity: 0.5;
  760. z-index: 100;
  761. display: none;
  762. top: 0;
  763. left: 0;
  764. cursor: pointer;
  765. }
  766. body
  767. {
  768. background-color: #f4f4f4;
  769. }
  770. body a
  771. {
  772. text-decoration: none;
  773. color: #B80C1A;
  774. }
  775. html, body
  776. {
  777. height:100%;
  778. }
  779. body a:visited
  780. {
  781. text-decoration: none;
  782. color: #B80C1A;
  783. }
  784. body a img
  785. {
  786. text-decoration: none;
  787. }
  788. div#container
  789. {
  790. position : relative;
  791. min-height: 100%;
  792. }
  793. div#header
  794. {
  795. height: 80px;
  796. background-image: url("/img/header_background.png");
  797. background-repeat: repeat-x;
  798. border-bottom: 3px solid #e51936;
  799. }
  800. div#header div#hgroup
  801. {
  802. width: 980px;
  803. margin-left: auto;
  804. margin-right: auto;
  805. text-align: left;
  806. }
  807. #header_logo
  808. {
  809. float: left;
  810. margin-top: 20px;
  811. }
  812. #header_menu
  813. {
  814. color: #ffffff;
  815. margin: 0px;
  816. padding: 0px;
  817. height: 80px;
  818. margin-left: 200px;
  819. width: 580px;
  820. }
  821. #header_menu li a, #register_and_login li a, #parameters li a
  822. {
  823. color: #ffffff;
  824. text-decoration: none;
  825. }
  826. #header_menu li a
  827. {
  828. display: block;
  829. text-decoration: none;
  830. font-weight: bold;
  831. padding-top: 45px;
  832. }
  833. #header_menu li
  834. {
  835. float: left;
  836. display: inline;
  837. padding-left: 13px;
  838. padding-right: 13px;
  839. height: 80px;
  840. }
  841. #header_menu li.selected, #header_menu li:hover
  842. {
  843. background-color: #e51936;
  844. }
  845. #header_menu li.separator
  846. {
  847. background-image: url("/img/header_menu_separator.png");
  848. background-repeat: no-repeat;
  849. width: 5px;
  850. padding-left: 0px;
  851. padding-right: 0px;
  852. }
  853. #header_menu li.separator:hover
  854. {
  855. background: none;
  856. }
  857. #register_and_login
  858. {
  859. float: right;
  860. margin: 0px;
  861. margin-top: 42px;
  862. margin-right: 15px;
  863. padding: 0px;
  864. }
  865. #register_and_login li
  866. {
  867. float: left;
  868. display: inline;
  869. }
  870. #register_and_login li a
  871. {
  872. background-color: #585454;
  873. padding: 8px 8px 6px 6px;
  874. border: 1px solid black;
  875. text-transform : uppercase;
  876. font-size: 70%;
  877. font-weight: bold;
  878. background-color: #555;
  879. box-shadow: 0 1px 1px 0 #696465 inset;
  880. }
  881. #register_and_login li a.left
  882. {
  883. -webkit-border-top-left-radius: 5px;
  884. -webkit-border-bottom-left-radius: 5px;
  885. -moz-border-radius-topleft: 5px;
  886. -moz-border-radius-bottomleft: 5px;
  887. border-top-left-radius: 5px;
  888. border-bottom-left-radius: 5px;
  889. }
  890. #register_and_login li a.right
  891. {
  892. -webkit-border-top-right-radius: 5px;
  893. -webkit-border-bottom-right-radius: 5px;
  894. -moz-border-radius-topright: 5px;
  895. -moz-border-radius-bottomright: 5px;
  896. border-top-right-radius: 5px;
  897. border-bottom-right-radius: 5px;
  898. }
  899. /*#parameters
  900. {
  901. float: right;
  902. border-right-width: 0;
  903. margin-bottom: 0;
  904. margin-left: 0;
  905. margin-right: 0;
  906. margin-top: 8px;
  907. }*/
  908. /*#parameters li
  909. {
  910. float: left;
  911. display: inline;
  912. }
  913. #parameters li a
  914. {
  915. float: left;
  916. display: inline;
  917. font-size: 80%;
  918. font-weight: bold;
  919. }*/
  920. div#languages
  921. {
  922. float: right;
  923. height: 16px;
  924. overflow: hidden;
  925. padding: 2px;
  926. text-align: center;
  927. width: 15px;
  928. position: absolute;
  929. margin-left: 945px;
  930. margin-top: 7px;
  931. -moz-border-radius: 3px;
  932. -webkit-border-radius: 3px;
  933. -khtml-border-radius: 3px;
  934. border-radius: 3px;
  935. }
  936. div#languages a
  937. {
  938. color: white;
  939. font-weight: bold;
  940. font-size: 11px;
  941. }
  942. div#languages:hover
  943. {
  944. height: auto;
  945. background: #474747; /* Old browsers */
  946. /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  947. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ3NDc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNDc0NzQ3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIxMjEyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMTIxMjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  948. background: -moz-linear-gradient(top, #474747 0%, #474747 0%, #212121 100%, #212121 100%); /* FF3.6+ */
  949. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474747), color-stop(0%,#474747), color-stop(100%,#212121), color-stop(100%,#212121)); /* Chrome,Safari4+ */
  950. background: -webkit-linear-gradient(top, #474747 0%,#474747 0%,#212121 100%,#212121 100%); /* Chrome10+,Safari5.1+ */
  951. background: -o-linear-gradient(top, #474747 0%,#474747 0%,#212121 100%,#212121 100%); /* Opera 11.10+ */
  952. background: -ms-linear-gradient(top, #474747 0%,#474747 0%,#212121 100%,#212121 100%); /* IE10+ */
  953. background: linear-gradient(to bottom, #474747 0%,#474747 0%,#212121 100%,#212121 100%); /* W3C */
  954. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#212121',GradientType=0 ); /* IE6-8 */
  955. }
  956. #content
  957. {
  958. display: table;
  959. width: 980px;
  960. margin-right: auto;
  961. margin-left: auto;
  962. padding-bottom: 135px;
  963. }
  964. #main_content
  965. {
  966. position: relative;
  967. min-height: 100%;
  968. }
  969. #main
  970. {
  971. display: table-cell;
  972. width: 650px;
  973. padding-right: 30px;
  974. }
  975. #mainbox
  976. {
  977. margin-top: 25px;
  978. /*padding: 10px;*/
  979. padding-bottom: 23px;
  980. }
  981. #mainbox.mainbox_margintop
  982. {
  983. margin-top: 80px;
  984. }
  985. #mainbox.mainbox_nopadding
  986. {
  987. padding: 0px;
  988. }
  989. #mainbox.mainbox_padding
  990. {
  991. padding: 10px;
  992. }
  993. #mainbox h1
  994. {
  995. margin-top: 10px;
  996. }
  997. .nicebox
  998. {
  999. -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
  1000. -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
  1001. box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
  1002. border: 1px solid #d3d3d3;
  1003. }
  1004. aside#sidebar
  1005. {
  1006. display: table-cell;
  1007. width: 300px;
  1008. vertical-align: top;
  1009. }
  1010. ul.elements
  1011. {
  1012. margin-top: 0px;
  1013. margin-left: 0px;
  1014. margin-bottom: 0px;
  1015. }
  1016. ul.elements li.element
  1017. {
  1018. background-color: #f8f8f8;
  1019. border-top: 1px solid #c8c8c8;
  1020. list-style-type: none;
  1021. padding: 10px;
  1022. }
  1023. ul.elements li.element:last-child
  1024. {
  1025. }
  1026. td.element_thumbnail
  1027. {
  1028. background-color: #d5d5d5;
  1029. padding: 4px;
  1030. text-align: center;
  1031. width: 140px;
  1032. }
  1033. li.element img.element_thumbnail
  1034. {
  1035. border: 3px solid white;
  1036. }
  1037. .element_thumb_actions_container
  1038. {
  1039. }
  1040. ul.element_thumb_actions
  1041. {
  1042. margin-top: 0;
  1043. margin-bottom: 0;
  1044. margin-left: auto;
  1045. margin-right: auto;
  1046. text-align: center;
  1047. float: right;
  1048. }
  1049. ul.element_thumb_actions li
  1050. {
  1051. list-style-type: none;
  1052. color: #787777;
  1053. font-weight: bold;
  1054. height: 20px;
  1055. display: inline;
  1056. float: left;
  1057. padding-left: 9px;
  1058. padding-right: 9px;
  1059. }
  1060. ul.element_thumb_actions li.score
  1061. {
  1062. padding-top: 2px;
  1063. margin-top: 0px;
  1064. border-right: 1px solid #bfbfbf;
  1065. }
  1066. ul.element_thumb_actions li.thumb
  1067. {
  1068. border-left: 1px solid #eeeeee;
  1069. border-right: 1px solid #bfbfbf;
  1070. }
  1071. ul.element_thumb_actions li.star
  1072. {
  1073. padding-top: 2px;
  1074. border-left: 1px solid #eeeeee;
  1075. }
  1076. ul.element_thumb_actions li.star a img
  1077. {
  1078. }
  1079. ul.element_thumb_actions li.separator
  1080. {
  1081. }
  1082. td.element_content
  1083. {
  1084. vertical-align: top;
  1085. padding-top: 5px;
  1086. padding-left: 15px;
  1087. padding-bottom: 5px;
  1088. padding-right: 0px;
  1089. color: #404040;
  1090. }
  1091. td.element_content a
  1092. {
  1093. color: #b80c1a;
  1094. }
  1095. td.element_content .element_name a
  1096. {
  1097. color: #171717;
  1098. font-weight: bold;
  1099. font-size: 15px;
  1100. }
  1101. ul.element_links_actions
  1102. {
  1103. float: right;
  1104. margin: 0px;
  1105. padding: 0px;
  1106. border: 1px solid #c7c7c7;
  1107. height: 18px;
  1108. padding: 0px 1px 1px;
  1109. background: #f8f8f8; /* Old browsers */
  1110. /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  1111. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjhmOGY4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q3ZDdkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkN2Q3ZDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  1112. background: -moz-linear-gradient(top, #f8f8f8 0%, #f8f8f8 0%, #d7d7d7 100%, #d7d7d7 100%); /* FF3.6+ */
  1113. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(0%,#f8f8f8), color-stop(100%,#d7d7d7), color-stop(100%,#d7d7d7)); /* Chrome,Safari4+ */
  1114. background: -webkit-linear-gradient(top, #f8f8f8 0%,#f8f8f8 0%,#d7d7d7 100%,#d7d7d7 100%); /* Chrome10+,Safari5.1+ */
  1115. background: -o-linear-gradient(top, #f8f8f8 0%,#f8f8f8 0%,#d7d7d7 100%,#d7d7d7 100%); /* Opera 11.10+ */
  1116. background: -ms-linear-gradient(top, #f8f8f8 0%,#f8f8f8 0%,#d7d7d7 100%,#d7d7d7 100%); /* IE10+ */
  1117. background: linear-gradient(to bottom, #f8f8f8 0%,#f8f8f8 0%,#d7d7d7 100%,#d7d7d7 100%); /* W3C */
  1118. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#d7d7d7',GradientType=0 ); /* IE6-8 */
  1119. -webkit-border-top-left-radius: 3px;
  1120. -webkit-border-bottom-left-radius: 3px;
  1121. -moz-border-radius-topleft: 3px;
  1122. -moz-border-radius-bottomleft: 3px;
  1123. border-top-left-radius: 3px;
  1124. border-bottom-left-radius: 3px;
  1125. -webkit-border-top-right-radius: 3px;
  1126. -webkit-border-bottom-right-radius: 3px;
  1127. -moz-border-radius-topright: 3px;
  1128. -moz-border-radius-bottomright: 3px;
  1129. border-top-right-radius: 3px;
  1130. border-bottom-right-radius: 3px;
  1131. }
  1132. ul.element_links_actions li
  1133. {
  1134. list-style-type: none;
  1135. display: inline;
  1136. float: left;
  1137. height: 18px;
  1138. border-right: 1px solid #c7c7c7;
  1139. border-left: 1px solid #ffffff;
  1140. }
  1141. ul.element_links_actions li:first-child
  1142. {
  1143. border-left: none;
  1144. }
  1145. ul.element_links_actions li:last-child
  1146. {
  1147. border-right: none;
  1148. }
  1149. .elements ul.element_tags
  1150. {
  1151. margin-top: 3px;
  1152. margin-left: 0px;
  1153. }
  1154. .elements ul.element_tags li, ul#autoplay_element ul.element_tags li
  1155. {
  1156. display: inline;
  1157. font-size: 90%;
  1158. }
  1159. ul.element_tags .button
  1160. {
  1161. padding: 2px 4px 2px 4px;
  1162. font-size: 95%;
  1163. }
  1164. .button {
  1165. display: inline-block;
  1166. line-height: 1;
  1167. padding: 4px 7px;
  1168. font-weight: bold;
  1169. -moz-border-radius: 3px;
  1170. -webkit-border-radius: 3px;
  1171. -khtml-border-radius: 3px;
  1172. border-radius: 3px;
  1173. border: 1px solid #2b82ad;
  1174. text-transform : uppercase;
  1175. border: 1px solid #b0b0b0;
  1176. background: #f3f3f3; /* Old browsers */
  1177. /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  1178. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjNmM2YzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q1ZDVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNWQ1ZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  1179. background: -moz-linear-gradient(top, #f3f3f3 0%, #f3f3f3 0%, #d5d5d5 100%, #d5d5d5 100%); /* FF3.6+ */
  1180. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(0%,#f3f3f3), color-stop(100%,#d5d5d5), color-stop(100%,#d5d5d5)); /* Chrome,Safari4+ */
  1181. background: -webkit-linear-gradient(top, #f3f3f3 0%,#f3f3f3 0%,#d5d5d5 100%,#d5d5d5 100%); /* Chrome10+,Safari5.1+ */
  1182. background: -o-linear-gradient(top, #f3f3f3 0%,#f3f3f3 0%,#d5d5d5 100%,#d5d5d5 100%); /* Opera 11.10+ */
  1183. background: -ms-linear-gradient(top, #f3f3f3 0%,#f3f3f3 0%,#d5d5d5 100%,#d5d5d5 100%); /* IE10+ */
  1184. background: linear-gradient(to bottom, #f3f3f3 0%,#f3f3f3 0%,#d5d5d5 100%,#d5d5d5 100%); /* W3C */
  1185. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-8 */
  1186. }
  1187. a.button.element_tag, ul.tagbox li.tag, ul.search_tag_list li, ul#favorite_tags li
  1188. {
  1189. padding: 6px;
  1190. border: none;
  1191. background: #474747; /* Old browsers */
  1192. /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  1193. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ3NDc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNDc0NzQ3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIxMjEyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMTIxMjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  1194. background: -moz-linear-gradient(top, #474747 0%, #474747 0%, #212121 100%, #212121 100%); /* FF3.6+ */
  1195. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474747), color-stop(0%,#474747), color-stop(100%,#212121), color-stop(100%,#212121)); /* Chrome,Safari4+ */
  1196. background: -webkit-linear-gradient(top, #474747 0%,#474747 0%,#212121 100%,#212121 100%); /* Chrome10+,Safari5.1+ */
  1197. background: -o-linear-gradient(top, #474747 0%,#474747 0%,#212121 100%,#212121 100%); /* Opera 11.10+ */
  1198. background: -ms-linear-gradient(top, #474747 0%,#474747 0%,#212121 100%,#212121 100%); /* IE10+ */
  1199. background: linear-gradient(to bottom, #474747 0%,#474747 0%,#212121 100%,#212121 100%); /* W3C */
  1200. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#212121',GradientType=0 ); /* IE6-8 */
  1201. }
  1202. td.element_content li.element_tag a.button, ul.tagbox li.tag
  1203. {
  1204. color: #fff;
  1205. text-decoration: none;
  1206. text-transform : uppercase;
  1207. }
  1208. .button.active
  1209. {
  1210. background-color: #39C9CC;
  1211. }
  1212. li.element a.element_tag_large_for_fav_still
  1213. {
  1214. padding-right: 17px;
  1215. }
  1216. li.element a.tag_to_favorites, li.element img.tag_to_favorites
  1217. {
  1218. margin-left: -17px;
  1219. margin-right: 4px;
  1220. }
  1221. img.tag_to_favorites
  1222. {
  1223. margin-bottom: -1px;
  1224. }
  1225. img.tag_add_to_favorites
  1226. {
  1227. margin-bottom: -1px;
  1228. margin-left: 1px;
  1229. }
  1230. td.element_content a.display_comments, td.element_content a.add_comment, td.element_content a.hide_comments, div.comments a.add_comment
  1231. {
  1232. color: #404040;
  1233. }
  1234. div.comments form.add_comment textarea, div.comments form.edit_comment textarea
  1235. {
  1236. width: 75%;
  1237. height: 48px;
  1238. }
  1239. div.comments form.add_comment div.buttons input, div.comments form.edit_comment div.buttons input
  1240. {
  1241. margin-top: 1px;
  1242. margin-bottom: 1px;
  1243. }
  1244. aside#sidebar div.nicebox
  1245. {
  1246. background-color: #f5f6f6;
  1247. margin-bottom: 18px;
  1248. padding: 12px;
  1249. }
  1250. div#user_statusbox
  1251. {
  1252. margin-top: 25px;
  1253. }
  1254. div.user_score
  1255. {
  1256. float: left;
  1257. padding-top: 4px;
  1258. border: 1px solid #D3D3D3;
  1259. background-color: white;
  1260. text-align: center;
  1261. width: 138px;
  1262. }
  1263. .blackgradiant
  1264. {
  1265. background: #474747; /* Old browsers */
  1266. /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  1267. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ3NDc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNDc0NzQ3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIxMjEyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMTIxMjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  1268. background: -moz-linear-gradient(top, #474747 0%, #474747 0%, #212121 100%, #212121 100%); /* FF3.6+ */
  1269. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474747), color-stop(0%,#474747), color-stop(100%,#212121), color-stop(100%,#212121)); /* Chrome,Safari4+ */
  1270. background: -webkit-linear-gradient(top, #474747 0%,#474747 0%,#212121 100%,#212121 100%); /* Chrome10+,Safari5.1+ */
  1271. background: -o-linear-gradient(top, #474747 0%,#474747 0%,#212121 100%,#212121 100%); /* Opera 11.10+ */
  1272. background: -ms-linear-gradient(top, #474747 0%,#474747 0%,#212121 100%,#212121 100%); /* IE10+ */
  1273. background: linear-gradient(to bottom, #474747 0%,#474747 0%,#212121 100%,#212121 100%); /* W3C */
  1274. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#212121',GradientType=0 ); /* IE6-8 */
  1275. }
  1276. div.user_avatar
  1277. {
  1278. height: 137px;
  1279. padding-right: 1px;
  1280. }
  1281. div.user_score div.score
  1282. {
  1283. color: #f5f6f6;
  1284. height: 29px;
  1285. font-weight: bold;
  1286. font-size: 18px;
  1287. padding-top: 5px;
  1288. margin-bottom: 4px;
  1289. margin-left: 3px;
  1290. margin-right: 5px;
  1291. }
  1292. ul.user_events_infos
  1293. {
  1294. margin: 0;
  1295. padding: 0;
  1296. margin-left: 150px;
  1297. margin-top: 10px;
  1298. width: 126px;
  1299. }
  1300. ul.user_events_infos li
  1301. {
  1302. list-style-type: none;
  1303. height: 29px;
  1304. font-weight: bold;
  1305. border-bottom: 1px solid #c0c1c1;
  1306. padding-top: 6px;
  1307. vertical-align: middle;
  1308. }
  1309. ul.user_events_infos li img, ul.user_events_infos li span
  1310. {
  1311. float: left;
  1312. }
  1313. ul.user_events_infos li img
  1314. {
  1315. padding-right: 8px;
  1316. }
  1317. ul.user_events_infos li span
  1318. {
  1319. margin-top: 2px;
  1320. }
  1321. ul.user_events_infos li:first-child
  1322. {
  1323. padding-top: 0px;
  1324. height: 25px;
  1325. }
  1326. ul.user_events_infos li:last-child
  1327. {
  1328. border-bottom: none;
  1329. }
  1330. ul.user_events_infos li.user_name
  1331. {
  1332. text-transform : uppercase;
  1333. overflow: hidden;
  1334. text-overflow: ellipsis;
  1335. white-space: nowrap;
  1336. }
  1337. div.seachboxcontainer
  1338. {
  1339. -webkit-box-shadow: inset 0px 0px 2px 3px #c8c8c8;
  1340. box-shadow: inset 0px 0px 2px 3px #c8c8c8;
  1341. height: 34px;
  1342. -moz-border-radius: 4px;
  1343. -webkit-border-radius: 4px;
  1344. -khtml-border-radius: 4px;
  1345. border-radius: 4px;
  1346. }
  1347. div.seachboxcontainer input
  1348. {
  1349. background: none;
  1350. border: none;
  1351. height: 34px;
  1352. margin: 0;
  1353. padding: 0;
  1354. padding-left: 6px;
  1355. width: 222px;
  1356. }
  1357. div.seachboxcontainer img
  1358. {
  1359. border-left: 1px solid #C4C0C0;
  1360. float: right;
  1361. margin-right: 8px;
  1362. margin-top: 3px;
  1363. padding-left: 5px;
  1364. }
  1365. ul.social_links
  1366. {
  1367. margin: 0px;
  1368. padding: 0px;
  1369. height: 35px;
  1370. margin-left: 22px;
  1371. }
  1372. ul.social_links li
  1373. {
  1374. list-style-type: none;
  1375. display: inline;
  1376. float: left;
  1377. padding-left: 10px;
  1378. padding-right: 10px;
  1379. border-left: 1px solid #E2E2E2;
  1380. border-right: 1px solid #E2E2E2;
  1381. }
  1382. ul.social_links li:first-child, ul.social_links li:last-child
  1383. {
  1384. border: none;
  1385. }
  1386. aside#sidebar div#secondarymenu, aside#sidebar div#secondarymenu ul.secondarymenu, aside#sidebar div#secondarymenu ul.submenu
  1387. {
  1388. padding: 0;
  1389. margin: 0;
  1390. }
  1391. div#secondarymenu ul.secondarymenu li
  1392. {
  1393. list-style-type: none;
  1394. }
  1395. div#secondarymenu ul.secondarymenu li.top_menu_element div
  1396. {
  1397. padding: 10px;
  1398. }
  1399. div#secondarymenu ul.secondarymenu li.top_menu_element a
  1400. {
  1401. color: white;
  1402. text-transform : uppercase;
  1403. font-weight: bold;
  1404. }
  1405. div#secondarymenu ul.submenu li.sub_menu_element
  1406. {
  1407. padding: 10px;
  1408. padding-left: 20px;
  1409. background-color: #f5f6f6;
  1410. border-top: 1px solid #dadbdb;
  1411. border-bottom: 1px solid #dadbdb;
  1412. background: url("/img/icon_list_chip.png") no-repeat scroll 2% 50% transparent;
  1413. }
  1414. div#secondarymenu ul.submenu li.sub_menu_element:first-child
  1415. {
  1416. border-top: none;
  1417. }
  1418. div#secondarymenu ul.submenu li.sub_menu_element:last-child
  1419. {
  1420. border-bottom: none;
  1421. }
  1422. div#secondarymenu ul.submenu li.sub_menu_element a
  1423. {
  1424. color: black;
  1425. text-transform : uppercase;
  1426. font-weight: inherit;
  1427. }
  1428. div#secondarymenu ul.secondarymenu li.top_menu_element.close div.dart
  1429. {
  1430. background: url("/img/icon_dart_top.png") no-repeat;
  1431. width: 15px;
  1432. height: 15px;
  1433. float: right;
  1434. margin-top: 2px;
  1435. padding: 0;
  1436. }
  1437. div#secondarymenu ul.secondarymenu li.top_menu_element.close ul.submenu
  1438. {
  1439. display: none;
  1440. }
  1441. div#secondarymenu ul.secondarymenu li.top_menu_element.open div.dart
  1442. {
  1443. background: url("/img/icon_dart_bottom.png") no-repeat scroll 95% 50% transparent;
  1444. width: 15px;
  1445. height: 15px;
  1446. float: right;
  1447. margin-top: 2px;
  1448. padding: 0;
  1449. }
  1450. div#secondarymenu ul.secondarymenu li.top_menu_element.open ul.submenu
  1451. {
  1452. display: block;
  1453. }
  1454. #tabs_tag_search_buttons
  1455. {
  1456. margin: 0;
  1457. padding: 0;
  1458. border-left: 1px solid #d3d3d3;
  1459. border-top: 1px solid #d3d3d3;
  1460. border-right: 1px solid #d3d3d3;
  1461. float: left;
  1462. margin-left: -1px;
  1463. margin-top: -61px;
  1464. font-weight: bold;
  1465. -webkit-border-top-left-radius: 3px;
  1466. -webkit-border-bottom-left-radius: 3px;
  1467. -moz-border-radius-topleft: 3px;
  1468. -moz-border-radius-bottomleft: 3px;
  1469. border-top-left-radius: 3px;
  1470. border-bottom-left-radius: 3px;
  1471. -webkit-border-top-right-radius: 3px;
  1472. -webkit-border-bottom-right-radius: 3px;
  1473. -moz-border-radius-topright: 3px;
  1474. -moz-border-radius-bottomright: 3px;
  1475. border-top-right-radius: 3px;
  1476. border-bottom-right-radius: 3px;
  1477. }
  1478. #tabs_tag_search_buttons a
  1479. {
  1480. color: black;
  1481. }
  1482. #tabs_tag_search_buttons li
  1483. {
  1484. list-style-type: none;
  1485. display: inline;
  1486. float: left;
  1487. padding: 20px;
  1488. background: #dddddd; /* Old browsers */
  1489. /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  1490. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NhY2FjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYWNhY2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  1491. background: -moz-linear-gradient(top, #dddddd 0%, #dddddd 0%, #cacaca 100%, #cacaca 100%); /* FF3.6+ */
  1492. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(0%,#dddddd), color-stop(100%,#cacaca), color-stop(100%,#cacaca)); /* Chrome,Safari4+ */
  1493. background: -webkit-linear-gradient(top, #dddddd 0%,#dddddd 0%,#cacaca 100%,#cacaca 100%); /* Chrome10+,Safari5.1+ */
  1494. background: -o-linear-gradient(top, #dddddd 0%,#dddddd 0%,#cacaca 100%,#cacaca 100%); /* Opera 11.10+ */
  1495. background: -ms-linear-gradient(top, #dddddd 0%,#dddddd 0%,#cacaca 100%,#cacaca 100%); /* IE10+ */
  1496. background: linear-gradient(to bottom, #dddddd 0%,#dddddd 0%,#cacaca 100%,#cacaca 100%); /* W3C */
  1497. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#cacaca',GradientType=0 ); /* IE6-8 */
  1498. }
  1499. #tabs_tag_search_buttons li.selected
  1500. {
  1501. list-style-type: none;
  1502. padding: 20px;
  1503. background: #f3f3f3; /* Old browsers */
  1504. /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  1505. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjNmM2YzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  1506. background: -moz-linear-gradient(top, #f3f3f3 0%, #f3f3f3 0%, #e2e2e2 100%, #e2e2e2 100%); /* FF3.6+ */
  1507. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(0%,#f3f3f3), color-stop(100%,#e2e2e2), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
  1508. background: -webkit-linear-gradient(top, #f3f3f3 0%,#f3f3f3 0%,#e2e2e2 100%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
  1509. background: -o-linear-gradient(top, #f3f3f3 0%,#f3f3f3 0%,#e2e2e2 100%,#e2e2e2 100%); /* Opera 11.10+ */
  1510. background: -ms-linear-gradient(top, #f3f3f3 0%,#f3f3f3 0%,#e2e2e2 100%,#e2e2e2 100%); /* IE10+ */
  1511. background: linear-gradient(to bottom, #f3f3f3 0%,#f3f3f3 0%,#e2e2e2 100%,#e2e2e2 100%); /* W3C */
  1512. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-8 */
  1513. }
  1514. #tabs_tag_search_buttons li:first-child
  1515. {
  1516. -webkit-box-shadow: -1px -1px 1px 1px rgba(0, 0, 0, 0.1);
  1517. -moz-box-shadow: -1px -1px 1px 1px rgba(0, 0, 0, 0.1);
  1518. box-shadow: -1px -1px 1px 1px rgba(0, 0, 0, 0.1);
  1519. }
  1520. #tabs_tag_search_buttons li:last-child
  1521. {
  1522. -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  1523. -moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  1524. box-shadow: 1px -1px 1px 1px rgba(0, 0, 0, 0.1);
  1525. }
  1526. #tabs_tag_search_buttons li div.dart
  1527. {
  1528. display: none;
  1529. height: 16px;
  1530. margin-left: 30px;
  1531. margin-top: 6px;
  1532. width: 30px;
  1533. background: url("/img/icon_bigtag_choosed.png") no-repeat scroll 0 0 transparent;
  1534. position: absolute;
  1535. }
  1536. #tabs_tag_search_buttons li.selected div.dart
  1537. {
  1538. display: block;
  1539. }
  1540. ul.tagbox a.close
  1541. {
  1542. background: url("/img/icon_close_red.png") repeat scroll 0 100% transparent;
  1543. position: absolute;
  1544. width: 11px;
  1545. text-indent: -9999px;
  1546. margin-left: 2px;
  1547. }
  1548. ul.tagbox li.tag
  1549. {
  1550. padding-right: 18px;
  1551. }
  1552. ul.tagbox li.tag, ul#favorite_tags li
  1553. {
  1554. border-radius: 3px 3px 3px 3px;
  1555. display: inline-block;
  1556. font-size: 13px;
  1557. font-weight: bold;
  1558. line-height: 1;
  1559. margin-bottom: 1px;
  1560. margin-right: 3px;
  1561. -moz-border-radius: 4px;
  1562. -webkit-border-radius: 4px;
  1563. -khtml-border-radius: 4px;
  1564. border-radius: 4px;
  1565. }
  1566. ul.tagbox li.input {display:block; float:left;}
  1567. ul.tagbox input:focus {
  1568. border-color: #fff;
  1569. }
  1570. ul.tagbox input {
  1571. width: 50px;
  1572. margin: 0;
  1573. border: 0;
  1574. outline: 0;
  1575. line-height:1.2;
  1576. padding: 3px 0;
  1577. font-size: 105%;
  1578. }
  1579. ul#favorite_tags li
  1580. {
  1581. margin-right: 0px;
  1582. }
  1583. #element_add_link, #element_add_close_link, #group_add_link, #group_add_close_link, #registration_link, #login_link
  1584. {
  1585. float: right;
  1586. margin-top: -58px;
  1587. padding: 15px;
  1588. color: white;
  1589. border: none;
  1590. background: #f6282d; /* Old browsers */
  1591. /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  1592. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2MjgyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjYyODJkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M1MDYxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNTA2MTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  1593. background: -moz-linear-gradient(top, #f6282d 0%, #f6282d 0%, #c50617 100%, #c50617 100%); /* FF3.6+ */
  1594. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6282d), color-stop(0%,#f6282d), color-stop(100%,#c50617), color-stop(100%,#c50617)); /* Chrome,Safari4+ */
  1595. background: -webkit-linear-gradient(top, #f6282d 0%,#f6282d 0%,#c50617 100%,#c50617 100%); /* Chrome10+,Safari5.1+ */
  1596. background: -o-linear-gradient(top, #f6282d 0%,#f6282d 0%,#c50617 100%,#c50617 100%); /* Opera 11.10+ */
  1597. background: -ms-linear-gradient(top, #f6282d 0%,#f6282d 0%,#c50617 100%,#c50617 100%); /* IE10+ */
  1598. background: linear-gradient(to bottom, #f6282d 0%,#f6282d 0%,#c50617 100%,#c50617 100%); /* W3C */
  1599. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6282d', endColorstr='#c50617',GradientType=0 ); /* IE6-8 */
  1600. }
  1601. #registration_link, #login_link
  1602. {
  1603. margin-right: -10px;
  1604. margin-top: -68px;
  1605. }
  1606. #element_add_link img, #element_add_close_link img, #group_add_link img, #group_add_close_link img, #registration_link img, #login_link img
  1607. {
  1608. margin-bottom: -5px;
  1609. margin-right: -5px;
  1610. }
  1611. #element_add_link.justtopright, #element_add_close_link.justtopright, #group_add_link.justtopright, #group_add_close_link.justtopright
  1612. {
  1613. margin-top: 0px;
  1614. margin-right: 0px;
  1615. }
  1616. .top_tools
  1617. {
  1618. padding: 10px;
  1619. margin-bottom: 10px;
  1620. }
  1621. form[name="search"]
  1622. {
  1623. margin-top: -5px;
  1624. }
  1625. form[name="search"] input[type="submit"]
  1626. {
  1627. float: right;
  1628. height: 34px;
  1629. margin-top: -55px;
  1630. }
  1631. .top_tools input.tag_prompt
  1632. {
  1633. text-align: center;
  1634. width: 518px;
  1635. }
  1636. .niceinput
  1637. {
  1638. -webkit-box-shadow: inset 0px 0px 2px 3px #c8c8c8;
  1639. box-shadow: inset 0px 0px 2px 3px #c8c8c8;
  1640. height: 34px;
  1641. -moz-border-radius: 4px;
  1642. -webkit-border-radius: 4px;
  1643. -khtml-border-radius: 4px;
  1644. border-radius: 4px;
  1645. border: medium none;
  1646. padding-left: 10px;
  1647. padding-right: 10px;
  1648. }
  1649. .nicetextbox
  1650. {
  1651. -webkit-box-shadow: inset 0px 0px 2px 3px #c8c8c8;
  1652. box-shadow: inset 0px 0px 2px 3px #c8c8c8;
  1653. height: 34px;
  1654. -moz-border-radius: 4px;
  1655. -webkit-border-radius: 4px;
  1656. -khtml-border-radius: 4px;
  1657. border-radius: 4px;
  1658. border: medium none;
  1659. padding: 10px;
  1660. padding-right: 10px;
  1661. }
  1662. input:-moz-placeholder, textarea:-moz-placeholder {
  1663. color: black;
  1664. }
  1665. input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  1666. color: black;
  1667. }
  1668. a.elements_more div
  1669. {
  1670. height: 32px;
  1671. width: 100%;
  1672. padding: 0px;
  1673. text-align: center;
  1674. background-image: url("/img/more_result.png");
  1675. background-repeat: no-repeat;
  1676. padding-top: 30px;
  1677. text-transform : uppercase;
  1678. }
  1679. a.elements_more
  1680. {
  1681. color: black;
  1682. font-weight: bold;
  1683. }
  1684. a.elements_more:hover
  1685. {
  1686. color: black;
  1687. }
  1688. div#element_add_box
  1689. {
  1690. padding: 10px;
  1691. }
  1692. #element_add_box h2
  1693. {
  1694. margin-top: 0px;
  1695. }
  1696. div#form_add_first_part #element_add_url
  1697. {
  1698. height: 29px;
  1699. width: 485px;
  1700. }
  1701. #tabs_tag_search_buttons a
  1702. {
  1703. padding-left: 5px;
  1704. }
  1705. #tabs_tag_search_buttons img
  1706. {
  1707. float: left;
  1708. }
  1709. .muzichlogodecored
  1710. {
  1711. background-image: url("/img/icon_minilogo_2.png");
  1712. background-repeat: no-repeat;
  1713. background-position: left center;
  1714. }
  1715. a#autoplay_launch
  1716. {
  1717. -moz-border-radius: 3px 3px 0px 0px;
  1718. -webkit-border-radius: 3px 3px 0px 0px;
  1719. -khtml-border-radius: 3px 3px 0px 0px;
  1720. padding-bottom: 0px;
  1721. border-bottom: none;
  1722. margin-right: -4px;
  1723. margin-top: -3px;
  1724. }
  1725. div#tags_prompt_add
  1726. {
  1727. width: 465px;
  1728. }
  1729. div#tags_prompt_add input.tag_prompt
  1730. {
  1731. width: 450px;
  1732. }
  1733. div#form_add_second_part table td
  1734. {
  1735. padding: 10px;
  1736. }
  1737. div#form_add_second_part input[type="submit"]
  1738. {
  1739. float: right;
  1740. margin-top: -25px;
  1741. }
  1742. div#footer
  1743. {
  1744. height: 104px;
  1745. width: 100%;
  1746. margin-top: 25px;
  1747. border-top: 4px solid #E51936;
  1748. background-color: #171717;
  1749. text-align: center;
  1750. position: absolute;
  1751. bottom:0;
  1752. }
  1753. div#footer_content
  1754. {
  1755. margin-left: auto;
  1756. margin-right: auto;
  1757. width: 980px;
  1758. color: #999999;
  1759. }
  1760. div#footer_content a
  1761. {
  1762. color: #999999;
  1763. }
  1764. div#footer_logo
  1765. {
  1766. line-height: 18px;
  1767. margin-top: 25px;
  1768. padding-left: 0;
  1769. padding-right: 40px;
  1770. text-align: left;
  1771. width: 191px;
  1772. float: left;
  1773. }
  1774. div#footer_logo img
  1775. {
  1776. float: left;
  1777. padding-right: 10px;
  1778. }
  1779. span.fotter_muzich_big
  1780. {
  1781. font-size: 22px;
  1782. font-weight: bold;
  1783. }
  1784. div#footer_content ul.footer_pages_links
  1785. {
  1786. float: left;
  1787. height: 74px;
  1788. margin-bottom: 0;
  1789. margin-top: 12px;
  1790. padding-top: 10px;
  1791. margin-left: 0;
  1792. padding-left: 32px;
  1793. width: 210px;
  1794. border-left: 1px solid #2F2F2F;
  1795. text-align: left;
  1796. }
  1797. div#footer_content ul.footer_pages_links li
  1798. {
  1799. list-style-image: url("/img/list_chip_red.png");
  1800. }
  1801. div.search_tag_list ul.search_tag_list
  1802. {
  1803. list-style-image: none;
  1804. padding:0;
  1805. margin:0;
  1806. list-style-type:none;
  1807. overflow: hidden;
  1808. }
  1809. div.search_tag_list ul.search_tag_list li
  1810. {
  1811. float: left;
  1812. margin-right: 4px;
  1813. margin-left: 4px;
  1814. margin-top: 2px;
  1815. margin-bottom: 2px;
  1816. padding: 2px 4px 2px 4px;
  1817. background-color: #d9f7ff;
  1818. border-radius: 4px;
  1819. -moz-border-radius: 4px;
  1820. -webkit-border-radius: 4px;
  1821. -webkit-box-shadow: #666 0px 2px 3px;
  1822. -moz-box-shadow: #666 0px 2px 3px;
  1823. box-shadow: #666 0px 2px 3px;
  1824. }
  1825. div.search_tag_list ul.search_tag_list li.new
  1826. {
  1827. font-weight: bold;
  1828. background: #e0e0e0;
  1829. color: black;
  1830. }
  1831. #container div.search_tag_list ul.search_tag_list li.new a
  1832. {
  1833. color: black;
  1834. }
  1835. div.search_tag_list ul.search_tag_list li:hover
  1836. {
  1837. background-color: #999999;
  1838. }
  1839. div.search_tag_list span.info
  1840. {
  1841. text-shadow: 1px 1px 1px #666;
  1842. font-weight: bold;
  1843. font-size: 17px;
  1844. }
  1845. #container ul.search_tag_list li a
  1846. {
  1847. color: #E7E7E7;
  1848. }
  1849. #container ul.search_tag_list li a:hover
  1850. {
  1851. text-decoration: none;
  1852. }
  1853. ul.search_tag_list li a
  1854. {
  1855. color: white;
  1856. }
  1857. div#search_tag_search a.more, div#search_tag_add a.more
  1858. {
  1859. color: black;
  1860. }
  1861. div#search_tag_search p.help
  1862. {
  1863. font-size: 11px;
  1864. font-style: italic;
  1865. }
  1866. .textcenter
  1867. {
  1868. text-align: center;
  1869. }
  1870. ul#form_add_prop_tags_api li
  1871. {
  1872. float: left;
  1873. list-style-type: none;
  1874. margin-right: 15px;
  1875. }
  1876. ul#form_add_prop_tags_api li:hover
  1877. {
  1878. text-decoration: underline;
  1879. }
  1880. ul.elements li.element.selected
  1881. {
  1882. background-color: #E7E7E7;
  1883. }
  1884. ul.elements li.element h2
  1885. {
  1886. margin-top: 0px;
  1887. }
  1888. ul.elements li.element fieldset
  1889. {
  1890. margin-bottom: 5px;
  1891. }
  1892. ul.elements li.element fieldset.edit_url label, ul.elements li.element fieldset.edit_name label, ul.elements li.element fieldset.edit_tags label
  1893. {
  1894. display: block;
  1895. float: left;
  1896. width: 80px;
  1897. font-size: 16px;
  1898. padding-top: 6px;
  1899. font-weight: bold;
  1900. }
  1901. ul.elements li.element fieldset.edit_tags label
  1902. {
  1903. float: left;
  1904. }
  1905. ul.elements li.element fieldset.edit_url input[type="text"], ul.elements li.element fieldset.edit_name input[type="text"]
  1906. {
  1907. width: 520px;
  1908. font-size: 100%;
  1909. height: 30px;
  1910. }
  1911. ul.elements li.element fieldset.edit_tags input.tag_prompt
  1912. {
  1913. width: 600px;
  1914. }
  1915. ul.elements li.element div.inputs
  1916. {
  1917. text-align: right;
  1918. }
  1919. div.no_elements
  1920. {
  1921. text-align: center;
  1922. }
  1923. ul#autoplay_element
  1924. {
  1925. margin: 0px;
  1926. padding: 0px;
  1927. }
  1928. ul#autoplay_element li
  1929. {
  1930. list-style-type: none;
  1931. }
  1932. ul.tagbox {
  1933. cursor: text;
  1934. border: none;
  1935. overflow: hidden;
  1936. padding: 0 0 1px 3px;
  1937. margin-left: 0px;
  1938. }
  1939. ul.tagbox li {
  1940. margin:0;
  1941. }
  1942. ul#favorite_tags
  1943. {
  1944. padding:0;
  1945. margin-top:10px;
  1946. margin-bottom: 10px;
  1947. margin-left: 0px;
  1948. list-style-type:none;
  1949. }
  1950. ul#favorite_tags li a
  1951. {
  1952. color: white;
  1953. }
  1954. ul#favorite_tags li.list_length_big a
  1955. {
  1956. font-size: 16px;
  1957. padding-top: 2px;
  1958. padding-bottom: 2px;
  1959. }
  1960. ul#favorite_tags li.list_length_medium a
  1961. {
  1962. font-size: 15px;
  1963. padding-top: 3px;
  1964. padding-bottom: 3px;
  1965. }
  1966. ul#favorite_tags li a.active
  1967. {
  1968. color: #999999;
  1969. }
  1970. ul#favorite_tags li a.highlight
  1971. {
  1972. color: #E51936;
  1973. }
  1974. ul#favorite_tags li a.highlight.active
  1975. {
  1976. color: #999999;
  1977. }
  1978. input#element_add_name
  1979. {
  1980. width: 450px;
  1981. }
  1982. .darkbutton {
  1983. background-color: #585454;
  1984. padding: 8px 8px 6px 6px;
  1985. border: 1px solid black;
  1986. text-transform : uppercase;
  1987. font-size: 70%;
  1988. font-weight: bold;
  1989. background: none;
  1990. background-color: #555;
  1991. box-shadow: 0 1px 1px 0 #696465 inset;
  1992. color: white;
  1993. }
  1994. div.top_tools div.show_options
  1995. {
  1996. float: right;
  1997. padding: 10px;
  1998. }
  1999. div.show_options a
  2000. {
  2001. color: white;
  2002. }
  2003. .nicelabels label
  2004. {
  2005. display: block;
  2006. float: left;
  2007. font-size: 16px;
  2008. font-weight: bold;
  2009. padding-top: 6px;
  2010. width: 100px;
  2011. }
  2012. div#group_add_box label
  2013. {
  2014. width: 110px;
  2015. }
  2016. div#group_add_box input#group_name
  2017. {
  2018. width: 488px;
  2019. }
  2020. div#group_add_box textarea#group_description
  2021. {
  2022. width: 487px;
  2023. height: 85px;
  2024. }
  2025. div#group_add_box input.tag_prompt
  2026. {
  2027. width: 96%;
  2028. }
  2029. div.alignright
  2030. {
  2031. text-align: right;
  2032. }
  2033. div#group_add_box input[type="submit"]
  2034. {
  2035. margin-top: 10px;
  2036. }
  2037. div#registration_box input.niceinput
  2038. {
  2039. width: 430px;
  2040. }
  2041. div#registration_box label
  2042. {
  2043. width: 170px;
  2044. }
  2045. div#registration_box div.field
  2046. {
  2047. margin-bottom: 5px;
  2048. }
  2049. .mainbox_start input.tag_prompt
  2050. {
  2051. width: 96%;
  2052. }
  2053. .mainbox_start input[type="submit"]
  2054. {
  2055. float: right;
  2056. margin-right: 7px;
  2057. margin-top: 10px;
  2058. }
  2059. div.global_search_results
  2060. {
  2061. margin-top: 10px;
  2062. }
  2063. div#add_url_title, div.element_title
  2064. {
  2065. width: 510px;
  2066. font-weight: bold;
  2067. font-size: 15px;
  2068. white-space: nowrap;
  2069. overflow: hidden;
  2070. text-overflow: ellipsis;
  2071. }
  2072. .button
  2073. {
  2074. cursor: pointer;
  2075. }
  2076. .button:active, ul.element_links_actions li:active
  2077. {
  2078. background: #f6282d; /* Old browsers */
  2079. /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  2080. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2MjgyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjYyODJkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M1MDYxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNTA2MTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  2081. background: -moz-linear-gradient(top, #f6282d 0%, #f6282d 0%, #c50617 100%, #c50617 100%); /* FF3.6+ */
  2082. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6282d), color-stop(0%,#f6282d), color-stop(100%,#c50617), color-stop(100%,#c50617)); /* Chrome,Safari4+ */
  2083. background: -webkit-linear-gradient(top, #f6282d 0%,#f6282d 0%,#c50617 100%,#c50617 100%); /* Chrome10+,Safari5.1+ */
  2084. background: -o-linear-gradient(top, #f6282d 0%,#f6282d 0%,#c50617 100%,#c50617 100%); /* Opera 11.10+ */
  2085. background: -ms-linear-gradient(top, #f6282d 0%,#f6282d 0%,#c50617 100%,#c50617 100%); /* IE10+ */
  2086. background: linear-gradient(to bottom, #f6282d 0%,#f6282d 0%,#c50617 100%,#c50617 100%); /* W3C */
  2087. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6282d', endColorstr='#c50617',GradientType=0 ); /* IE6-8 */
  2088. }
  2089. div#tags_prompt_tag_favorites_form input.tag_prompt
  2090. {
  2091. width: 95%;
  2092. }
  2093. form[name="tag_favorites_form"] input.button
  2094. {
  2095. float: right;
  2096. margin-right: 11px;
  2097. margin-top: 5px;
  2098. }
  2099. form.changepassword label
  2100. {
  2101. width: 210px;
  2102. }
  2103. form.changepassword input[type="password"]
  2104. {
  2105. margin-bottom: 2px;
  2106. width: 388px;
  2107. }
  2108. form.changepassword input[type="submit"]
  2109. {
  2110. float: right;
  2111. margin-top: 5px;
  2112. margin-right: 7px;
  2113. }
  2114. form.changeemail label
  2115. {
  2116. width: 210px;
  2117. }
  2118. form.changeemail input[type="text"]
  2119. {
  2120. width: 388px;
  2121. }
  2122. form.changeemail input[type="submit"]
  2123. {
  2124. float: right;
  2125. margin-top: 5px;
  2126. margin-right: 7px;
  2127. }
  2128. div#myaccount h2
  2129. {
  2130. cursor: pointer;
  2131. }
  2132. div#myaccount h2:hover
  2133. {
  2134. text-decoration: underline;
  2135. }
  2136. div.tag_proposition input.tag_prompt
  2137. {
  2138. width: 605px;
  2139. }
  2140. div.tag_proposition input.button
  2141. {
  2142. float: right;
  2143. margin-top: 5px;
  2144. margin-left: 5px;
  2145. }
  2146. li.element_view_propositions_link
  2147. {
  2148. padding-left: 2px;
  2149. padding-right: 2px;
  2150. padding-top: 1px;
  2151. }
  2152. div#results_search_form div.seachboxcontainer input
  2153. {
  2154. width: 570px;
  2155. }
  2156. div.display_more_elements
  2157. {
  2158. padding: 10px;
  2159. text-align: center;
  2160. }
  2161. div.element_embed div.jp-playlist ul
  2162. {
  2163. text-align: left;
  2164. }
  2165. div.reputation img
  2166. {
  2167. float: left;
  2168. margin: 4px;
  2169. margin-right: 8px;
  2170. margin-top: 8px;
  2171. }
  2172. p.show_info
  2173. {
  2174. margin-top: 0px;
  2175. }
  2176. div#presubscription
  2177. {
  2178. margin-top: 23px;
  2179. }
  2180. div#presubscription input[type="email"]
  2181. {
  2182. width: 253px;
  2183. }
  2184. div#presubscription input[type="submit"]
  2185. {
  2186. margin-top: 10px;
  2187. margin-right: 1px;
  2188. }
  2189. ul.element_thumb_actions li.score
  2190. {
  2191. color: black;
  2192. }
  2193. div#myaccount_preferences input[type="submit"]
  2194. {
  2195. float: right;
  2196. margin-right: 7px;
  2197. margin-top: 5px;
  2198. }