API tools faq
paste
Advertisement
thelioness

theme for carolinedearest

thelioness
Apr 20th, 2015
231
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.85 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!---- this is theme 41 by Hollywhood
  9. please don't remove the credit
  10. thank you
  11. --->
  12.  
  13. <meta name="color:Background" content="#ffffff"/>
  14. <meta name="color:Text" content="#9B9B9B"/>
  15. <meta name="color:Link" content="#b8b8b8"/>
  16. <meta name="color:scrollbar" content="#999999">
  17. <meta name="color:title" content="#999999">
  18. <meta name="color:Link Hover" content="#eeeeee"/>
  19.  
  20. <meta name="image:sidebar" content=""/>
  21. <meta name="text:sidebartitle" content="">
  22.  
  23. <meta name="text:link 1" content="Link 1"/>
  24. <meta name="text:link 1 url" content="/"/>
  25. <meta name="text:link 2" content="Link 2"/>
  26. <meta name="text:link 2 url" content="/"/>
  27. <meta name="text:link 3" content="Link 3"/>
  28. <meta name="text:link 3 url" content="/"/>
  29. <meta name="text:link 4" content="Link 4"/>
  30. <meta name="text:link 4 url" content="/"/>
  31. <meta name="text:link 5" content="Link 5"/>
  32. <meta name="text:link 5 url" content="/"/>
  33.  
  34. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  35.  
  36. <style>
  37. div#qTip {
  38. padding: 3px;
  39. display: none;
  40. text-align: center;
  41. position: absolute;
  42. font-size:7px;
  43. margin-left:10px;
  44. margin-top:-2px;
  45. line-height:9px;
  46. font-family:arial;
  47. z-index: 1000;
  48. border: 1px solid #cacaca;
  49. background-color:#2F2F31;
  50. color: #2f2f31;
  51. text-transform:uppercase;
  52. letter-spacing: 2px;
  53. }
  54. </style>
  55.  
  56.  
  57. <style type="text/css">
  58.  
  59. ::-webkit-scrollbar-thumb{
  60. background-color: #252525;
  61. border: 2px solid #fcfcfc;
  62. height:auto;
  63. }
  64.  
  65. ::-webkit-scrollbar {
  66. height:auto;
  67. width:11px;
  68. background-color: #999999;
  69. border:5px solid #fcfcfc;
  70. }
  71.  
  72.  
  73. iframe#tumblr_controls {
  74. white-space:nowrap;
  75. -webkit-filter: invert(100%);
  76. -moz-filter: invert(100%);
  77. -o-filter: invert(100%);
  78. -ms-filter: invert(100%);
  79. filter: invert(100%);
  80. opacity:.2;transition: .8s ease-in-out;
  81. -webkit-transition: .8s ease-in-out;
  82. -moz-transition: .8s ease-in-out;
  83. -o-transition: .8s ease-in-out;
  84. }
  85.  
  86. h1 {
  87. font-weight:normal;
  88. font-size:13px;
  89. text-align:center;
  90. font-style:normal;
  91. line-height:100%;
  92. letter-spacing:1px;
  93. text-transform:normal;
  94. color:#9B9B9B;
  95. }
  96.  
  97. h2 {
  98. font-size:10px;
  99. text-align:center;
  100. line-height:100%;
  101. letter-spacing:-0.5px;
  102. color:#9B9B9B;
  103. font-weight:bold;
  104. text-transform:uppercase;
  105. padding:5px;
  106. padding-bottom:2px;
  107. }
  108.  
  109.  
  110. blockquote {
  111. border-left:2px solid #9B9B9B;
  112. padding-left:5px;
  113. margin:5px;
  114. }
  115.  
  116.  
  117. body {
  118. background:#2f2f31;
  119. background-attachment:"fixed";
  120. background-image:url("https://41.media.tumblr.com/b76c5bc0ae6f36fdab18999cf60af738/tumblr_nn4skzDG9O1utawedo1_1280.jpg");
  121. background-repeat:no-repeat;
  122. background-position: 0px 0px;
  123. margin:0px;
  124. color:#fff;
  125. font-family:arial;
  126. font-size:10px;
  127. line-height:100%;
  128. }
  129.  
  130.  
  131. a {
  132. text-decoration:none;
  133. outline:none;
  134. -moz-outline-style:none;
  135. color:#888888;
  136. -moz-transition-duration:0.5s;
  137. -webkit-transition-duration:0.5s;
  138. -o-transition-duration:0.5s;
  139. }
  140.  
  141. a:hover {
  142. text-decoration:none;
  143. outline:none;
  144. -moz-outline-style:none;
  145. color:#fff;
  146. }
  147.  
  148. img {
  149. border:none;
  150. }
  151.  
  152. blockquote {
  153. padding-left:5px;
  154. border-left:2px solid;
  155. }
  156.  
  157. blockquote blockquote {
  158. padding-left:5px;
  159. border-left:2px solid;
  160. }
  161.  
  162. #post {
  163. width:400px;
  164. padding-bottom:30px;
  165. margin-top:10px;
  166. }
  167.  
  168. #post {
  169. width:400px;
  170. margin-bottom:40px;
  171. margin-left:0px;
  172. padding:0px;
  173. }
  174.  
  175. #entries {
  176. position:relative;
  177. height:150px;
  178. overflow-x:hidden;
  179. overflow-y:auto;
  180. width:500px;
  181. text-align:justify;
  182. padding:20px;
  183. background-color:transparent;
  184. top:350px;
  185. z-index:999;
  186. margin-left:330px;
  187. }
  188.  
  189.  
  190. #sidebar {
  191. color:#9B9B9B;
  192. position:fixed;
  193. width:100px;
  194. height:auto;
  195. margin-top:39px;
  196. margin-left:370px;
  197. text-align:left;
  198. }
  199.  
  200. #sidebarimage img {
  201. width:200px;
  202. margin-top:-10px;
  203. margin-bottom:0px;
  204. margin-left:-9px;
  205. }
  206.  
  207. #links {
  208. position:absolute;
  209. position:fixed;
  210. font-family:arial;
  211. width:220px;
  212. margin-top:-180px;
  213. margin-left:150px;
  214. font-size:25px;
  215. text-transform:uppercase;
  216. text-align:center;
  217. line-height:280%;
  218. }
  219.  
  220. #links a{
  221. line-height:280%;
  222. border-bottom:1px solid transparent;
  223. margin-top:4px;
  224. margin-left:13px;
  225. color:#888888;
  226. text-decoration:none;
  227. -moz-transition-duration:.2s;
  228. -webkit-transition-duration:.2s;
  229. -o-transition-duration:.2s;
  230. }
  231.  
  232. #links a:hover {
  233. color: #fff;
  234. width:60px;
  235. -moz-transition-duration:0.2s;
  236. -webkit-transition-duration:0.2s;
  237. -o-transition-duration:0.2s;
  238. }
  239.  
  240. #description {
  241. position:fixed;
  242. width:200px;
  243. font-family:trebuchet ms;
  244. margin-top:55px;
  245. margin-left:-9px;
  246. text-align:justify;
  247. font-size:9px;
  248. color: #9B9B9B;
  249. letter-spacing:0px;
  250. line-height:130%;
  251. -moz-transition-duration:1s;
  252. -webkit-transition-duration:1s;
  253. -o-transition-duration:1s;
  254. }
  255.  
  256. #description a {
  257. color:#888888;
  258. }
  259.  
  260. #description a:hover {
  261. color:#fff;
  262. }
  263.  
  264. .sidebartitle {
  265. width:210px;
  266. text-align:center;
  267. position:fixed;
  268. font-family:arial;
  269. line-height:120%;
  270. margin-left:-13px;
  271. font-size:13px;
  272. margin-top:10px;
  273. color:#999999;
  274. }
  275.  
  276. #pagination {
  277. font-family:cambria;
  278. width:210px;
  279. font-size:12px;
  280. margin-top:100px;
  281. margin-left:-200px;
  282. padding-left:5px;
  283. letter-spacing:1px;
  284. font-style:italic;
  285. text-align:center;
  286. }
  287.  
  288. #pagination a {
  289. color:#888888;
  290. }
  291.  
  292. #info {
  293. font-family:arial;
  294. width:493px;
  295. margin-top:5px;
  296. padding-top:1px;
  297. font-size:7px;
  298. background:#f7f7f7;
  299. padding:4px;
  300. color:#9B9B9B;
  301. text-transform:uppercase;
  302. font-style:normal;
  303. text-align:left;
  304. -moz-transition-duration:0.5s;
  305. -webkit-transition-duration:0.5s;
  306. -o-transition-duration:0.5s;
  307. }
  308.  
  309. #info a {
  310. color:#888888;
  311. font-style:normal;
  312. }
  313.  
  314. #info a:hover {
  315. color:#fff;
  316. }
  317.  
  318. .tags {
  319. font-family:calibri;
  320. font-style:normal;
  321. width:495px;
  322. text-transform:normal;
  323. font-style:normal;
  324. line-height:120%;
  325. padding-left:5px;
  326. font-size:10px;
  327. text-align:left;
  328. padding-top:5px;
  329. padding-bottom:15px;
  330. -moz-transition-duration:0.2s;
  331. -webkit-transition-duration:0.2s;
  332. -o-transition-duration:0.2s;
  333. }
  334. .tags a{
  335. color:#888888;
  336. -moz-transition-duration:0.2s;
  337. -webkit-transition-duration:0.2s;
  338. -o-transition-duration:0.2s;
  339. }
  340. .tags a:hover{
  341. color:#fff;
  342. -moz-transition-duration:0.2s;
  343. -webkit-transition-duration:0.2s;
  344. -o-transition-duration:0.2s;
  345. }
  346.  
  347. .audio{
  348. background-color:#e5e5e5;
  349. height:65px;
  350. overflow:hidden;
  351. }
  352.  
  353. #ask {
  354. float:left;
  355. color:#9B9B9B;
  356. }
  357.  
  358. #credit {
  359. font-size:9px;
  360. font-family:cambria;
  361. font-style:italic;
  362. letter-spacing:1px;
  363. -moz-transition-duration:0.5s;
  364. -webkit-transition-duration:0.5s;
  365. -o-transition-duration:0.5s;
  366. }
  367.  
  368. #credit a {
  369. background-color:#fff;
  370. padding:5px;
  371. border:1px solid #e9e9e9;
  372. position:fixed;
  373. right:15px;
  374. bottom:10px
  375. }
  376.  
  377. #credit a:hover {
  378. color:#fff;
  379. background-color:#191919;
  380. }
  381. /* BOX 1 */
  382.  
  383. #box {
  384. position:fixed;
  385. top:30px; /* distance from top*/
  386. left:40px; /* distance from left*/
  387. border:1px solid #ececec; /* border colour*/
  388. width:4px; /* box width*/
  389. height:4px; /* box height*/
  390. padding:2px;
  391. z-index:9999999; /* every box you add take off a nine from here */
  392. -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  393. }
  394.  
  395.  
  396. #box:hover {
  397. height:150px; /* content box height */
  398. width:85px; /* content box width */
  399. background:#fff;
  400.  
  401. }
  402.  
  403. #box:hover #cont {
  404. opacity:1;
  405. /* keep these same as above but take off 5 px from width */
  406. width:80px;
  407. height:150px;
  408. }
  409.  
  410. #cont {
  411. position:fixed;
  412. padding:2px;
  413. text-align:center;
  414. overflow:hidden;
  415. width:0;
  416. height:0;
  417. opacity:0;
  418. z-index:9;
  419. -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  420. }
  421.  
  422. /* BOX 2 */
  423.  
  424. #box2 {
  425. position:fixed;
  426. top:30px;
  427. left:54px;
  428. border:1px solid #ececec;
  429. width:4px;
  430. height:4px;
  431. padding:2px;
  432. z-index:999999;
  433. -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  434. }
  435.  
  436.  
  437. #box2:hover {
  438. height:150px;
  439. width:85px;
  440. background:#fff;
  441. }
  442.  
  443. #box2:hover #cont2 {
  444. opacity:1;
  445. width:80px;
  446. height:150px;
  447. }
  448.  
  449. #cont2 {
  450. position:fixed;
  451. font-size:10px;
  452. padding:2px;
  453. text-align:center;
  454. overflow:hidden;
  455. width:0;
  456. height:0;
  457. opacity:0;
  458. z-index:9;
  459. -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  460. }
  461.  
  462. /* BOX 3 */
  463.  
  464. #box3 {
  465. position:fixed;
  466. top:30px;
  467. left:68px;
  468. border:1px solid #ececec;
  469. width:4px;
  470. height:4px;
  471. padding:2px;
  472. z-index:99999;
  473. -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  474. }
  475.  
  476.  
  477. #box3:hover {
  478. height:150px;
  479. width:85px;
  480. background:#fff;
  481. }
  482.  
  483. #box3:hover #cont3 {
  484. opacity:1;
  485. width:80px;
  486. height:150px;
  487. }
  488.  
  489. #cont3 {
  490. position:fixed;
  491. font-size:10px;
  492. padding:2px;
  493. text-align:center;
  494. overflow:hidden;
  495. width:0;
  496. height:0;
  497. opacity:0;
  498. z-index:9;
  499. -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  500. }
  501.  
  502. {CustomCSS}</style></head><body>
  503. <body>
  504. <div id="box">
  505. <div id="cont">
  506. <font color="#00000">
  507. “Were they MISTAKES? <Br/>Because when you came out the other end, <Br/>the W O R S T part of the pain was <i>gone</i>.”</font color>
  508. </div>
  509. </div>
  510.  
  511.  
  512. <div id="box2">
  513. <div id="cont2">
  514. <font color="#00000">
  515. Independent Caroline Forbes from The Vampire Diaries</font color>
  516. </div>
  517. </div>
  518.  
  519. <div id="box3">
  520. <div id="cont3">
  521. credits go to respectful owners.<Br>
  522. <small><a href="dangerouslytris.tumblr.com">theme edited by dangerouslytris</a> </Small>
  523. </div>
  524. </div>
  525. <div id="sidebar">
  526.  
  527. <div id="sidebarimage">
  528. <a href="/"><img src="http://assets.tumblr.com/images/x.gif?v=1"></a></div>
  529.  
  530. <div class="sidebartitle"></div>
  531.  
  532. <div id="links">
  533. <a href="/" >●</a>
  534. <a href="/ask">●</a>
  535. <a href="/" >●</a>
  536. <a href="/">●</a>
  537. <a href="/"> ●</a>
  538. </div>
  539.  
  540. <div id="description">{description}
  541.  
  542. <div id="pagination">
  543. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">return</a>{/block:PreviousPage} &nbsp;&nbsp;&nbsp; {block:NextPage}<a href="{NextPage}">forth</a><br />{/block:NextPage}{/block:Pagination}</div></center></div>
  544. </div></div></div>
  545.  
  546. <div id="entries">{block:Posts}<div id="post">
  547.  
  548. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  549.  
  550. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  551.  
  552. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  553.  
  554. {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  555.  
  556. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  557.  
  558. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
  559.  
  560. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  561.  
  562. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  563.  
  564. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-24}" style="margin-left:7px;margin-right:13px;border:1px solid #e3e3e3;padding:2px;"></div> <em>{Asker}:</em><br> "{Question}"<br><br>{Answer}{/block:Answer}
  565.  
  566. {block:Date}<div id="info"> <a href="{Permalink}">{TimeAgo}</a>
  567. {/block:Date} {block:NoteCount}&nbsp; ( <font color=#ec3d3d>♥</font> <a href="{Permalink}">{NoteCount}</a> ) {/block:NoteCount}<div style="float:right;">
  568.  
  569. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a> {/block:RebloggedFrom}{block:ContentSource} &nbsp; / &nbsp; <a title="{SourceTitle}" href="{SourceURL}">source</a>{/block:ContentSource} {/block:RebloggedFrom} &nbsp; ( <a href="{ReblogURL}"target="_blank" title="reblog this post"><big>+</big> </a> ) </div>
  570. </div>
  571.  
  572.  
  573. {block:HasTags}
  574. <div class="tags">
  575. tagged as:{block:Tags} <a href="{TagURL}">&nbsp; -{Tag}</a> {/block:Tags}</div>
  576. {/block:HasTags}
  577. <div class="postnote">
  578. {block:PostNotes}{PostNotes}{/block:PostNotes}
  579. </div>
  580. </div>
  581. {/block:Posts}
  582.  
  583. </div>
  584. <div id="credit"><a href="http://hollywhood.tumblr.com">HW</div>
  585.  
  586. </body>
  587.  
  588. </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!