mafercuellardiaz

nigga's theme

Jul 17th, 2013
279
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.30 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- coldeplays custom themeee-->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7.  
  8. <head>
  9.  
  10.  
  11. <meta name="color:bg" content="#FFFFFF">
  12. <meta name="color:pagi" content="#FFFFFF">
  13. <meta name="color:dscbg" content="#E6E4E4">
  14. <meta name="color:link" content="#E6E4E4">
  15. <meta name="color:hover" content="#454545">
  16. <meta name="color:infobg" content="#FCFCFC">
  17. <meta name="color:text" content="#9A9A9A">
  18. <meta name="color:tags" content="#EDEDED">
  19. <meta name="color:scrollbar" content="#D6D5D5">
  20. <meta name="color:border" content="#FAFAFA">
  21. <meta name="color:linkbg" content="#FAFAFA">
  22.  
  23. <meta name="image:sidebar" content=""/>
  24. <meta name="image:thekey" content=""/>
  25.  
  26. <meta name="text:linkA" content="">
  27. <meta name="text:linkA url" content="/">
  28. <meta name="text:linkB" content="">
  29. <meta name="text:linkB url" content="/">
  30. <meta name="text:linkC" content="">
  31. <meta name="text:linkC url" content="/">
  32. <meta name="text:linkD" content="">
  33. <meta name="text:linkD url" content="/">
  34. <meta name="text:title2" content="">
  35.  
  36. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  37. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  38. <link rel="shortcut icon" href="{Favicon}" />
  39. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  40.  
  41. <style type="text/css">
  42.  
  43.  
  44. a {
  45. color:{color:link};
  46. text-decoration:none;
  47. -moz-transition-duration:0.5s;
  48. -webkit-transition-duration:0.5s;
  49. -o-transition-duration:0.5s;
  50. }
  51.  
  52. a:hover {
  53. color:{color:hover};
  54. text-decoration:none;
  55. -moz-transition-duration:0.5s;
  56. -webkit-transition-duration:0.5s;
  57. -o-transition-duration:0.5s;
  58. }
  59.  
  60.  
  61. ::-webkit-scrollbar {background-color:{color:infobg}; height:8px; width:8px}
  62. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  63. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  64.  
  65. body {
  66. background-color:{color:bg};
  67. font-family:Calibri;
  68. font-weight:normal;
  69. }
  70.  
  71. #bite
  72. #bite a{
  73. display:block
  74. }
  75. #bite .death {
  76. margin-top:0px;filter: alpha(opacity = 0);
  77. opacity:0;-webkit-transition: all 0.5s ease-out;
  78. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  79. }
  80.  
  81. #bite:hover .death {
  82. margin-top:0px;
  83. -webkit-transition: all 0.8s ease-out;
  84. -moz-transition: all 0.8s ease-out;
  85. transition: all 0.8s ease-out;
  86. filter: alpha(opacity = 100);
  87. filter: alpha(opacity = 100);
  88. opacity:100;
  89. }
  90.  
  91.  
  92. h1 {
  93. font-weight:normal;
  94. font-size:10px;
  95. text-align:center;
  96. font-style:normal;
  97. line-height:80%;
  98. letter-spacing:1px;
  99. text-transform:uppercase;
  100. color:{color:text};
  101. }
  102.  
  103. h2 {
  104. font-size:15px;
  105. text-align:center;
  106. line-height:100%;
  107. letter-spacing:-0.5px;
  108. color:{color:text};
  109. font-weight:normal;
  110. padding:5px;
  111. padding-bottom:2px;
  112. }
  113.  
  114.  
  115. blockquote {
  116. border-left:2px solid {color:text};
  117. padding-left:5px;
  118. margin:5px;
  119. }
  120.  
  121. img:hover{opacity:1; -moz-transition-duration:.1s;
  122. -webkit-transition-duration:1s;
  123. -o-transition-duration:1s;
  124. }
  125. #theme {
  126. background-color:{color:bg};
  127. width:700px;
  128. margin: 0 auto -12px auto;
  129. text-align: center;
  130. }
  131. @font-face{font-family: Color of Autumn; src: url(http://static.tumblr.com/9wzbixa/XDxmj2h3a/colors_of_autumn.ttf);}
  132. #title {
  133. width:900px;
  134. text-shadow: 3px 0 .2px #FF0000, -3px 0 .2px #00F1F5;
  135. position:fixed;
  136. color:#fff;
  137. font-family:Color of Autumn;
  138. font-size:35px;
  139. z-index:100;
  140. height:70px;
  141. letter-spacing:5px;
  142. margin-left:600px;
  143.  
  144.  
  145. }
  146. @font-face{font-family:Jenna Sue;src:url(http://static.tumblr.com/9wzbixa/nq2mj2mox/jennasue.ttf);}
  147. #title2 {
  148. width:900px;
  149. text-shadow: 2px 0 .2px #FF0000, -2px 0 .2px #00F1F5;
  150. position:fixed;
  151. color:#fff;
  152. font-family:jenna sue;
  153. font-size:50px;
  154. z-index:10;
  155. height:70px;
  156. letter-spacing:5px;
  157. margin-left:640px;
  158. margin-top:20px;
  159.  
  160. }
  161.  
  162.  
  163.  
  164.  
  165. #sidebar {
  166. width:150px;
  167. color:{color:text};
  168. position:fixed;
  169.  
  170. height:auto;
  171. margin-top:200px;
  172. margin-left:130px;
  173. text-align:left;
  174. }
  175.  
  176. @font-face {font-family:Caviar Dreams;src:url(http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf); }
  177. .links {
  178.  
  179. display:block;
  180. font-family: caviar dreams;
  181. width:160px;
  182. margin-bottom:10px;
  183. margin-top:-190px;
  184. font-size:13px;
  185. opacity:0;
  186. margin-left:0px;
  187. text-align:center;
  188. letter-spacing:10px;
  189. line-height:140%;
  190.  
  191. -moz-transition-duration:1s;
  192. -webkit-transition-duration:1s;
  193. -o-transition-duration:1s;
  194.  
  195. }
  196.  
  197. .links a{
  198. display:block;
  199. background:#000;
  200. color:#ffffff;
  201. letter-spacing:0px;
  202.  
  203. -moz-transition-duration:.3s;
  204. -webkit-transition-duration:.3s;
  205. -o-transition-duration:.3s;
  206. }
  207. .links a:hover{
  208. background:#ffffff;
  209. color:#000;
  210. font-size:18px;
  211. display:block;
  212.  
  213. -moz-transition-duration:.3s;
  214. -webkit-transition-duration:.3s;
  215. -o-transition-duration:.3s;
  216. text-shadow: 3px 0 .2px #FF0000, -3px 0 .2px #00F1F5;
  217.  
  218. }
  219.  
  220.  
  221. #sidebar:hover .links{opacity:1;
  222. margin-top:0px;
  223. display:block;
  224. -moz-transition-duration:1s;
  225. -webkit-transition-duration:1s;
  226. -o-transition-duration:1s;
  227.  
  228. }
  229. #sidebar img {
  230. width:150px;
  231. padding:3px;
  232. border-color:#000;
  233. height:150px;
  234. margin-bottom:10px;
  235. border-radius: 150px 150px 150px 150px;
  236.  
  237. }
  238.  
  239. .desc {
  240. border:solid 1px;
  241. padding:6px;
  242. border-color: #bbb;
  243. margin-top:0px;
  244. margin-left:-29px;
  245. padding:4px;
  246. width:200px;
  247. height:auto;
  248. text-align:center;
  249. background:#ffffff;
  250. font-size:9px;
  251. opacity:.9;
  252. position:fixed;
  253. font-family:cambria;
  254. color:#000;
  255. letter-spacing:1px;
  256. line-height:140%;
  257. -moz-transition-duration:1s;
  258. -webkit-transition-duration:1s;
  259. -o-transition-duration:1s;
  260. }
  261.  
  262. .desc a {
  263. color:{color:link};
  264. }
  265.  
  266. #sidebar:hover .desc {
  267. margin-top:120px;
  268. opacity:0;
  269. -moz-transition-duration:1s;
  270. -webkit-transition-duration:1s;
  271. -o-transition-duration:1s;
  272. }
  273. #actualnews {
  274. font-family:calibri;
  275. font-size:10px;
  276. color: #b8b8b8;
  277. width:100px;
  278. height:auto;
  279. padding-top:4px;
  280. border:1px solid#e6e4e4;
  281. margin-left: 14px;
  282. margin-top:60px;
  283. text-align:center;
  284. position:fixed;
  285. }
  286.  
  287. #thekey img{
  288. width:100px;
  289. height:auto;
  290. margin-top: 0px;
  291. margin-left: 18px;
  292. position:fixed;
  293. }
  294.  
  295.  
  296.  
  297. #pagination {
  298.  
  299. color:#000;
  300. width:100px;
  301. font-size:10px;
  302. text-align:center;
  303. margin-left:35px;
  304. margin-top:20px;
  305. position:fixed;
  306. font-family:consolas;
  307. letter-spacing:0px;}
  308.  
  309.  
  310.  
  311. #stuffcontainer {
  312. float:left;
  313. margin-left:370px;
  314. margin-top:75px;
  315. text-align:justify;
  316. background-color:{color:bg};
  317. color:{color:text};
  318. margin-bottom: 35px;
  319. }
  320.  
  321.  
  322. #stuff {
  323.  
  324. width:500px;
  325. margin-top:30px;
  326. margin-left:140px;
  327. text-align:justify;
  328. font-size:11px;
  329. line-height:90%;
  330. letter-spacing:0x;
  331. color:{color:text};
  332. }
  333.  
  334. .caption {
  335. width:500px;
  336. text-align:justify;
  337. line-height:120%;
  338. }
  339.  
  340. .ask {
  341. padding:10px;
  342. text-align:left;
  343. color:{color:text};
  344. background-color:{color:infobg};
  345. border-bottom:1px solid {color:border};
  346. border-right:1px solid {color:border};
  347. }
  348.  
  349. .ans {
  350. text-align:left;
  351. padding:10px;
  352. color:{color:text};
  353. }
  354.  
  355. .audio {
  356. width:500px;
  357. padding-bottom:10px;
  358. background-color:{color:infobg};
  359. }
  360.  
  361. .albumart {
  362. float:left;
  363. padding:0px 10px 10px 0px;
  364. }
  365.  
  366. .albumart img {
  367. width:45px;
  368. height:45px;
  369. }
  370.  
  371. .playercontainer {
  372. text-align:left;
  373. padding:10px;
  374. background-color:#ffffff;
  375. width:480px;
  376. }
  377.  
  378. .audioinfo {
  379. padding:10px;
  380. color:{color:text};
  381. }
  382.  
  383. #postinfo {
  384. width:490px;
  385. padding:5px;
  386. font-size:8px;
  387. color:{color:link};
  388. text-transform:uppercase;
  389. font-style:normal;
  390. letter-spacing:2px;
  391. text-align:right;
  392. border-top:1px solid {color:border};
  393. border-bottom:1px solid {color:border};
  394. -moz-transition-duration:0.5s;
  395. -webkit-transition-duration:0.5s;
  396. -o-transition-duration:0.5s;
  397. }
  398.  
  399. #postinfo a {
  400. color:#000;
  401. text-align:center;
  402. letter-spacing:1px;
  403. font-style:normal;
  404. }
  405.  
  406. #postinfo a:hover {
  407. color:{color:hover};
  408. }
  409.  
  410. .note {
  411. text-transform:uppercase;
  412. font-style:normal;
  413. letter-spacing:0px;
  414. font-size: 9px;
  415. text-align:left;
  416. line-height:90%;
  417. margin-left:-40px;
  418. }
  419.  
  420. .note li {
  421. list-style-type:none;
  422. border-bottom:1px solid {color:border};
  423. padding:10px 25px 10px 25px;
  424. text-align:left;
  425. margin:0px;
  426. -moz-transition-duration:0.5s;
  427. -webkit-transition-duration:0.5s;
  428. -o-transition-duration:0.5s;
  429. }
  430.  
  431. .tags {
  432. font-style:normal;
  433. width:500px;
  434. text-transform:uppercase;
  435. font-style:normal;
  436. color:{color:tags};
  437. letter-spacing:2px;
  438. line-height:120%;
  439. font-size:8px;
  440. text-align:left;
  441. padding:2px;
  442. -moz-transition-duration:0.5s;
  443. -webkit-transition-duration:0.5s;
  444. -o-transition-duration:0.5s;
  445. }
  446.  
  447. .tags a {
  448. color:{color:tags};
  449. letter-spacing:1px;
  450. padding:1px;
  451. }
  452.  
  453. .tags a:hover {
  454. color:{color:link};
  455. }
  456.  
  457. ul.chat, .chat ol, .chat li {
  458. list-style:none;
  459. margin:0px;
  460. padding:2px;
  461. }
  462.  
  463. .label {
  464. text-decoration:underline;
  465. font-weight:700;
  466. background-color:{color:infobg};
  467. margin-right:5px;
  468. }
  469.  
  470. #cred {
  471.  
  472. margin-right:90px;
  473. position:fixed;
  474. font-size:8px;
  475. font-weight:normal;
  476. line-height:150%;
  477. letter-spacing:2px;
  478. right:-50px;
  479. bottom:10px;
  480. text-transform:uppercase;
  481. text-align:center;
  482. }
  483.  
  484. #cred a {
  485. margin-left:-20px;
  486. padding:2px;
  487. color:{color:bg};
  488. background-color:#000;
  489. -moz-transition-duration:0.5s;
  490. -webkit-transition-duration:0.5s;
  491. -o-transition-duration:0.5s;
  492. }
  493.  
  494.  
  495. #sbbox{
  496. position:fixed;
  497. height:200px;
  498. width:1800px;
  499. background-color:#080808;
  500. margin-top:-140px;
  501. padding:9px;
  502. margin-left:0px;
  503.  
  504.  
  505. }
  506.  
  507.  
  508.  
  509. {CustomCSS}
  510.  
  511. </style></head>
  512.  
  513. <body>
  514.  
  515. <div id="title">{title}</div><div id="title2">{text:title2}</div>
  516.  
  517.  
  518. </div><div id="sidebar">
  519. <img src="{image:sidebar}"><div class="desc">
  520. {Description}
  521. </div>
  522.  
  523.  
  524.  
  525. <div class="links">
  526. {block:IfLinkA}
  527. <a href="{text:linkA url}">{text:linkA}</a><br>
  528. {/block:IfLinkA}
  529. {block:IfLinkB}
  530. <a href="{text:linkB url}">{text:linkB}</a><br>
  531. {/block:IfLinkB}
  532. {block:IfLinkC}
  533. <a href="{text:linkC url}">{text:linkC}</a><br>
  534. {/block:IfLinkC}
  535. {block:IfLinkD}
  536. <a href="{text:linkD url}">{text:linkD}</a><br>
  537. {/block:IfLinkD}</div>
  538. {block:Pagination}<div id="pagination">
  539. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  540. {block:JumpPagination length="5"}
  541. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  542. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  543. {/block:JumpPagination}
  544. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  545. </div>{/block:Pagination}
  546.  
  547. </div>
  548. </div>
  549. </div></div>
  550.  
  551.  
  552.  
  553.  
  554.  
  555. <div id="sbbox"></div>
  556.  
  557.  
  558. <div id="bite">
  559. <div id="thekey"><img src="{image:thekey}"></div>
  560. <div class="death">
  561. <div id="actualnews">
  562. THIS IS WHERE YOU TYPE YOUR STUFF
  563. <p>
  564. SEPARATE IT LIKE YOU SEE IN THIS CODE(:
  565. </div>
  566. </div></div>
  567.  
  568. <div id="stuffcontainer">
  569.  
  570. {block:Posts}
  571.  
  572. <div id="stuff">
  573.  
  574. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  575.  
  576. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  577.  
  578. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  579. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  580.  
  581. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  582.  
  583. {block:Photoset}<center>{Photoset-500}</center>
  584. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  585.  
  586. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  587.  
  588. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  589.  
  590. {block:Answer}<div class="ask">{Asker} asked: {Question}</div><div class="ans">{Answer}</div>{/block:answer}
  591.  
  592. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  593. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  594. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  595. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  596. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  597.  
  598.  
  599.  
  600. {block:Date}<div id="postinfo">{MonthNumberWithZero}-{DayOfMonthWithZero} / <a href="{Permalink}">{24Hour}:{Minutes}</a>{block:NoteCount} / <a href="{Permalink}"><font color="red">♥</font>{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} / <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  601. {block:ContentSource} / <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>{/block:Date}
  602. {block:HasTags}
  603. <div class="tags">
  604. {block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a>{/block:Tags}</div>
  605. {/block:HasTags}
  606. <div class="note">
  607. {block:PostNotes}{PostNotes}{/block:PostNotes}
  608. </div>
  609. </div>
  610. {/block:Posts}
  611.  
  612.  
  613. </div>
  614.  
  615. <div id="cred"><a href="http://NIALLSDICKS.tumblr.com/">THEME</a></div>
  616.  
  617. </div>
  618. </div>
  619. </div>
  620. </body>
Advertisement
Add Comment
Please, Sign In to add comment