API tools faq
paste
Guest User

Untitled

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