API tools faq
paste
Advertisement
Daichi-Sama

Theme for Becca (Reno)

Daichi-Sama
Nov 18th, 2017
107
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.80 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}
  7. <meta name="description" content="{MetaDescription}" />
  8. {/block:Description}
  9.  
  10.  
  11.  
  12.  
  13.  
  14. <!-- FONT AWESOME - DON'T TOUCH THIS IF YOU WANT TO USE FONT AWESOME -->
  15. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  16.  
  17.  
  18. <!-- TOOLTIP -->
  19. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>
  20. (function($){
  21. $(document).ready(function(){
  22. $("a[title]").style_my_tooltips({
  23. tip_follows_cursor:true,
  24. tip_delay_time:90,
  25. tip_fade_speed:600,
  26. attribute:"title"
  27. });
  28. });
  29. })(jQuery);
  30.  
  31. </script>
  32.  
  33. <!-- END. -->
  34.  
  35.  
  36. <!-- GOOGLE STYLE FONTS -->
  37.  
  38. <!-- css code: font-family: 'PT Sans Narrow', sans-serif; -->
  39. <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:700' rel='stylesheet' type='text/css'>
  40.  
  41. <!-- css code: font-family: 'Yanone Kaffeesatz', sans-serif; -->
  42. <link href='https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
  43.  
  44. <!-- css code: font-family: 'Raleway', sans-serif; -->
  45. <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  46.  
  47. <!-- css code: font-family: 'Saira Extra Condensed', sans-serif; -->
  48. <link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed" rel="stylesheet">
  49.  
  50. <!--css code: font-family: 'Source Code Pro', monospace; -->
  51. <link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet">
  52.  
  53. <!--font-family: 'Ubuntu Mono', monospace; -->
  54. <link href="https://fonts.googleapis.com/css?family=Ubuntu+Mono" rel="stylesheet">
  55.  
  56. <!--font-family: 'Cookie', cursive; -->
  57. <link href="https://fonts.googleapis.com/css?family=Cookie" rel="stylesheet">
  58.  
  59. <!--font-family: 'Great Vibes', cursive; -->
  60. <link href="https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet">
  61.  
  62. <!--font-family: 'Dancing Script', cursive; -->
  63. <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
  64.  
  65. <!--font-family: 'Pacifico', cursive; -->
  66. <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
  67.  
  68. <!--font-family: 'Satisfy', cursive; -->
  69. <link href="https://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet">
  70.  
  71. <!--font-family: 'Oswald', sans-serif; -->
  72. <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
  73.  
  74. <!--font-family: 'Abel', sans-serif; -->
  75. <link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet">
  76.  
  77. <!--font-family: 'Cuprum', sans-serif; -->
  78. <link href="https://fonts.googleapis.com/css?family=Cuprum" rel="stylesheet">
  79.  
  80.  
  81.  
  82. <style type="text/css">
  83.  
  84.  
  85. /* SCROLLBAR */
  86. ::-webkit-scrollbar-thumb{
  87. background-color: transparent; /* CHANGE THE SCROLLBAR COLOR HERE */
  88. border: 1px solid transparent; /* CHANGE THE SCROLLBAR COLOR HERE */
  89. height: auto; }
  90.  
  91. ::-webkit-scrollbar {
  92. height: auto;
  93. width: 0px;
  94. background-color: transparent; }
  95.  
  96. /* BACKGROUND IMAGE, FONT, FONT SIZE & FONT COLOR */
  97.  
  98. body {
  99. background-color:#272727; /*BACKGROUND COLOR */
  100. background-image:url('http://static.tumblr.com/kwctv38/Eccozmktm/background-becca.png'); /* BACKGROUND IMAGE. DELETE IF YOU DON'T WANT */
  101. background-repeat:no-repeat;
  102. background-position:fixed;
  103. background-attachment:fixed;
  104. font-family: 'Abel', sans-serif;
  105. font-size:14px;
  106. color:#a3a5a9; /* FONT COLOR */
  107. font-weight:500%; }
  108.  
  109.  
  110. /* DON'T TOUCH FROM HERE - */
  111.  
  112. small, sub, sup {
  113. font-size:100%;
  114. }
  115.  
  116. /* - TO HERE */
  117.  
  118.  
  119. /* CONTAINER POSITIONING */
  120.  
  121. #container {
  122. position:absolute;
  123. background:transparent; /* BACKGROUND COLOR OF CONTAINER */
  124. left:653px;
  125. top:130px;
  126. height:470px;
  127. width:370px; /* MAKE SURE YOU EDIT THE WIDTH IN POSTS TOO */
  128. line-height:100%;
  129. margin:auto;
  130. position:fixed;
  131. overflow-y:scroll;
  132. overflow-x:hidden;
  133. -webkit-mask-image: -webkit-gradient( /* GRADIENT ON THE BOTTOM */
  134. linear, center 75%, center bottom,
  135. from(rgba(0,0,0,20)),
  136. to(rgba(20,0,0,0)));
  137. opacity:1; /* IF YOU WANT THE HOVER FEATURE CHANGE THIS TO ANYTHING BELOW 1 */
  138. }
  139.  
  140. #container:hover {
  141. opacity:1;
  142. background-color:transparent; /* MAKE SURE THIS MATCHES THE BACKGROUND OF CONTAINER */
  143. z-index:9999;
  144. }
  145.  
  146. /* POSTS */
  147.  
  148. .http://static.tumblr.com/kwctv38/n7cozmkni/backgroundbecca.pngs {
  149. width:350px; /* MAKE SURE THIS IS 20.5 PIXELS BELOW YOUR CONTAINER WIDTH */
  150. background-color:transparent;
  151. padding-top:25px;
  152. padding-bottom:100px;
  153. padding-left:10px;
  154. }
  155.  
  156.  
  157. /* LINKS IN POSTS */
  158.  
  159. a {
  160. text-decoration:none;
  161. color:#a3a5a9; }
  162.  
  163. a:hover {
  164. color:#5a2727; }
  165.  
  166. /* BOLD & ITALICS */
  167.  
  168. b, strong, u {
  169. color:#5a2727;
  170. text-shadow:#000 0.1em 0.1em 0.1em;
  171. font-size:16px;
  172. font-family: 'Yanone Kaffeesatz', sans-serif;
  173. text-transform:uppercase;
  174. }
  175.  
  176. i, em {
  177. color:#9f9d9e;
  178. text-shadow:#000 0.2em 0.1em 0.1em;
  179. text-transform:lowercase;
  180. font-family: 'Dancing Script', cursive;
  181. font-size:20px; }
  182.  
  183. big {
  184. font-size:16px;
  185. text-transform:uppercase;
  186. letter-spacing:2px;
  187. font-family: 'Saira Condensed', sans-serif;
  188. color:#5a2727;
  189. text-shadow: 0px 0px 2px #000;
  190. }
  191.  
  192. /* BLOCKQUOTE */
  193.  
  194. blockquote {
  195. padding:5px;
  196. margin:5px 5px 5px 5px;
  197. border-left:1px solid #a3a5a9; }
  198.  
  199. blockquote img {
  200. max-width:100%;
  201. height:auto; }
  202.  
  203. /* IMAGE - DO NOT TOUCH */
  204.  
  205. img {
  206. max-width: 100%;
  207. border:none; }
  208.  
  209. .caption img {
  210. max-width:315px;
  211. height:auto; }
  212.  
  213. /* HEADERS */
  214.  
  215. h1 {
  216. font-weight:normal;
  217. font-size:20px;
  218. text-align:center;
  219. font-family:'Yanone Kaffeesatz', sans-serif;
  220. color:#5a2727;
  221. line-height:20px;
  222. text-transform:uppercase;}
  223.  
  224. h2 {
  225. font-weight:normal;
  226. font-size:14px;
  227. text-align:center;
  228. font-family:'Yanone Kaffeesatz', sans-serif;
  229. line-height:15px;
  230. text-transform:uppercase;}
  231.  
  232. h3 {
  233. font-family:'Yanone Kaffeesatz', sans-serif;
  234. font-size:16px;
  235. padding: 2px
  236. margin: 5px 0px 0px;
  237. letter-spacing: 1px;
  238. background:url('http://static.tumblr.com/kwctv38/n7cozmkni/backgroundbecca.png'); /* I SUGGEST MAKING THIS THE SAME AS YOUR INFO BG BUT IT'S UP TO YOU */
  239. background-repeat:no-repeat;
  240. background-attachment:fixed;
  241. border:double 3px #a3a5a9;
  242. line-height: normal;
  243. text-transform: uppercase;
  244. color:#fff;
  245. text-align: center;
  246. width:auto;
  247. text-shadow:1px 1px 0px #000,
  248. 1px -1px 0px #000,
  249. -1px -1px 0px #000,
  250. -1px 1px 0px #000,
  251. 0px 1px 0px #000,
  252. 0px -1px 0px #000,
  253. 1px 0px 0px #000,
  254. -1px 0px 0px #000;}
  255.  
  256. /* NOTES & TAGS */
  257.  
  258. #info {
  259. width:auto;
  260. height:10px;
  261. margin-top:5px;
  262. padding:5px;
  263. font-family: 'Abel', sans-serif; /* FONT FOR INFO */
  264. background-color:transparent; /* INFO BACKGROUND COLOR */
  265. background-image:url('http://static.tumblr.com/kwctv38/n7cozmkni/backgroundbecca.png'); /* INFO BACKGROUND */
  266. background-repeat:repeat;
  267. background-attachment:fixed;
  268. border:double 3px #5a2727; /* INFO BORDER */
  269. text-transform:uppercase;
  270. text-align:center;
  271. word-spacing:10px;
  272. font-size:12px;
  273. position:relative;,
  274. }
  275.  
  276. #info a {
  277. color:#eee;
  278. font-style:normal;}
  279.  
  280.  
  281. #info a:hover {
  282. color:#000;
  283. transition-duration:0.9s;
  284. -webkit-transition-duration:0.9s;
  285. -o-transition-duration:0.9s;}
  286.  
  287. .tags {
  288. background:transparent; /* BACKGROUND COLOR FOR TAGS */
  289. text-align:right; /* IF YOU WANT YOU CAN MAKE THIS EITHER CENTER OR LEFT */
  290. font-family: 'Abel', sans-serif; /* TAG FONT */
  291. font-size:8px;
  292. padding-top:5px;
  293. padding-bottom:5px;
  294. height:auto;
  295. width:auto;
  296. }
  297.  
  298. /* NAVIGATION */
  299.  
  300. #link1 {
  301. position:absolute;
  302. position:fixed;
  303. font-family: 'Raleway', sans-serif;
  304. text-transform:bold;
  305. width:10px;
  306. margin-top:210px; /* TOP/BOTTOM POSITIONING */
  307. margin-left:1070px; /* LEFT/RIGHT POSITIONING */
  308. font-size:15px;
  309. line-height:100%;
  310. z-index: 99999;
  311. transform:rotate(0deg); /* IF YOU WANT THEM TO ROTATE CHANGE THE ZERO TO ANY NUMBER WITHIN 360 DEGREES OR -180 TO 180*/
  312. }
  313.  
  314. #link1 a {
  315. width:30px;
  316. line-height:100%;
  317. margin-bottom:10px;
  318. margin-left:2px;
  319. opacity:1;
  320. color:#fff; /* LINK COLOR */
  321. text-shadow: 0 0 15px #eee; /* LINK SHADOW */
  322. letter-spacing:0px;
  323. text-decoration:none; }
  324.  
  325. #link1 a:hover {
  326. color: #000000; /* LINK COLOR UPON HOVERING */
  327. width:60px;
  328. text-shadow: 0 0 15px #eee;
  329. -webkit-filter: blur(1px) ;
  330. -webkit-transition: 0.7s ease-in; >
  331. -moz-transition: }
  332.  
  333. #link2 {
  334. position:absolute;
  335. position:fixed;
  336. font-family: 'Raleway', sans-serif;
  337. text-transform:bold;
  338. width:10px;
  339. margin-top:210px; /* TOP/BOTTOM POSITIONING */
  340. margin-left:1100px; /* LEFT/RIGHT POSITIONING */
  341. font-size:15px;
  342. line-height:100%;
  343. z-index: 99999;
  344. transform:rotate(0deg); /* IF YOU WANT THEM TO ROTATE CHANGE THE ZERO TO ANY NUMBER WITHIN 360 DEGREES OR -180 TO 180*/
  345. }
  346.  
  347. #link2 a {
  348. width:30px;
  349. line-height:100%;
  350. margin-bottom:10px;
  351. margin-left:2px;
  352. opacity:1;
  353. color:#fff; /* LINK COLOR */
  354. text-shadow: 0 0 15px #eee; /* LINK SHADOW */
  355. letter-spacing:0px;
  356. text-decoration:none; }
  357.  
  358. #link2 a:hover {
  359. color: #000000; /* LINK COLOR UPON HOVERING */
  360. width:60px;
  361. text-shadow: 0 0 15px #eee;
  362. -webkit-filter: blur(1px) ;
  363. -webkit-transition: 0.7s ease-in; >
  364. -moz-transition: }
  365.  
  366. #link3 {
  367. position:absolute;
  368. position:fixed;
  369. font-family: 'Raleway', sans-serif;
  370. text-transform:bold;
  371. width:10px;
  372. margin-top:210px; /* TOP/BOTTOM POSITIONING */
  373. margin-left:1130px; /* LEFT/RIGHT POSITIONING */
  374. font-size:15px;
  375. line-height:100%;
  376. z-index:99999;
  377. transform:rotate(0deg); /* IF YOU WANT THEM TO ROTATE CHANGE THE ZERO TO ANY NUMBER WITHIN 360 DEGREES OR -180 TO 180*/}
  378.  
  379. #link3 a {
  380. width:30px;
  381. line-height:100%;
  382. margin-bottom:10px;
  383. margin-left:2px;
  384. opacity:1;
  385. color:#fff; /* LINK COLOR */
  386. text-shadow: 0 0 15px #eee; /* LINK SHADOW */
  387. letter-spacing:0px;
  388. text-decoration:none; }
  389.  
  390. #link3 a:hover {
  391. color: #000000; /* LINK COLOR UPON HOVERING */
  392. width:60px;
  393. text-shadow: 0 0 15px #eee;
  394. -webkit-filter: blur(1px) ;
  395. -webkit-transition: 0.7s ease-in; >
  396. -moz-transition: }
  397.  
  398. #link4 {
  399. position:absolute;
  400. position:fixed;
  401. font-family: 'Raleway', sans-serif;
  402. text-transform:bold;
  403. width:10px;
  404. margin-top:210px; /* TOP/BOTTOM POSITIONING */
  405. margin-left:1160px; /* LEFT/RIGHT POSITIONING */
  406. font-size:15px;
  407. line-height:100%;
  408. z-index:99999;
  409. transform:rotate(0deg); /* IF YOU WANT THEM TO ROTATE CHANGE THE ZERO TO ANY NUMBER WITHIN 360 DEGREES OR -180 TO 180*/}
  410.  
  411. #link4 a {
  412. width:30px;
  413. line-height:100%;
  414. margin-bottom:10px;
  415. margin-left:2px;
  416. opacity:1;
  417. color:#fff; /* LINK COLOR */
  418. text-shadow: 0 0 15px #eee; /* LINK SHADOW */
  419. letter-spacing:0px;
  420. text-decoration:none; }
  421.  
  422. #link4 a:hover {
  423. color: #000000; /* LINK COLOR UPON HOVERING */
  424. width:60px;
  425. text-shadow: 0 0 15px #eee;
  426. -webkit-filter: blur(1px) ;
  427. -webkit-transition: 0.7s ease-in; >
  428. -moz-transition: }
  429.  
  430. /* CREDIT. DO NOT DELETE. YOU MAY MOVE BUT MAKE SURE IT IS STILL THERE */
  431.  
  432. #credit {
  433. position:absolute;
  434. position:fixed;
  435. font-family: 'Abel', sans-serif;
  436. text-transform:bold;
  437. width:auto;
  438. height:auto;
  439. bottom:20px;
  440. right:20px;
  441. padding: 2px 2px 2px;
  442. font-size:12px;
  443. line-height:100%;
  444. z-index:99999999;
  445. letter-spacing: 1px;
  446. border:double 3px #5b5a5e;
  447. }
  448.  
  449. #credit a {
  450. width:30px;
  451. line-height:100%;
  452. margin-bottom:10px;
  453. opacity:1;
  454. color:#353346;
  455. text-shadow: 0 0 1px #eee;
  456. letter-spacing:0px;
  457. text-decoration:none; }
  458.  
  459. #credit a:hover {
  460. color: #000000;
  461. width:60px;
  462. text-shadow: 0 0 15px #eee;
  463. -webkit-filter: blur(1px) ;
  464. -webkit-transition: 0.7s ease-in; >
  465. -moz-transition: }
  466.  
  467.  
  468. /* PAGINATION */
  469.  
  470. #pagination {
  471. position:fixed;
  472. font-size:30px;
  473. top:475px; /* TOP/BOTTOM POSITIONING */
  474. left:865px; /* LEFT/RIGHT POSITIONING */}
  475.  
  476. #pagination a {
  477. width:140px;
  478. line-height:100%;
  479. color:#5a2727; /* PAGINATION COLORING */
  480. font-size:20px;
  481. text-decoration:none; }
  482.  
  483. #pagination a:hover {
  484. text-align:center;
  485. color:#fff; /* PAGINATION COLORING UPON HOVER */
  486. width:40px;
  487. -moz-transition-duration:.9s;
  488. -webkit-transition-duration:.9s;
  489. -o-transition-duration:.9s; }
  490.  
  491. #paginationb {
  492. position:fixed;
  493. font-size:30px;
  494. top:105px; /* TOP/BOTTOM POSITIONING */
  495. left:660px; /* LEFT/RIGHT POSITIONING */ }
  496.  
  497. #paginationb a {
  498. width:140px;
  499. line-height:100%;
  500. color:#5a2727; /* PAGINATION COLORING */
  501. font-size:20px;
  502. text-decoration:none; }
  503.  
  504. #paginationb a:hover {
  505. text-align:center;
  506. color: #7d7d7d; /* PAGINATION COLORING UPON HOVER */
  507. width:40px;
  508. -moz-transition-duration:.9s;
  509. -webkit-transition-duration:.9s;
  510. -o-transition-duration:.9s; }
  511.  
  512. /* THINGS PERTAINING TO ASKS */
  513.  
  514. .ask {
  515. background-image:url('http://static.tumblr.com/kwctv38/n7cozmkni/backgroundbecca.png'); /* ASK BACKGROUND */
  516. background-repeat:repeat;
  517. background-attachment: fixed;
  518. border:double 3px #a3a5a9; /* BORDER COLOR */
  519. }
  520.  
  521. .askerurl {
  522. height:15px;
  523. text-align:center;
  524. margin-top:-20px;}
  525.  
  526. .askerurl a {
  527. font-family: 'Dancing Script', cursive;
  528. font-size:20px;
  529. text-transform:bold;
  530. letter-spacing:1px;
  531. color:#5a2727; /* ASKER'S URL COLOR */
  532. text-align:center;
  533. text-shadow:1px 1px 3px #000, /* SHADOW */}
  534.  
  535. .askerurl a:hover {
  536. color: #a3a5a9; /* COLOR UPON HOVER */
  537. text-shadow: #000 2px 0px 2px;
  538. letter-spacing: 1px;
  539. -moz-transition-duration:.9s;
  540. -webkit-transition-duration:.9s;
  541. -o-transition-duration:.9s; }
  542.  
  543. .question {
  544. text-align:center;
  545. background-color:transparent;
  546. padding:5px 5px;
  547. letter-spacing: 2px;
  548. color:#a3a5a9; /* COLOR OF TEXT INSIDE ASK */
  549. opacity: 1;
  550. padding-top:5px;
  551. margin-top:10px; }
  552.  
  553. /* THE LOOK OF QUOTE POSTS */
  554.  
  555. .quote {
  556. font-size:14px;
  557. letter-spacing:2px;
  558. text-align:center;
  559. border-bottom:solid 1px #a3a5a9; /* BORDER COLOR */
  560. border-radius:25px; /* DELETE THIS IF YOU DON'T WANT THE BORDER ROUNDED */
  561. margin-bottom:5px;
  562. padding-bottom:5px; }
  563.  
  564. .quotesource {
  565. font-size:12px;
  566. letter-spacing:4px;
  567. text-align:right;
  568. color:#5a2727; /* QUOTE SOURCE COLOR */
  569. text-shadow: #000 2px 0px 2px; /* QUOTE SOURCE SHADOW */
  570. margin-top:5px;
  571. margin-bottom:5px;
  572. text-transform:uppercase;
  573. font-style:bold;
  574. font-family:'Yanone Kaffeesatz', sans-serif; }
  575.  
  576.  
  577. /* SIDEBAR FOR YOUR INFORMATION */
  578.  
  579.  
  580. #descriptionbox {
  581. position:fixed;
  582. font-family:'Abel', sans-serif;
  583. font-size:11px;
  584. background-color:transparent; /* DESCRIPTION BOX COLOR */
  585. width:156px;
  586. height:298px;
  587. top:240px; /* TOP/BOTTOM POSITIONING */
  588. margin-left:1052px; /* LEFT/RIGHT POSITIONING */
  589. color:#535859; /* FONT COLOR */
  590. text-align:center;
  591. overflow:scroll;
  592. opacity:1;
  593. padding: 0px 0px 0px;}
  594.  
  595. /* TITLES IN RULES, SIDEBAR, ETC., */
  596.  
  597. #titles {
  598. font-family:'Yanone Kaffeesatz', sans-serif;
  599. font-size: 16px;
  600. padding: 3px 3px;
  601. margin: 5px 0px 0px;
  602. letter-spacing: 1px;
  603. text-shadow: #000 0.5em 0.1em 0.5em; /* SHADOW OF TEXT */
  604. background: url('http://static.tumblr.com/kwctv38/n7cozmkni/backgroundbecca.png'); /* BACKGROUND IMAGE */
  605. background-repeat:repeat;
  606. background-attachment:fixed;
  607. border:double 3px #a3a5a9; /* BORDER */
  608. line-height: normal;
  609. text-transform: uppercase;
  610. color: #fff; /* FONT COLOR */
  611. text-align: center;
  612. width:auto;
  613. }
  614.  
  615.  
  616.  
  617.  
  618. /* PRE WRAP - DO NOT TOUCH */
  619.  
  620. pre {
  621. font-family: 'Yanone Kaffeesatz', sans-serif;
  622. text-transform:uppercase;
  623. font-style:normal;
  624. white-space: pre-wrap;
  625. white-space: -moz-pre-wrap;
  626. white-space: -pre-wrap;
  627. white-space: -o-pre-wrap;
  628. word-wrap: break-word; }
  629.  
  630.  
  631. /* TOOLTIP */
  632.  
  633. #s-m-t-tooltip {
  634. max-width:500px; /* CHANGE THE MAX WIDTH OF THE TOOLTIP */
  635. padding: 5px 8px;
  636. margin: 10px;
  637. font-size: 10px; /* FONT SIZE */
  638. letter-spacing: 1px;
  639. text-transform: uppercase;
  640. background: url('http://static.tumblr.com/kwctv38/kShozmldu/backgroun-becca.png'); /* BACKGROUND IMAGE OF TOOLTIP */
  641. background-repeat:repeat;
  642. background-attachment:fixed;
  643. color: #fff; /* FONT COLOR */
  644. border: double 3px #a3a5a9; /* BORDER COLOR */
  645. z-index: 99999;
  646. transition: 0.5s ease-in-out;
  647. -webkit-transition: 0.5s ease-in-out;
  648. -moz-transition: 0.5s ease-in-out;
  649. -ms-transition: 0.5s ease-in-out;
  650. -o-transition: 0.5s ease-in-out;
  651. text-shadow:1px 1px 0px #000, /* SHADOW OF TEXT */
  652. 1px -1px 0px #000,
  653. -1px -1px 0px #000,
  654. -1px 1px 0px #000,
  655. 0px 1px 0px #000,
  656. 0px -1px 0px #000,
  657. 1px 0px 0px #000,
  658. -1px 0px 0px #000;
  659. }
  660.  
  661.  
  662.  
  663. </style>
  664.  
  665. <body>
  666.  
  667. <!-- THIS IS THE INFORMATION IN THE HOVER TEXT BOX, YOU CAN PUT WHATEVER IN HERE IT WILL SCROLL. -->
  668.  
  669. <div id="descriptionbox">
  670. <div id="titles">RED HAIRED TURK</div><p>
  671. Ind roleplay blog for Reno - Final Fantasy VII.
  672. <br><br>
  673. <b>Mutuals only</b>, <i>selective & private </i>
  674. <br><br>
  675. This blog is OC, multimuse & crossover friendly.
  676. <br><br>
  677. Please read my <b>rules</b> <i>before</i> any interaction!
  678. <br><br>
  679. Penned by <b>Becca</b>.
  680.  
  681. <p>
  682. </div></div></div>
  683.  
  684.  
  685. <!-- LINKS & LINK TITLES -->
  686. <div id="link1"><a href="/" title="REFRESH">I.</a></div>
  687. <div id="link2"><a href="ask" title="ASK">II.</a></div>
  688. <div id="link3"><a href="/rules" title="LAW.">III.</a></div>
  689. <div id="link4"><a href="/nav" title="NAV.">IV.</a></div>
  690.  
  691. <!--DO NOT TOUCH CREDIT -->
  692. <div id="credit"><a href="http://behindtheshield.tumblr.com/" title="BEHINDTHESHIELD.">✭</i></a></div>
  693.  
  694. <!-- DO NOT TOUCH BELOW THIS -->
  695.  
  696. <div id="pagination">{block:Pagination}
  697. {block:NextPage}<a class="next page"> <a href="{NextPage}" title="Next Page">→</a>{/block:NextPage}{/block:Pagination}
  698. </div>
  699.  
  700. <div id="paginationb">{block:Pagination}
  701. {block:PreviousPage}<a class="previous page"> <a href="{PreviousPage}" title"Previous Page">←</a>{/block:PreviousPage}{/block:Pagination}</a></a>
  702. </div>
  703.  
  704.  
  705. <div id="container">
  706.  
  707. {block:Posts}
  708.  
  709. <div class="posts">
  710.  
  711. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  712.  
  713. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="270px">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  714. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  715.  
  716.  
  717. {block:Quote}<div class="quote">❛ {Quote} ❜</div>{block:Source}<div class="quotesource">-{Source}</div>{/block:Source}{/block:Quote}
  718.  
  719. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  720.  
  721. {block:Chat}{block:Title}{Title}</a>{/block:Title}
  722. {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
  723.  
  724. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  725.  
  726. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  727.  
  728.  
  729. {block:Answer}
  730.  
  731. <div class="askpost">
  732.  
  733.  
  734. <div class="ask">
  735. <div class="askerurl">
  736. <center><a href="{AskerURL}">{AskerName}</a></center>
  737. </div>
  738. <div class="question">
  739. {Question}
  740. </div>
  741. </div>
  742.  
  743. {Answer}
  744.  
  745. </div>
  746.  
  747. {/block:Answer}
  748.  
  749. {block:date}
  750. <div id="info">
  751. <a href="{Permalink}" title="{ShortMonth} {DayOfMonth}"> ◆ </a>
  752. <a href="{Permalink}" title="{NoteCount} notes"> ◆ </a>
  753. <a href='{ReblogParentURL}' title="via{ReblogParentURL}"> ◆ </a>
  754. <a href='{ReblogRootURL}' title="source{ReblogRootURL}"> ◆ </a>
  755. <a href='{ReblogURL}' title="Reblog"> ◆ </a>
  756. <p>
  757. <div class="tags">
  758. {block:HasTags}
  759. {block:Tags} <a href="{TagURL}" title="{Tag}" data-tooltip="{Tag}" >╳ {Tag} &nbsp; </a> {/block:Tags}</div>
  760. {/block:HasTags}
  761. </div>
  762. {/block:date}
  763. <p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p>
  764. {block:PostNotes}{PostNotes}{/block:PostNotes}
  765.  
  766. </div>
  767.  
  768. <!-- {block:NoRebloggedFrom}
  769. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  770. {/block:NoRebloggedFrom} -->
  771.  
  772. {block:ContentSource}
  773. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  774. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  775. {/block:SourceLogo}
  776. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  777. {/block:ContentSource}
  778.  
  779. {/block:Posts}
  780. </body>
  781. </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!