main.css 22KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806
  1. body
  2. {
  3. background-color: #f4f4f4;
  4. }
  5. body a
  6. {
  7. text-decoration: none;
  8. color: #B80C1A;
  9. }
  10. body a:visited
  11. {
  12. text-decoration: none;
  13. color: #B80C1A;
  14. }
  15. body a img
  16. {
  17. text-decoration: none;
  18. }
  19. header#header
  20. {
  21. height: 80px;
  22. background-image: url("/img/header_background.png");
  23. background-repeat: repeat-x;
  24. border-bottom: 3px solid #e51936;
  25. }
  26. header#header hgroup
  27. {
  28. width: 980px;
  29. margin-left: auto;
  30. margin-right: auto;
  31. text-align: left;
  32. }
  33. #header_logo
  34. {
  35. float: left;
  36. margin-top: 20px;
  37. }
  38. #header_menu
  39. {
  40. color: #ffffff;
  41. margin: 0px;
  42. padding: 0px;
  43. height: 80px;
  44. margin-left: 210px;
  45. width: 560px;
  46. }
  47. #header_menu li a, #register_and_login li a, #parameters li a
  48. {
  49. color: #ffffff;
  50. text-decoration: none;
  51. }
  52. #header_menu li a
  53. {
  54. display: block;
  55. text-decoration: none;
  56. font-weight: bold;
  57. padding-top: 45px;
  58. }
  59. #header_menu li
  60. {
  61. float: left;
  62. display: inline;
  63. padding-left: 13px;
  64. padding-right: 13px;
  65. height: 80px;
  66. }
  67. #header_menu li.selected, #header_menu li:hover
  68. {
  69. background-color: #e51936;
  70. }
  71. #header_menu li.separator
  72. {
  73. background-image: url("/img/header_menu_separator.png");
  74. background-repeat: no-repeat;
  75. width: 3px;
  76. padding-left: 1px;
  77. padding-right: 1px;
  78. }
  79. #register_and_login
  80. {
  81. float: right;
  82. margin: 0px;
  83. margin-top: 42px;
  84. margin-right: 15px;
  85. padding: 0px;
  86. }
  87. #register_and_login li
  88. {
  89. float: left;
  90. display: inline;
  91. }
  92. #register_and_login li a
  93. {
  94. background-color: #585454;
  95. padding: 8px 8px 6px 6px;
  96. border: 1px solid black;
  97. text-transform : uppercase;
  98. font-size: 70%;
  99. font-weight: bold;
  100. background-color: #555;
  101. box-shadow: 0 1px 1px 0 #696465 inset;
  102. }
  103. #register_and_login li a.left
  104. {
  105. -webkit-border-top-left-radius: 5px;
  106. -webkit-border-bottom-left-radius: 5px;
  107. -moz-border-radius-topleft: 5px;
  108. -moz-border-radius-bottomleft: 5px;
  109. border-top-left-radius: 5px;
  110. border-bottom-left-radius: 5px;
  111. }
  112. #register_and_login li a.right
  113. {
  114. -webkit-border-top-right-radius: 5px;
  115. -webkit-border-bottom-right-radius: 5px;
  116. -moz-border-radius-topright: 5px;
  117. -moz-border-radius-bottomright: 5px;
  118. border-top-right-radius: 5px;
  119. border-bottom-right-radius: 5px;
  120. }
  121. #parameters
  122. {
  123. float: right;
  124. border-right-width: 0;
  125. margin-bottom: 0;
  126. margin-left: -58px;
  127. margin-right: 10px;
  128. margin-top: 5px;
  129. padding: 0px
  130. }
  131. #parameters li
  132. {
  133. float: left;
  134. display: inline;
  135. }
  136. #parameters li a
  137. {
  138. float: left;
  139. display: inline;
  140. font-size: 80%;
  141. font-weight: bold;
  142. }
  143. #parameters li a.languages
  144. {
  145. padding-right: 3px;
  146. padding-top: 4px;
  147. }
  148. #content
  149. {
  150. display: table;
  151. width: 980px;
  152. margin-right: auto;
  153. margin-left: auto;
  154. }
  155. #main
  156. {
  157. display: table-cell;
  158. width: 650px;
  159. padding-right: 30px;
  160. }
  161. #mainbox
  162. {
  163. margin-top: 80px;
  164. }
  165. .nicebox
  166. {
  167. -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
  168. -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
  169. box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
  170. border: 1px solid #d3d3d3;
  171. }
  172. aside#sidebar
  173. {
  174. display: table-cell;
  175. width: 300px;
  176. vertical-align: top;
  177. }
  178. ul.elements li.element
  179. {
  180. background-color: #f8f8f8;
  181. border-top: 1px solid #c8c8c8;
  182. list-style-type: none;
  183. padding: 10px;
  184. }
  185. td.element_thumbnail
  186. {
  187. background-color: #d5d5d5;
  188. padding: 4px;
  189. text-align: center;
  190. width: 140px;
  191. }
  192. li.element img.element_thumbnail
  193. {
  194. border: 3px solid white;
  195. }
  196. .element_thumb_actions_container
  197. {
  198. }
  199. ul.element_thumb_actions
  200. {
  201. margin-top: 0;
  202. margin-bottom: 0;
  203. margin-left: auto;
  204. margin-right: auto;
  205. text-align: center;
  206. float: right;
  207. }
  208. ul.element_thumb_actions li
  209. {
  210. list-style-type: none;
  211. color: #787777;
  212. font-weight: bold;
  213. height: 20px;
  214. display: inline;
  215. float: left;
  216. padding-left: 9px;
  217. padding-right: 9px;
  218. }
  219. ul.element_thumb_actions li.score
  220. {
  221. padding-top: 2px;
  222. margin-top: 0px;
  223. border-right: 1px solid #bfbfbf;
  224. }
  225. ul.element_thumb_actions li.thumb
  226. {
  227. border-left: 1px solid #eeeeee;
  228. border-right: 1px solid #bfbfbf;
  229. }
  230. ul.element_thumb_actions li.star
  231. {
  232. padding-top: 2px;
  233. border-left: 1px solid #eeeeee;
  234. }
  235. ul.element_thumb_actions li.star a img
  236. {
  237. }
  238. ul.element_thumb_actions li.separator
  239. {
  240. }
  241. td.element_content
  242. {
  243. vertical-align: top;
  244. padding-top: 5px;
  245. padding-left: 15px;
  246. padding-bottom: 5px;
  247. padding-right: 0px;
  248. color: #404040;
  249. }
  250. td.element_content a
  251. {
  252. color: #b80c1a;
  253. }
  254. td.element_content .element_name a
  255. {
  256. color: #171717;
  257. font-weight: bold;
  258. font-size: 15px;
  259. }
  260. ul.element_links_actions
  261. {
  262. float: right;
  263. margin: 0px;
  264. padding: 0px;
  265. border: 1px solid #c7c7c7;
  266. height: 18px;
  267. padding: 0px 1px 1px;
  268. background: #f8f8f8; /* Old browsers */
  269. /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  270. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjhmOGY4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q3ZDdkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkN2Q3ZDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  271. background: -moz-linear-gradient(top, #f8f8f8 0%, #f8f8f8 0%, #d7d7d7 100%, #d7d7d7 100%); /* FF3.6+ */
  272. 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+ */
  273. background: -webkit-linear-gradient(top, #f8f8f8 0%,#f8f8f8 0%,#d7d7d7 100%,#d7d7d7 100%); /* Chrome10+,Safari5.1+ */
  274. background: -o-linear-gradient(top, #f8f8f8 0%,#f8f8f8 0%,#d7d7d7 100%,#d7d7d7 100%); /* Opera 11.10+ */
  275. background: -ms-linear-gradient(top, #f8f8f8 0%,#f8f8f8 0%,#d7d7d7 100%,#d7d7d7 100%); /* IE10+ */
  276. background: linear-gradient(to bottom, #f8f8f8 0%,#f8f8f8 0%,#d7d7d7 100%,#d7d7d7 100%); /* W3C */
  277. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#d7d7d7',GradientType=0 ); /* IE6-8 */
  278. -webkit-border-top-left-radius: 3px;
  279. -webkit-border-bottom-left-radius: 3px;
  280. -moz-border-radius-topleft: 3px;
  281. -moz-border-radius-bottomleft: 3px;
  282. border-top-left-radius: 3px;
  283. border-bottom-left-radius: 3px;
  284. -webkit-border-top-right-radius: 3px;
  285. -webkit-border-bottom-right-radius: 3px;
  286. -moz-border-radius-topright: 3px;
  287. -moz-border-radius-bottomright: 3px;
  288. border-top-right-radius: 3px;
  289. border-bottom-right-radius: 3px;
  290. }
  291. ul.element_links_actions li
  292. {
  293. list-style-type: none;
  294. display: inline;
  295. float: left;
  296. height: 18px;
  297. border-right: 1px solid #c7c7c7;
  298. border-left: 1px solid #ffffff;
  299. }
  300. ul.element_links_actions li:first-child
  301. {
  302. border-left: none;
  303. }
  304. ul.element_links_actions li:last-child
  305. {
  306. border-right: none;
  307. }
  308. .elements ul.element_tags
  309. {
  310. margin-top: 3px;
  311. margin-left: 0px;
  312. }
  313. .elements ul.element_tags li, ul#autoplay_element ul.element_tags li
  314. {
  315. display: inline;
  316. font-size: 90%;
  317. }
  318. ul.element_tags .button
  319. {
  320. padding: 2px 4px 2px 4px;
  321. font-size: 95%;
  322. }
  323. .button {
  324. display: inline-block;
  325. line-height: 1;
  326. padding: 4px 7px;
  327. font-weight: bold;
  328. -moz-border-radius: 3px;
  329. -webkit-border-radius: 3px;
  330. -khtml-border-radius: 3px;
  331. border-radius: 3px;
  332. border: 1px solid #2b82ad;
  333. text-transform : uppercase;
  334. border: 1px solid #b0b0b0;
  335. background: #f3f3f3; /* Old browsers */
  336. /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  337. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjNmM2YzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q1ZDVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNWQ1ZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  338. background: -moz-linear-gradient(top, #f3f3f3 0%, #f3f3f3 0%, #d5d5d5 100%, #d5d5d5 100%); /* FF3.6+ */
  339. 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+ */
  340. background: -webkit-linear-gradient(top, #f3f3f3 0%,#f3f3f3 0%,#d5d5d5 100%,#d5d5d5 100%); /* Chrome10+,Safari5.1+ */
  341. background: -o-linear-gradient(top, #f3f3f3 0%,#f3f3f3 0%,#d5d5d5 100%,#d5d5d5 100%); /* Opera 11.10+ */
  342. background: -ms-linear-gradient(top, #f3f3f3 0%,#f3f3f3 0%,#d5d5d5 100%,#d5d5d5 100%); /* IE10+ */
  343. background: linear-gradient(to bottom, #f3f3f3 0%,#f3f3f3 0%,#d5d5d5 100%,#d5d5d5 100%); /* W3C */
  344. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-8 */
  345. }
  346. a.button.element_tag, ul.tagbox li.tag
  347. {
  348. padding: 6px;
  349. border: none;
  350. background: #474747; /* Old browsers */
  351. /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  352. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ3NDc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNDc0NzQ3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIxMjEyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMTIxMjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  353. background: -moz-linear-gradient(top, #474747 0%, #474747 0%, #212121 100%, #212121 100%); /* FF3.6+ */
  354. 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+ */
  355. background: -webkit-linear-gradient(top, #474747 0%,#474747 0%,#212121 100%,#212121 100%); /* Chrome10+,Safari5.1+ */
  356. background: -o-linear-gradient(top, #474747 0%,#474747 0%,#212121 100%,#212121 100%); /* Opera 11.10+ */
  357. background: -ms-linear-gradient(top, #474747 0%,#474747 0%,#212121 100%,#212121 100%); /* IE10+ */
  358. background: linear-gradient(to bottom, #474747 0%,#474747 0%,#212121 100%,#212121 100%); /* W3C */
  359. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#212121',GradientType=0 ); /* IE6-8 */
  360. }
  361. td.element_content li.element_tag a.button, ul.tagbox li.tag
  362. {
  363. color: #fff;
  364. text-decoration: none;
  365. text-transform : uppercase;
  366. }
  367. .button:active {
  368. background-color: #39c9cc;
  369. }
  370. .button.active
  371. {
  372. background-color: #39C9CC;
  373. }
  374. li.element a.element_tag_large_for_fav_still
  375. {
  376. padding-right: 17px;
  377. }
  378. li.element a.tag_to_favorites, li.element img.tag_to_favorites
  379. {
  380. margin-left: -17px;
  381. margin-right: 4px;
  382. }
  383. img.tag_to_favorites
  384. {
  385. margin-bottom: -1px;
  386. }
  387. img.tag_add_to_favorites
  388. {
  389. margin-bottom: -1px;
  390. margin-left: 1px;
  391. }
  392. td.element_content a.display_comments, td.element_content a.add_comment, td.element_content a.hide_comments, div.comments a.add_comment
  393. {
  394. color: #404040;
  395. }
  396. div.comments form.add_comment textarea, div.comments form.edit_comment textarea
  397. {
  398. width: 75%;
  399. height: 48px;
  400. }
  401. div.comments form.add_comment div.buttons input, div.comments form.edit_comment div.buttons input
  402. {
  403. margin-top: 1px;
  404. margin-bottom: 1px;
  405. }
  406. aside#sidebar div.nicebox
  407. {
  408. background-color: #f5f6f6;
  409. margin-bottom: 18px;
  410. padding: 12px;
  411. }
  412. div#user_statusbox
  413. {
  414. margin-top: 25px;
  415. }
  416. div.user_score
  417. {
  418. float: left;
  419. padding-top: 4px;
  420. border: 1px solid #D3D3D3;
  421. background-color: white;
  422. text-align: center;
  423. width: 138px;
  424. }
  425. .blackgradiant
  426. {
  427. background: #474747; /* Old browsers */
  428. /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  429. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ3NDc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNDc0NzQ3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIxMjEyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMTIxMjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  430. background: -moz-linear-gradient(top, #474747 0%, #474747 0%, #212121 100%, #212121 100%); /* FF3.6+ */
  431. 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+ */
  432. background: -webkit-linear-gradient(top, #474747 0%,#474747 0%,#212121 100%,#212121 100%); /* Chrome10+,Safari5.1+ */
  433. background: -o-linear-gradient(top, #474747 0%,#474747 0%,#212121 100%,#212121 100%); /* Opera 11.10+ */
  434. background: -ms-linear-gradient(top, #474747 0%,#474747 0%,#212121 100%,#212121 100%); /* IE10+ */
  435. background: linear-gradient(to bottom, #474747 0%,#474747 0%,#212121 100%,#212121 100%); /* W3C */
  436. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#212121',GradientType=0 ); /* IE6-8 */
  437. }
  438. div.user_avatar
  439. {
  440. height: 137px;
  441. padding-right: 1px;
  442. }
  443. div.user_score div.score
  444. {
  445. color: #f5f6f6;
  446. height: 29px;
  447. font-weight: bold;
  448. font-size: 18px;
  449. padding-top: 5px;
  450. margin-bottom: 4px;
  451. margin-left: 4px;
  452. margin-right: 4px;
  453. }
  454. ul.user_events_infos
  455. {
  456. margin: 0;
  457. padding: 0;
  458. margin-left: 150px;
  459. margin-top: 10px;
  460. width: 126px;
  461. }
  462. ul.user_events_infos li
  463. {
  464. list-style-type: none;
  465. height: 29px;
  466. font-weight: bold;
  467. border-bottom: 1px solid #c0c1c1;
  468. padding-top: 6px;
  469. vertical-align: middle;
  470. }
  471. ul.user_events_infos li img, ul.user_events_infos li span
  472. {
  473. float: left;
  474. }
  475. ul.user_events_infos li img
  476. {
  477. padding-right: 8px;
  478. }
  479. ul.user_events_infos li span
  480. {
  481. margin-top: 2px;
  482. }
  483. ul.user_events_infos li:first-child
  484. {
  485. padding-top: 0px;
  486. height: 25px;
  487. }
  488. ul.user_events_infos li:last-child
  489. {
  490. border-bottom: none;
  491. }
  492. ul.user_events_infos li.user_name
  493. {
  494. text-transform : uppercase;
  495. }
  496. div.seachboxcontainer
  497. {
  498. -webkit-box-shadow: inset 0px 0px 2px 3px #c8c8c8;
  499. box-shadow: inset 0px 0px 2px 3px #c8c8c8;
  500. height: 34px;
  501. }
  502. div.seachboxcontainer input
  503. {
  504. background: none;
  505. border: none;
  506. height: 34px;
  507. margin: 0;
  508. padding: 0;
  509. padding-left: 6px;
  510. width: 222px;
  511. }
  512. div.seachboxcontainer img
  513. {
  514. border-left: 1px solid #C4C0C0;
  515. float: right;
  516. margin-right: 8px;
  517. margin-top: 3px;
  518. padding-left: 5px;
  519. }
  520. ul.social_links
  521. {
  522. margin: 0px;
  523. padding: 0px;
  524. height: 35px;
  525. margin-left: 22px;
  526. }
  527. ul.social_links li
  528. {
  529. list-style-type: none;
  530. display: inline;
  531. float: left;
  532. padding-left: 10px;
  533. padding-right: 10px;
  534. border-left: 1px solid #E2E2E2;
  535. border-right: 1px solid #E2E2E2;
  536. }
  537. ul.social_links li:first-child, ul.social_links li:last-child
  538. {
  539. border: none;
  540. }
  541. aside#sidebar div#secondarymenu, aside#sidebar div#secondarymenu ul.secondarymenu, aside#sidebar div#secondarymenu ul.submenu
  542. {
  543. padding: 0;
  544. margin: 0;
  545. }
  546. div#secondarymenu ul.secondarymenu li
  547. {
  548. list-style-type: none;
  549. }
  550. div#secondarymenu ul.secondarymenu li.top_menu_element div
  551. {
  552. padding: 10px;
  553. }
  554. div#secondarymenu ul.secondarymenu li.top_menu_element a
  555. {
  556. color: white;
  557. text-transform : uppercase;
  558. font-weight: bold;
  559. }
  560. div#secondarymenu ul.submenu li.sub_menu_element
  561. {
  562. padding: 10px;
  563. padding-left: 20px;
  564. background-color: #f5f6f6;
  565. border-top: 1px solid #dadbdb;
  566. border-bottom: 1px solid #dadbdb;
  567. background: url("/img/icon_list_chip.png") no-repeat scroll 2% 50% transparent;
  568. }
  569. div#secondarymenu ul.submenu li.sub_menu_element:first-child
  570. {
  571. border-top: none;
  572. }
  573. div#secondarymenu ul.submenu li.sub_menu_element:last-child
  574. {
  575. border-bottom: none;
  576. }
  577. div#secondarymenu ul.submenu li.sub_menu_element a
  578. {
  579. color: black;
  580. text-transform : capitalize;
  581. font-weight: inherit;
  582. }
  583. div#secondarymenu ul.secondarymenu li.top_menu_element.close div.dart
  584. {
  585. background: url("/img/icon_dart_top.png") no-repeat;
  586. width: 15px;
  587. height: 15px;
  588. float: right;
  589. margin-top: 2px;
  590. padding: 0;
  591. }
  592. div#secondarymenu ul.secondarymenu li.top_menu_element.close ul.submenu
  593. {
  594. display: none;
  595. }
  596. div#secondarymenu ul.secondarymenu li.top_menu_element.open div.dart
  597. {
  598. background: url("/img/icon_dart_bottom.png") no-repeat scroll 95% 50% transparent;
  599. width: 15px;
  600. height: 15px;
  601. float: right;
  602. margin-top: 2px;
  603. padding: 0;
  604. }
  605. div#secondarymenu ul.secondarymenu li.top_menu_element.open ul.submenu
  606. {
  607. display: block;
  608. }
  609. #tabs_tag_search_buttons
  610. {
  611. margin: 0;
  612. padding: 0;
  613. border-left: 1px solid #d3d3d3;
  614. border-top: 1px solid #d3d3d3;
  615. border-right: 1px solid #d3d3d3;
  616. float: left;
  617. margin-top: -60px;
  618. font-weight: bold;
  619. -webkit-border-top-left-radius: 3px;
  620. -webkit-border-bottom-left-radius: 3px;
  621. -moz-border-radius-topleft: 3px;
  622. -moz-border-radius-bottomleft: 3px;
  623. border-top-left-radius: 3px;
  624. border-bottom-left-radius: 3px;
  625. -webkit-border-top-right-radius: 3px;
  626. -webkit-border-bottom-right-radius: 3px;
  627. -moz-border-radius-topright: 3px;
  628. -moz-border-radius-bottomright: 3px;
  629. border-top-right-radius: 3px;
  630. border-bottom-right-radius: 3px;
  631. }
  632. #tabs_tag_search_buttons a
  633. {
  634. color: black;
  635. }
  636. #tabs_tag_search_buttons li
  637. {
  638. list-style-type: none;
  639. display: inline;
  640. float: left;
  641. padding: 20px;
  642. background: #dddddd; /* Old browsers */
  643. /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  644. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NhY2FjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYWNhY2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  645. background: -moz-linear-gradient(top, #dddddd 0%, #dddddd 0%, #cacaca 100%, #cacaca 100%); /* FF3.6+ */
  646. 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+ */
  647. background: -webkit-linear-gradient(top, #dddddd 0%,#dddddd 0%,#cacaca 100%,#cacaca 100%); /* Chrome10+,Safari5.1+ */
  648. background: -o-linear-gradient(top, #dddddd 0%,#dddddd 0%,#cacaca 100%,#cacaca 100%); /* Opera 11.10+ */
  649. background: -ms-linear-gradient(top, #dddddd 0%,#dddddd 0%,#cacaca 100%,#cacaca 100%); /* IE10+ */
  650. background: linear-gradient(to bottom, #dddddd 0%,#dddddd 0%,#cacaca 100%,#cacaca 100%); /* W3C */
  651. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#cacaca',GradientType=0 ); /* IE6-8 */
  652. }
  653. #tabs_tag_search_buttons li.selected
  654. {
  655. list-style-type: none;
  656. padding: 20px;
  657. background: #f3f3f3; /* Old browsers */
  658. /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  659. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjNmM2YzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  660. background: -moz-linear-gradient(top, #f3f3f3 0%, #f3f3f3 0%, #e2e2e2 100%, #e2e2e2 100%); /* FF3.6+ */
  661. 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+ */
  662. background: -webkit-linear-gradient(top, #f3f3f3 0%,#f3f3f3 0%,#e2e2e2 100%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
  663. background: -o-linear-gradient(top, #f3f3f3 0%,#f3f3f3 0%,#e2e2e2 100%,#e2e2e2 100%); /* Opera 11.10+ */
  664. background: -ms-linear-gradient(top, #f3f3f3 0%,#f3f3f3 0%,#e2e2e2 100%,#e2e2e2 100%); /* IE10+ */
  665. background: linear-gradient(to bottom, #f3f3f3 0%,#f3f3f3 0%,#e2e2e2 100%,#e2e2e2 100%); /* W3C */
  666. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-8 */
  667. }
  668. #tabs_tag_search_buttons li div.dart
  669. {
  670. display: none;
  671. height: 16px;
  672. margin-left: 18px;
  673. margin-top: 5px;
  674. width: 30px;
  675. background: url("/img/icon_bigtag_choosed.png") no-repeat scroll 0 0 transparent;
  676. position: absolute;
  677. }
  678. #tabs_tag_search_buttons li.selected div.dart
  679. {
  680. display: block;
  681. }
  682. ul.tagbox a.close
  683. {
  684. background: url("/img/icon_close_red.png") repeat scroll 0 100% transparent;
  685. position: absolute;
  686. width: 11px;
  687. text-indent: -9999px;
  688. margin-left: 2px;
  689. }
  690. ul.tagbox li.tag
  691. {
  692. padding-right: 18px;
  693. }