API tools faq
paste
Guest User

Untitled

a guest
Dec 5th, 2012
67
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.21 KB | None | 0 0
raw download clone embed print report
  1. body { background:#444444;}
  2.  
  3. div#contentArea {
  4. padding-left: 20px;
  5. padding-right: 20px;
  6. background: #F7F7F7;
  7. box-shadow:
  8. 0 -5px 10px rgba(0,0,0,0.40),
  9. 0 5px 10px rgba(0,0,0,0.40);
  10. box-shadow:
  11. -5px 0 10px rgba(0,0,0,0.4),
  12. 5px 0 10px rgba(0,0,0,0.4);
  13. }
  14.  
  15. #menubar {
  16. width: 1020px;
  17. border-radius: 6px 6px 0 0;
  18. height: 40px !important;
  19. box-shadow:
  20. 0 -5px 10px rgba(0,0,0,0.40),
  21. 0 5px 10px rgba(0,0,0,0.40);
  22. box-shadow:
  23. -5px 0 10px rgba(0,0,0,0.4),
  24. 5px 0 10px rgba(0,0,0,0.4);
  25. }
  26.  
  27. /* Actieve menu-optie blauw & vet */
  28. #menu li.active a {color: #72C3DB; font-weight:bold;}
  29.  
  30. /* OVERALL Footer WEG maar Toon @ mouseover */
  31. #bottom > #about { display: none; }
  32. #bottom:hover > #about { display: block; }
  33. #bottom { height: auto; }
  34. #contentArea { padding-bottom: 30px; }
  35. #bottom div.hr { display: none; }
  36. a {color: #000000;text-decoration: none;}
  37. .articleColumn {line-height: 1.4;}
  38.  
  39. /*SEARCHBAR Plaatsing*/
  40. #search {position:absolute !important; top:-15px;right:198px;}
  41. #search #true {display: none !important;}
  42. ;#search {opacity: 0.8 !important;}
  43. #searchbar {height: 10px !important;}
  44. #searchbar {background:#B30F39 !important;}
  45.  
  46. /* SEARCHBAR kleinere afmeting */
  47. /#search input.text { width: 245px !important; }
  48. /#search .keywordSearch { width: 300px !important;}
  49.  
  50. /*SEARCHBAR Kleur en Schaduw*/
  51. #search input.text { background-color: #444444;
  52. color: gray;
  53. box-shadow:
  54. 0 -5px 10px rgba(0,0,0,0.40),
  55. 0 5px 10px rgba(0,0,0,0.40);
  56. box-shadow:
  57. -5px 0 10px rgba(0,0,0,0.4),
  58. 5px 0 10px rgba(0,0,0,0.4);
  59. }
  60.  
  61. /*FP reacties: ruimte correcties, duidelijke header en mod opmaak*/
  62. /* by Zartok */
  63. .eenReactie { margin-top: 5px; width: 600px; }
  64. .reactieContent { padding: 5px 15px 5px 0px; }
  65. .reactieHeader { padding: 1px 0px 1px 15px; background-color: #E7E8E8; margin-left: -20px; }
  66. .reactieBody.hidden .reactieHeader { padding: 0px 10px; opacity: 0.35; }
  67. .reactieBody.informative,
  68. .reactieBody.informative .reactieHeader { background-color: #EFFFE2; border-left: 1px solid #CFD4C9; }
  69. .reactieBody.spotlight,
  70. .reactieBody.spotlight .reactieHeader { background-color: #D8FFC2; border-left: 1px solid #BECFBE; }
  71. #pollListing { overflow: visible; }
  72. .reacties { padding-left: 10px; }
  73. .modFilter { width: 375px; }
  74. .modFilter .scoreButton { margin-left: 3px; }
  75. .modFilter .reactionCount { margin: 0px 7px 0px 4px; }
  76. .relatedBlock { padding-top: 5px; }
  77. .relatedBlock li { padding: 1px 15px; }
  78. .relatedBlock p.more { padding: 5px 17px; }
  79. .relatedBlock h2 { margin: 0px 15px 5px; text-align: center; }
  80. .popularProductListing .sortable { margin-left: 15px; width: 294px; }
  81. #rbEntitylist ul { margin: 3px 0px; }
  82. #rbProductlist table td { padding: 5px 0; }
  83. #relationbox { margin: 5px 0px; }
  84. .relationboxBlock h2 { margin: 0px 15px 5px; text-align: center; }
  85.  
  86. /* Moderatieblok */
  87. .modPopup .popupContent { padding: 10px; }
  88. .popup .close { top: 10px; right: 10px; }
  89. .scoreButton { margin: 0 0 0 11px; }
  90. #modPopup .scoreButtons { margin-top: 10px; margin-bottom: 5px; }
  91. #modPopup #scoreTitle { margin-bottom: 0px; }
  92. #scoreDesc { margin-bottom: 5px; padding-bottom: 5px; }
  93. #modBoost > p { margin-bottom: 10px!important; }
  94.  
  95. /* FP grote plaatjes rechts 2x2 */
  96. #fpaItems {
  97. float:right;
  98. width:336px!important;
  99. }
  100.  
  101. #fpaItems .fpaItem {
  102. height:auto!important;
  103. width:168px!important;
  104. }
  105.  
  106. #fpaItems .fpaItem .imageContainer {
  107. width:167px!important;
  108. }
  109.  
  110. #fpaItems .fpaItem img {
  111. height:84px!important;
  112. width:168px!important;
  113. }
  114.  
  115. #fpaItems .fpaItem div.textContainer {
  116. background-color: #000;
  117. opacity: 0.8!important;
  118. font-size:12px!important;
  119. color: #72C3DB!important;
  120. line-height:15px!important;
  121. padding:5px 10px!important;
  122. border-bottom:2px solid #FFF;
  123. }
  124.  
  125. /*FP 'Gelezen' indicatie en regelafstand kleiner*/
  126. table.highlights td { line-height: 0px; padding: 5px 8px; }
  127. table.highlights td a { color: #212323 !important;}
  128. table.highlights td a:visited { color: #B9133c !important;}
  129.  
  130. .frontPageLink { color: #212323 !important;}
  131. .frontPageLink:visited { color: #B9133c !important; }
  132.  
  133. p {-webkit-margin-after: 0.5em;}
  134.  
  135. /* FP Vensters kleur */
  136. #pricewatch, #jobs, #poll, #newsletter, #sponsored, #textlink, #social .twitterButton, #social .facebookButton {
  137. background: linear-gradient(#EDEEEE,#EDEEEE)
  138. repeat scroll 0 0 #EDEEEE !important;
  139. border: 1px solid #DDDEDE !important;
  140. border-radius: 1px 1px 1px 1px;
  141. box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.33) inset;
  142. padding: 15px 15px 17px;
  143. }
  144.  
  145. /* TRACKER positie en afmeting */
  146. .trackerPopup.fixed {
  147. width: 300px;
  148. position: absolute;
  149. top: 16px;
  150. left: -356px !important;
  151. display: block;
  152. box-shadow:
  153. 0 -5px 10px rgba(0,0,0,0.40),
  154. 0 5px 10px rgba(0,0,0,0.40);
  155. box-shadow:
  156. -5px 0 10px rgba(0,0,0,0.4),
  157. 5px 0 10px rgba(0,0,0,0.4);
  158. }
  159. .trackerPopup .popupContent { padding: 10px 10px 4px;}
  160.  
  161. /* TRACKER kruisje weg*/
  162. #menu #userbar li.icon.tracker { display: none !important; }
  163. .popup.trackerPopup.fixed span.fancyButton.close{ display: none !important;}
  164.  
  165. /* TRACKER blauwe tijden */
  166. .trackerPopup .trackeritem li .new { color: #72C3DB; }
  167.  
  168. /* REVIEW correcties by Zartok */
  169. .popularEditorialReviewsBlock p .commentCount,
  170. .popularUserReviewsBlock p .commentCount { margin-right: -55px; float: right; margin-top: 8px; }
  171. .popularUserReviewsBlock,
  172. .popularEditorialReviewsBlock { width: 620px; float: left; }
  173. .popularUserReviewsBlock .image a,
  174. .popularEditorialReviewsBlock .image a { margin-top: 0px; }
  175. .popularUserReviewsBlock .image,
  176. .popularEditorialReviewsBlock .image { padding-bottom: 0px; }
  177. .popularUserReviewsBlock table.listing td.image { width: 95px; }
  178. .popularUserReviewsBlock .listing tr td .title { margin-top: 3px; margin-bottom: 12px; }
  179. .popularUserReviewsBlock .scoreButton { padding: 3px; font-weight: bold; }
  180. .popularUserReviewsBlock > table.listing p,
  181. .popularEditorialReviewsBlock > table.listing p { width: 450px; margin: 5px 0 0; line-height: 15px; }
  182. .popularEditorialReviewsBlock > .listing > tbody > tr > td > p > a > .sprite.scoreStars { float: right; margin-top: -52px; margin-right: -55px; }
  183. .popularUserReviewsBlock > .listing > tbody > tr > td > p > a > .sprite.scoreStars { float: right; margin-top: -25px; margin-right: -55px; }
  184.  
  185. .popularProductListing { width: 310px; float: left; }
  186. .BBGImageDiv { width: 320px!important; height: 215px; padding: 0px; margin: 0px 5px; float: left; }
  187. .BBGImageDiv img { width: 320px; height: 160px; }
  188. .BBGUnderPic { height: 34px; padding: 8px; text-align: center; line-height: 17px; }
  189. #bestBuyGuideBlock { padding: 5px; margin-left: -334px; margin-top: 0px; margin-bottom: 10px; height: 237px; width:660px; }
  190. #bestBuyGuideBlock > h2 { text-align: center; margin: 5px 10px; }
  191. .statisticsBlock { margin-left: -324px; height: 0px; width: 320px; padding: 0px; border: 0px; text-align: center; }
  192. .statisticsBlock > h2,
  193. .portalInfoBlock > h2 { margin: 0px; }
  194. .portalInfoBlock { margin: 0px 10px 0px 5px; text-align: center; }
  195. .portalInfoBlock > p { padding-top: 11px; border-top: 1px solid #E8EAEA; }
  196. .secondColumn > .productShopReviewBlock { overflow: hidden; margin-left: -324px; width: 650px; }
  197. .secondColumn > .productShopReviewBlock > h2 { text-align: center; }
  198. #reviewBlockLeft,
  199. #reviewBlockRight { width: 320px; padding-top: 4px; }
  200. .fancyButton.reviewPricewatchLink { float: right; margin-top: -4px; }
  201.  
  202. /** FORUM STUFF **/
  203. /* Forum Topicstarter-icoontje voor datum - tweakers v5 - krvabo */
  204. div#content div#messages div.topicstarter div.date p:before {
  205. content: url('http://tweakers.net/ext/f/hAu719Tf0b0HB0Yue9PMiZRS/full.gif');}
  206. div#content div#messages div.topicstarter div.date p a {
  207. margin-left: 5px;
  208. }
  209.  
  210. /* Forum Messageheader TS blauw */
  211. /div.topicstarter div.messageheader {background: #ffdddd !important;}
  212. div.topicstarter div.messageheader {
  213. background: #72C3DB !important;
  214. opacity: 0.7!important;
  215. }
  216.  
  217. /* Forum Messageheader overige posts lichtgrijs*/
  218. div.message { margin-bottom: 0px;}
  219. div.date { top: 5px !important;}
  220. .pagecounter { margin-top: 5px;}
  221. div.messageheader {
  222. border-bottom: 1px solid #DDDEDE;
  223. background-color: #DDDEDE;
  224. opacity: 0.8!important;
  225. line-height: 13px;
  226. padding: 5px !important;
  227. }
  228.  
  229. /* Forum Posts dichter op elkaar */
  230. div#content div#messages div.message {
  231. margin-bottom: 10px;
  232.  
  233. /* Dit maakt de zinnen minder hoog in een post */
  234. line-height: 18px;
  235. }
  236.  
  237. div#content div#messages div.message div.post {
  238. padding: 3px 14px 3px 14px;
  239. }
  240.  
  241. /* Forum Categorie icons WEG*/
  242. / .channelHeader { display: none; }
  243.  
  244. /* Forum Categorie icons border WEG*/
  245. .channelHeader .thumb { border: none !important; }
  246.  
  247. /* Forum Categorie Description Grijs*/
  248. /.channelHeader h2 { color: #626363 !important; }
  249.  
  250. /* Forum subcategorie balk kleuren*/
  251. /* Mededelingen */
  252. .forumList:nth-child(2) table.listing tr th{
  253. /background: rgba(156, 158, 158,0.9); <<< VOOR EGALE KLEUREN
  254. background-image: -moz-linear-gradient(#9C9E9E,#626363);
  255. background-image: linear-gradient(#9C9E9E,#626363);
  256. }
  257.  
  258. /* Computers */
  259. .forumList:nth-child(3) table.listing tr th{
  260. /background: rgba(180, 17, 60,0.9);
  261. background-image: -moz-linear-gradient(#BF113C,#730C26);
  262. background-image: linear-gradient(#BF113C,#730C26);
  263. }
  264.  
  265. /* IT Pro */
  266. .forumList:nth-child(4) table.listing tr th{
  267. /background: rgba(69, 37, 96,0.9);
  268. background-image: -moz-linear-gradient(#6D3E93,#2B0A46);
  269. background-image: linear-gradient(#6D3E93,#2B0A46);
  270. }
  271.  
  272. /* Games */
  273. .forumList:nth-child(5) table.listing tr th{
  274. /background: rgba(80, 215, 250,0.9);
  275. background-image: -moz-linear-gradient(#71C33E,#427323);
  276. background-image: linear-gradient(#71C33E,#427323);
  277. }
  278.  
  279. /* Beeld en Geluid */
  280. .forumList:nth-child(6) table.listing tr th{
  281. /background: rgba(27, 165, 60,0.9);
  282. background-image: -moz-linear-gradient(#EE6D28,#9E491B);
  283. background-image: linear-gradient(#EE6D28,#9E491B);
  284. }
  285.  
  286. /* Tablets en telefoons */
  287. .forumList:nth-child(7) table.listing tr th{
  288. /background: rgba(255, 90, 0,0.8);
  289. background-image: -moz-linear-gradient(#48CCB2,#2E796A);
  290. background-image: linear-gradient(#48CCB2,#2E796A);
  291. }
  292.  
  293. /* General Chat */
  294. .forumList:nth-child(8) table.listing tr th{
  295. /background: rgba(255, 90, 0,0.8);
  296. background-image: -moz-linear-gradient(#50D7FA,#14505F);
  297. background-image: linear-gradient(#50D7FA,#14505F);
  298. }
  299.  
  300. /* Tweakers Feedback */
  301. .forumList:nth-child(9) table.listing tr th{
  302. /background: rgba(156, 158, 158,0.9);
  303. background-image: -moz-linear-gradient(#50D7FA,#14505F);
  304. background-image: linear-gradient(#50D7FA,#14505F);
  305. }
  306.  
  307. /*Forum Avatar zonder rand en afgehoekt */
  308. img.usericon {
  309. background-color: transparent;
  310. border: 0;
  311. margin: 4px 8px;
  312. padding: 0;
  313. }
  314.  
  315. /* Forum Breadcrum In 'TAB' */
  316. #forumheading p.breadcrumb {
  317. background: -webkit-linear-gradient(rgba(100,100,100,1), rgba(60,60,60,1));
  318. background-color: #EDEEEE !important;
  319. padding: 3px 20px 8px 20px;
  320. position: relative;
  321. top: -20px;
  322. left: 50%;
  323. z-index: 999;
  324. margin: 0 0 -15px 0;
  325. box-shadow: 0 0 5px rgba(0,0,0,0.5);
  326. border-radius: 0 0 15px 15px;
  327. margin-left: -490px;
  328. width: auto !important; max-width: 940px;
  329. border: 1px solid #999; border-left: none; border-top: none; border-right: none;
  330. }
  331. .breadcrumb, .breadcrumb a { font-size: 12px; }
  332. #forumheading p.breadcrumb a, #forumheading p.breadcrumb span { color:#aaa; font-size: 11px; }
  333. #forumheading p.breadcrumb a:hover { color: #72C3DB !important; }
  334.  
  335. /* Forum Postbreedte Breder en Info Sidebar WEG */
  336. #sidebar { display: none; }
  337. #streamone { display: none; }
  338. #forumheading #title h1 { }
  339. #messages { width: 975px; }
  340. div.message div.post div.messagecontent { width: 85%; }
  341.  
  342. p.pagecounter { margin-top: 10px; }
  343.  
  344. .customFPitem { padding: 15px 15px 17px; }
  345. ul.highlights { margin: 0 0 0 0; list-style-type: none; padding: 0; }
  346. ul.highlights li a {
  347. display: block;
  348. width: 100%;
  349. padding: 5px 0;
  350. overflow: hidden;
  351. white-space: nowrap;
  352. text-overflow: ellipsis;
  353. }
  354. ul.highlights li:nth-child(even) a { background: #f5f5f5; }
  355.  
  356. /* Forum 'Verzonden op' en 'Geplaatst op' terug in berichtkoppen */
  357. .message .messageheader .date a {
  358. text-transform: lowercase;
  359. }
  360. .message .messageheader .date a:before {
  361. content: 'Geplaatst op ';
  362. text-transform: none;
  363. }
  364. #pmessages .date a:before {
  365. content: 'Verzonden op '
  366. }
  367.  
  368. /* Forum overzicht - Compactere categorie tabellen */
  369. /* is standaard 10px boven/onder en 5px links/rechts */
  370. table.listing td, table.listing th { padding: 5px; }
  371.  
  372. /* Forum 'Meer' uitklappen */
  373. .more.active.forumidenty > span { color: #D9FF26 !important; }
  374. .more.active.forumidenty.dropdown > span { color: #000000 !important; }
  375.  
  376. //* END *//
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!