API tools faq
paste
Advertisement
Mikaela

Little Black Dress

Mikaela
Jan 6th, 2014
158
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.73 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- THEME #23 'Little Black Dress' BY HRRYS
  4. I WORKED HARD ON THIS SO IF YOU REMOVE THE CREDIT OR EDIT AND CLAIM IT AS YOUR OWN, I'LL GET HARRY TO STRANGLE YOU.
  5. BUT SERIOUSLY I'LL REPORT YOU
  6. OKAY ENJOY NOW
  7. -->
  8.  
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10.  
  11.  
  12. <head>
  13.  
  14. <title>{Title}</title>
  15.  
  16. {block:Description}<meta name="description" content="{MetaDescription}"/>
  17. {/block:Description}
  18. <link rel="shortcut icon" href="{favicon}" />
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  20.  
  21. <meta name="color:link" content="#bbb8b8">
  22. <meta name="color:text" content="#9a9a9a">
  23. <meta name="color:tags" content="#b9b7b7">
  24. <meta name="color:ask" content="#fcfcfc">
  25. <meta name="color:hover" content="#eeeeee">
  26. <meta name="color:border" content="#e7e7e7">
  27. <meta name="color:scrollbar" content="#000000">
  28.  
  29. <meta name="image:sidebar" content=""/>
  30.  
  31. <meta name="text:Top Title" content="">
  32. <meta name="text:link 1" content="">
  33. <meta name="text:link 1 url" content="/">
  34. <meta name="text:link 2" content="">
  35. <meta name="text:link 2 url" content="/">
  36. <meta name="text:link 3" content="">
  37. <meta name="text:link 3 url" content="/">
  38. <meta name="text:link 4" content="">
  39. <meta name="text:link 4 url" content="/">
  40.  
  41. <meta name="if:Cursor" content="1">
  42. <meta name="if:black1" content="0">
  43. <meta name="if:black2" content="0">
  44. <meta name="if:black3" content="0">
  45. <meta name="if:black4" content="1">
  46. <meta name="if:corner1" content="0">
  47. <meta name="if:corner2" content="1">
  48. <meta name="if:corner3" content="0">
  49.  
  50.  
  51. <style type="text/css">
  52.  
  53. /*--Fonts--*/
  54.  
  55. @font-face{font-family:Katy Berry;src:url(http://static.tumblr.com/9wzbixa/XT1mj3ixp/kberry.ttf);}
  56.  
  57. /*--Scrollbar--*/
  58.  
  59. ::-webkit-scrollbar-thumb:vertical {border:3px solid #fff;height:12px; background-color:{color:scrollbar};}
  60. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
  61. ::-webkit-scrollbar {background-color:{color:scrollbar};height:7px;width:12px;border:5px solid #fff;}
  62. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{background-color:{color:scrollbar};display:block;height:8px;border-right:2px solid #fff;border-left:2px solid #fff;
  63. }
  64. /*--Body--*/
  65.  
  66.  
  67. body {
  68. font-style:none;
  69. background-color:#fff;
  70. font-family:calibri;
  71. color:{color:text};
  72. font-size:9px;
  73. }
  74.  
  75.  
  76. a {
  77. color:{color:link};
  78. text-decoration:none;
  79. -webkit-transition: all 0.5s ease-out;
  80. -moz-transition: all 0.5s ease-out;
  81. transition: all 0.5s ease-out;
  82. }
  83.  
  84. a:hover {
  85. color:{color:hover};
  86. text-decoration:none;
  87. -webkit-transition: all 0.8s ease-out;
  88. -moz-transition: all 0.8s ease-out;
  89. transition: all 0.8s ease-out;
  90. }
  91.  
  92. img {
  93. border:none;
  94. }
  95.  
  96. blockquote {
  97. padding-left:5px;
  98. border-left:2px solid {color:border};
  99. }
  100.  
  101. h1 {
  102. font-size:10px;
  103. }
  104.  
  105. /*--Cursor code--*/
  106.  
  107. {block:ifCursor}
  108. *, body, a, a:hover {cursor: url("http://www.totallylayouts.com/cursors/random/tiny_cursor.png"), auto }
  109. {/block:ifCursor}
  110.  
  111. /*--Titles--*/
  112.  
  113. #title{
  114. margin-top:185px;
  115. width:130px;
  116. margin-left:125px;
  117. font-size:32px;
  118. position:fixed;
  119. text-align:center;
  120. color:white;
  121. font-family:'Katy Berry';
  122. text-transform:;
  123. }
  124.  
  125. #title2{
  126. margin-top:-55px;
  127. padding-bottom:20px;
  128. width:500px;
  129. margin-left:502px;
  130. font-size:35px;
  131. position:fixed;
  132. text-align:center;
  133. color:white;
  134. background-color:#000;
  135. font-family:'Katy Berry';
  136. }
  137.  
  138. /*--Sidebar--*/
  139.  
  140. #sidebar {
  141. position:fixed;
  142. width:140px;
  143. margin-left:200px;
  144. margin-top:200px;
  145. }
  146.  
  147. /*--Love heart image--*/
  148.  
  149. #sidebarimage {
  150. width:140px;
  151. }
  152.  
  153. #sidebarimage img {
  154. width:80px;
  155. height:80px;
  156. margin-top:180px;
  157. position:fixed;
  158. margin-left:270px;
  159. padding:3px;;
  160. -webkit-mask-image: url('http://i.imgur.com/PFLlmP2.png');
  161. }
  162.  
  163. /*--Sidebar backgrounds--*/
  164.  
  165. #black{
  166. width:auto;
  167. }
  168.  
  169. #black img{
  170. margin-top:100px;
  171. width:420px;
  172. z-index:-1;
  173. height:353px;
  174. margin-left:30px;
  175. position:fixed;
  176. }
  177.  
  178. #black1{
  179. width:auto;
  180. }
  181.  
  182. #black1 img{
  183. margin-top:100px;
  184. width:420px;
  185. z-index:-1;
  186. height:353px;
  187. margin-left:30px;
  188. position:fixed;
  189. }
  190.  
  191. #black2{
  192. width:auto;
  193. }
  194.  
  195. #black2 img{
  196. margin-top:100px;
  197. width:430px;
  198. z-index:-1;
  199. height:363px;
  200. margin-left:25px;
  201. position:fixed;
  202. }
  203.  
  204. #black3{
  205. width:auto;
  206. }
  207.  
  208. #black3 img{
  209. margin-top:100px;
  210. width:390px;
  211. z-index:-1;
  212. height:333px;
  213. margin-left:50px;
  214. position:fixed;
  215. }
  216.  
  217. /*--Corner images--*/
  218.  
  219. #corner1{
  220. width:auto;
  221. }
  222.  
  223. #corner1 img{
  224. margin-top:390px;
  225. width:208px;
  226. height:200px;
  227. margin-left:1140px;
  228. position:fixed;
  229. }
  230.  
  231. #corner2{
  232. width:auto;
  233. }
  234.  
  235. #corner2 img{
  236. margin-top:390px;
  237. width:208px;
  238. height:200px;
  239. margin-left:1140px;
  240. position:fixed;
  241. }
  242.  
  243. #corner3{
  244. width:auto;
  245. }
  246.  
  247. #corner3 img{
  248. margin-top:390px;
  249. width:208px;
  250. height:200px;
  251. margin-left:1140px;
  252. position:fixed;
  253. }
  254.  
  255. /*--Links--*/
  256.  
  257. #links {
  258. margin-top:267px;
  259. margin-left:268px;
  260. padding:2px;
  261. position:fixed;
  262. border:#fff double 4px;
  263. font-family:'Katy Berry';
  264. text-transform:;
  265. text-align:center;
  266. }
  267.  
  268. #links a {
  269. padding-left:25px;
  270. padding-right:25px;
  271. font-size:18px;
  272. color:white;
  273. }
  274.  
  275. #links a:hover {
  276. color:black;
  277. background-color:white;
  278. }
  279.  
  280. /*--Description--*/
  281.  
  282. #description {
  283. margin-top:267px;
  284. border:#fff double 4px;
  285. margin-left:115px;
  286. color:white;
  287. padding:4px;
  288. width:120px;
  289. position:fixed;
  290. font-family:'calibri';
  291. font-size:10px;
  292. text-align:center;
  293. }
  294.  
  295. /*--Pagination--*/
  296.  
  297. #pagination {
  298. margin-top:-20px;
  299. margin-left:733px;
  300. position:fixed;
  301. font-style:italic;
  302. text-align:center;
  303. font-size:13px;
  304. font-family:calibri;
  305. color:{color:link};
  306. }
  307.  
  308. #pagination a{
  309. color:{color:link};
  310. }
  311.  
  312. #pagination a:hover {
  313. color:{color:hover};
  314. }
  315.  
  316. /*--Posts--*/
  317.  
  318. #posts {
  319. width:500px;
  320. margin-bottom:10px;
  321. padding:1px;
  322. font-size:11px;
  323. color:{color:text};
  324. line-height:90%;
  325. text-align:justify;
  326. }
  327.  
  328. #postscontainer {
  329. margin-bottom:20px;
  330. padding:1px;
  331. margin-left:500px;
  332. margin-top:55px;
  333. }
  334.  
  335.  
  336. #info {
  337. margin-bottom:10px;
  338. font-size:8px;
  339. margin-top:10px;
  340. opacity:0;
  341. text-align:left;
  342. padding:5px;
  343. color:#000000;
  344. -webkit-transition: all 0.8s ease;
  345. -moz-transition: all 0.8s ease;
  346. -o-transition: all 0.8s ease;
  347. }
  348.  
  349. #posts:hover #info{
  350. opacity:1;
  351. -webkit-transition: all 0.8s ease;
  352. -moz-transition: all 0.8s ease;
  353. -o-transition: all 0.8s ease;
  354. }
  355.  
  356.  
  357. #reblog {
  358. text-transform:uppercase;
  359. font-family:trebuchet ms;
  360. margin-left:-5px;
  361. margin-top:-5px;
  362. text-align:center;
  363. color:white;
  364. background-color:#000000;
  365. width:35px;
  366. padding:3px;
  367. }
  368.  
  369. #reblog a {
  370. color:white;
  371. }
  372.  
  373. #notes {
  374. margin-left:40px;
  375. margin-top:-12px;
  376. }
  377.  
  378. #rightinfo {
  379. text-transform:uppercase;
  380. font-family:trebuchet ms;
  381. margin-left:370px;
  382. text-align:justify;
  383. float:right;
  384. background-color:#000000;
  385. padding:3px;
  386. margin-top:-12px;
  387. color:white;
  388. }
  389.  
  390. #rightinfo a {
  391. color:white;
  392. }
  393.  
  394. /*--Tags--*/
  395.  
  396. #tags {
  397. width:490px;
  398. margin-left:-4px;
  399. margin-top:7px;
  400. font-size:8px;
  401. color:{color:tags}:
  402. }
  403.  
  404. #tags a {
  405. color:{color:tags};
  406. }
  407.  
  408. #tags a:hover {
  409. color:{color:hover}
  410. }
  411.  
  412. /*--Asks--*/
  413.  
  414. #allask {
  415. background-color:#000;
  416. padding:10px;}
  417.  
  418. #question {
  419. background-color: none;
  420. color:#fff;
  421. text-align: justify;
  422. font-family: 'pt sans';
  423. font-size: 11px;
  424. font-style:none;
  425. margin-left: 50px;
  426. padding:13px;}
  427.  
  428. #askerportrait {
  429. float:left;
  430. width:48px;
  431. height:48px;
  432. position: absolute;}
  433.  
  434. #answer {
  435. padding-top:7px;
  436. text-align: justify;
  437. margin-top: -3px;}
  438.  
  439. /*--Credit--*/
  440.  
  441. #credit {
  442. right:210px;
  443. bottom:0px;
  444. color:{color:text};
  445. position:fixed;
  446. -webkit-transition: all 0.5s ease-out;
  447. -moz-transition: all 0.5s ease-out;
  448. transition: all 0.5s ease-out;
  449. }
  450.  
  451. {CustomCSS}
  452.  
  453. </style></head>
  454. <body>
  455. <div id="title2">{text:Top Title}</div>
  456. <div id="title">{Title}</div>
  457.  
  458. {block:ifblack4}
  459. <div id="black">
  460. <img src="http://i.imgur.com/vsqnfDH.png"></div>
  461. {/block:ifblack4}
  462. {block:ifblack1}
  463. <div id="black1">
  464. <img src="http://i.imgur.com/8qQKa8y.gif"></div>
  465. {/block:ifblack1}
  466. {block:ifblack2}
  467. <div id="black2">
  468. <img src="http://i.imgur.com/21ko171.gif"></div>
  469. {/block:ifblack2}
  470. {block:ifblack3}
  471. <div id="black3">
  472. <img src="http://i.imgur.com/HrEO6Ur.gif"></div>
  473. {/block:ifblack3}
  474.  
  475. {block:ifcorner1}
  476. <div id="corner1">
  477. <img src="http://i.imgur.com/VfrczFM.gif"></div></div>
  478. {/block:ifcorner1}
  479. {block:ifcorner2}
  480. <div id="corner2">
  481. <img src="http://i.imgur.com/auoD7eM.gif"></div></div>
  482. {/block:ifcorner2}
  483. {block:ifcorner3}
  484. <div id="corner3">
  485. <img src="http://i.imgur.com/4Vn0QLU.gif"></div></div>
  486. {/block:ifcorner3}
  487.  
  488. <div id="sidebarimage">
  489. <img src="{image:sidebar}"></div>
  490.  
  491.  
  492. <div id="links">
  493. <a href="{text:link 1 url}">{text:link 1}</a><br>
  494. <a href="{text:link 2 url}">{text:link 2}</a><br>
  495. <a href="{text:link 3 url}">{text:link 3}</a><br>
  496. <a href="{text:link 4 url}">{text:link 4}</a>
  497. </div>
  498.  
  499. <div id="description">{description}</div>
  500. {block:Pagination}
  501. <div id="pagination">
  502.  
  503. {block:PreviousPage}<a href="{PreviousPage}">Prev</a>{/block:PreviousPage}
  504. {block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}
  505. </div>{/block:Pagination}</div>
  506. </div></div>
  507.  
  508.  
  509. <div id="postscontainer">
  510.  
  511. {block:Posts}
  512.  
  513. <div id="posts">
  514.  
  515. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  516.  
  517.  
  518. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  519.  
  520. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  521.  
  522. {block:Quote}{Quote}{block:Source} &#8212;{Source}{/block:Source}{/block:Quote}
  523.  
  524. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  525.  
  526. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  527.  
  528. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  529.  
  530. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  531.  
  532. {block:Answer}
  533. <div id="allask">
  534. <div id="askerportrait"><span style="width:48px;height:48px;"><img src="{AskerPortraitURL-48}"></span></div>
  535. <div id="question"><span style="font-size:8px;text-transform:uppercase;font-family:calibri">{asker}</span></br>{Question} </br></div></div>
  536. <div id="answer">{Answer}</div>{/block:Answer}
  537.  
  538. <img src="http://media.tumblr.com/77ef6ab1b72b1b54ceb0f4f2066335e1/tumblr_inline_mxej5ywHRe1s2pyq9.jpg" width="500px">
  539. <div id="info"><div id="reblog"><a href="{ReblogURL}" target="_blank" class="details">Reblog</a></div><div id="notes"><a href="{Permalink}">
  540. {NoteCountWithLabel}</a></div>
  541. <div id="rightinfo">{block:Date}<a href="{Permalink}">
  542. {TimeAgo}</a></a>{/block:Date} |{block:RebloggedFrom}<a href="{ReblogParentURL}"
  543. title="{ReblogParenttitle}">Via</a> | <a href="{ReblogRootURL}"title="{ReblogRoottitle}">Source</a>{/block:RebloggedFrom}</div>
  544. {block:HasTags} <div id="tags">Tags:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
  545.  
  546.  
  547. </div>
  548.  
  549. {/block:Posts}
  550. {block:PostNotes}{PostNotes}</div>{/block:PostNotes}
  551. {/block:Posts}
  552. </div>
  553.  
  554.  
  555. <div id="credit"><a href="http://hrrys.tumblr.com"><img src="http://i.imgur.com/o7oww2G.png"></a>
  556. </body>
  557. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!