API tools faq
paste
Advertisement
Guest User

Impurecas Theme 4

a guest
Jun 19th, 2014
401
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.29 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.  
  5. <!--Theme #4 By Impurecas-->
  6.  
  7. <link href='http://fonts.googleapis.com/css?family=Tangerine:400,700' rel='stylesheet' type='text/css'>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12.  
  13.  
  14. <!-- Code -->
  15. <meta name="color:background" content="#ffffff"/>
  16. <meta name="color:text" content="#AAAAAA"/>
  17. <meta name="color:border" content="#F2F2F2"/>
  18. <meta name="color:scrollbar" content="#D6D5D5">
  19. <meta name="color:link hover" content="#eeeeee"/>
  20. <meta name="color:hover text" content="black"/>
  21. <meta name="color:hover text bg" content="white"/>
  22.  
  23. <meta name="image:sidebar" content=""/>
  24. <meta name="color:sidebar links" content="#000000"/>
  25. <meta name="image:updatesright" content=""/>
  26. <meta name="color:Sidebar Title 1" content="gray"/>
  27. <meta name="color:Sidebar Title 2" content="gray"/>
  28. <meta name="text:Sidebar Title 1" content="" />
  29. <meta name="text:Sidebar Title 2" content="" />
  30.  
  31. <!-- Updates Left -->
  32. <meta name="color:sidebar divider" content="#000000"/>
  33. <meta name="text:Title 1" content="Title 1"/>
  34. <meta name="text:Title 2" content="Title 2"/>
  35. <meta name="text:Title 3" content="Title 3"/>
  36. <meta name="text:Title 4" content="Title 4"/>
  37. <meta name="text:Title 5" content="Title 5"/>
  38. <meta name="text:Title 6" content="Title 6"/>
  39. <meta name="text:Title 7" content="Title 7"/>
  40. <meta name="text:Title 8" content="Title 8"/>
  41. <meta name="text:Title 9" content="Title 9"/>
  42.  
  43.  
  44. <meta name="text:Subtitle 1" content="Subtitle 1"/>
  45. <meta name="text:Subtitle 2" content="Subtitle 2"/>
  46. <meta name="text:Subtitle 3" content="Subtitle 3"/>
  47. <meta name="text:Subtitle 4" content="Subtitle 4"/>
  48. <meta name="text:Subtitle 5" content="Subtitle 5"/>
  49. <meta name="text:Subtitle 6" content="Subtitle 6"/>
  50. <meta name="text:Subtitle 7" content="Subtitle 7"/>
  51. <meta name="text:Subtitle 8" content="Subtitle 8"/>
  52. <meta name="text:Subtitle 9" content="Subtitle 9"/>
  53. <meta name="text:Subtitle 10" content="Subtitle 10"/>
  54. <meta name="text:Subtitle 11" content="Subtitle 11"/>
  55. <meta name="text:Subtitle 12" content="Subtitle 12"/>
  56. <meta name="text:Subtitle 13" content="Subtitle 13"/>
  57. <meta name="text:Subtitle 14" content="Subtitle 14"/>
  58. <meta name="text:Subtitle 15" content="Subtitle 15"/>
  59. <meta name="text:Subtitle 16" content="Subtitle 16"/>
  60. <meta name="text:Subtitle 17" content="Subtitle 17"/>
  61. <meta name="text:Subtitle 18" content="Subtitle 18"/>
  62.  
  63. <meta name="text:Info 1" content="Info 1"/>
  64. <meta name="text:Info 2" content="Info 2"/>
  65. <meta name="text:Info 3" content="Info 3"/>
  66. <meta name="text:Info 4" content="Info 4"/>
  67. <meta name="text:Info 5" content="Info 5"/>
  68. <meta name="text:Info 6" content="Info 6"/>
  69. <meta name="text:Info 7" content="Info 7"/>
  70. <meta name="text:Info 8" content="Info 8"/>
  71. <meta name="text:Info 9" content="Info 9"/>
  72. <meta name="text:Info 10" content="Info 10"/>
  73. <meta name="text:Info 11" content="Info 11"/>
  74. <meta name="text:Info 12" content="Info 12"/>
  75. <meta name="text:Info 13" content="Info 13"/>
  76. <meta name="text:Info 14" content="Info 14"/>
  77. <meta name="text:Info 15" content="Info 15"/>
  78. <meta name="text:Info 16" content="Info 16"/>
  79. <meta name="text:Info 17" content="Info 17"/>
  80. <meta name="text:Info 18" content="Info 18"/>
  81.  
  82.  
  83. <meta name="text:link 1" content="Link 1"/>
  84. <meta name="text:link 1 url" content="/"/>
  85. <meta name="text:link 2" content="Link 2"/>
  86. <meta name="text:link 2 url" content="/"/>
  87. <meta name="text:link 3" content="Link 3"/>
  88. <meta name="text:link 3 url" content="/"/>
  89. <meta name="text:link 4" content="Link 4"/>
  90. <meta name="text:link 4 url" content="/"/>
  91. <meta name="text:link 5" content="Link 4"/>
  92. <meta name="text:link 5 url" content="/"/>
  93. <meta name="color:box1" content="#000000"/>
  94. <meta name="color:box2" content="#000000"/>
  95. <meta name="color:box3" content="#000000"/>
  96. <meta name="color:box4" content="#000000"/>
  97.  
  98. <meta name="text:link 1" content="Link 1"/>
  99. <meta name="text:link 1 url" content="/"/>
  100. <meta name="text:link 2" content="Link 2"/>
  101. <meta name="text:link 2 url" content="/"/>
  102. <meta name="text:link 3" content="Link 3"/>
  103. <meta name="text:link 3 url" content="/"/>
  104. <meta name="text:link 4" content="Link 4"/>
  105. <meta name="text:link 4 url" content="/"/>
  106.  
  107.  
  108.  
  109. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  110.  
  111.  
  112. <style type="text/css">
  113.  
  114. div#qTip{
  115. display: none;
  116. padding:5px;
  117. padding-bottom:4px;
  118. text-align: center;
  119. position: absolute;
  120. font-size:9px;
  121. line-height:10px;
  122. font-family:cambria, calibri;
  123. z-index: 1000;
  124. background: {color:hover text bg};
  125. color: {color:hover text};
  126. text-transform:uppercase;
  127. letter-spacing: 2px;
  128. -moz-transition-duration:.5s;
  129. -webkit-transition-duration:.5s;
  130. -o-transition-duration:.5s;
  131. }
  132. /* Scrollbar */
  133.  
  134. ::-webkit-scrollbar {background-color:{color:background}; height:8px; width:10px}
  135. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  136. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:10px!important}
  137.  
  138. *, body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_mem9zjUXhw1rqv2lu.png), auto;}
  139.  
  140. iframe#tumblr_controls {
  141. top: 0% !important;
  142. right:0% !important;
  143. opacity:0.3;
  144. position: fixed !important;
  145. filter:alpha(opacity=30);
  146. -webkit-transition: all 0.7s ease;
  147. -moz-transition: all 0.7s ease;
  148. -o-transition: all 0.7s ease;
  149. }
  150. iframe#tumblr_controls:hover{
  151. top: 0% !important;
  152. right:0% !important;
  153. opacity:0.8;
  154. position: fixed !important;
  155. filter:alpha(opacity=80);
  156. -webkit-transition: all 0.7s ease;
  157. -moz-transition: all 0.7s ease;
  158. -o-transition: all 0.7s ease;
  159. }
  160.  
  161. /* End Scrollbar */
  162.  
  163. /* Body */
  164.  
  165. h1 {
  166. font-weight:normal;
  167. font-size:13px;
  168. text-align:center;
  169. font-style:normal;
  170. line-height:100%;
  171. letter-spacing:1px;
  172. text-transform:normal;
  173. color:{color:text};
  174. }
  175.  
  176. blockquote {
  177. border-left:2px solid {color:text};
  178. padding-left:5px;
  179. margin:5px;
  180. }
  181.  
  182.  
  183. body {
  184. background:{color:background};
  185. margin:0px;
  186. color:{color:text};
  187. font-family:calibri;
  188. font-size:10px;
  189. line-height:120%;
  190. }
  191.  
  192. a {
  193. text-decoration:none;
  194. outline:none;
  195. -moz-outline-style:none;
  196. color:{color:link};
  197. -moz-transition-duration:0.5s;
  198. -webkit-transition-duration:0.5s;
  199. -o-transition-duration:0.5s;
  200. }
  201.  
  202. a:hover {
  203. text-decoration:none;
  204. outline:none;
  205. -moz-outline-style:none;
  206. color:{color:link hover};
  207. }
  208.  
  209. img {
  210. border:none;
  211. }
  212.  
  213. blockquote {
  214. padding-left:5px;
  215. border-left:2px solid;
  216. }
  217.  
  218. blockquote blockquote {
  219. padding-left:5px;
  220. border-left:2px solid;
  221. }
  222.  
  223. #theme {
  224. width:500px;
  225. margin:0 auto -12px auto;
  226. }
  227.  
  228. #post {
  229. width:500px;
  230. padding-bottom:30px;
  231. margin-top:35px;
  232. }
  233.  
  234. #entries {
  235. padding:10px;
  236. width:500px;
  237. margin-left:200px;
  238. margin-top:20px;
  239. margin-bottom:50px;
  240. }
  241.  
  242.  
  243. #info {
  244. font-family:calibri;
  245. width:500px;
  246. margin-top:6px;
  247. padding-right:2px;
  248. padding-top:2px;
  249. font-size:8px;
  250. letter-spacing:1px;
  251. color:{color:text};
  252. text-transform:uppercase;
  253. font-style:normal;
  254. text-align:right;
  255. border-top:1px solid {color:border};
  256. -moz-transition-duration:0.5s;
  257. -webkit-transition-duration:0.5s;
  258. -o-transition-duration:0.5s;
  259. }
  260.  
  261. #info a {
  262. color:{color:link};
  263. text-align:right;
  264. font-style:normal;
  265. }
  266.  
  267. #info a:hover {
  268. color:{color:link hover};
  269. }
  270.  
  271. .tags {
  272. font-family:calibri;
  273. font-style:normal;
  274. width:500px;
  275. text-transform:normal;
  276. color:{color:link};
  277. line-height:120%;
  278. font-size:8px;
  279. text-align:right;
  280. padding-top:1px;
  281. -moz-transition-duration:0.2s;
  282. -webkit-transition-duration:0.2s;
  283. -o-transition-duration:0.2s;
  284. }
  285.  
  286. #post .tags {
  287. opacity:0;
  288. -moz-transition-duration:1s;
  289. -webkit-transition-duration:1s;
  290. -o-transition-duration:1s;
  291. }
  292.  
  293. #post:hover .tags {
  294. opacity:1;
  295. -moz-transition-duration:1s;
  296. -webkit-transition-duration:1s;
  297. -o-transition-duration:1s;
  298.  
  299. }
  300.  
  301.  
  302.  
  303. .question {
  304. padding:6px;
  305. text-align:left;
  306. text-transform:italic;
  307. color:{color:text};
  308. background-color:#f7f7f7;
  309. line-height:120%;
  310. }
  311.  
  312. .answer {
  313. text-align:left;
  314. padding:4px;
  315. color:{color:text};
  316. }
  317.  
  318. audio{
  319. background-color:#e5e5e5;
  320. height:65px;
  321. overflow:hidden;
  322. }
  323.  
  324. /* End Body */
  325.  
  326. /* Sidebar */
  327.  
  328. #title1 {
  329. margin-left:15px;
  330. margin-top:10px;
  331. color:{color:title1};
  332. width:190px;
  333. font-family:cambria;
  334. font-size:13px;
  335. text-transform:uppercase;
  336. }
  337.  
  338. #title2 {
  339. margin-left:65px;
  340. color:{color:title2};
  341. opacity:1;
  342. width:190px;
  343. font-family:tangerine;
  344. font-size:25px;
  345. text-transform:lowercase;
  346. margin-bottom:6px;
  347. margin-top:8px;
  348.  
  349. }
  350.  
  351. #sidebar {
  352. color:#8b7e73;
  353. position:fixed;
  354. width:60px;
  355. height:auto;
  356. margin-top:180px;
  357. margin-left:-100px;
  358. text-align:left;
  359. }
  360.  
  361.  
  362. #sidebarimage img {
  363. width:150px;
  364. height:187px;
  365. margin-top:7px;
  366. padding:4px;
  367. margin-bottom:1px;
  368. margin-left:15px;
  369. opacity:.85;
  370. }
  371.  
  372.  
  373. #links {
  374. border-top:1px solid #e3e3e3;
  375. margin-top:8px;
  376. opacity:1;
  377. padding-top:10px;
  378. padding-bottom:7px;
  379. width:200px;
  380. height:5px;
  381. font-family:cambria;
  382. text-align:center;
  383. font-style:italic;
  384. margin-top:8px;
  385. margin-left:-5px;
  386. text-align:center;
  387. text-transform:lowercase;
  388. word-spacing:2px;
  389. position:fixed;
  390. word-spacing:14px;
  391.  
  392. }
  393.  
  394. #links a {
  395. color:{color:sidebar links};
  396. font-size: 16px;
  397. }
  398.  
  399. #links a:hover {
  400. color:{color:Hover}
  401. }
  402.  
  403. #description {
  404. width:195px;
  405. height:40px;
  406. font-family:times new roman;
  407. margin-bottom:3px;
  408. padding:3px;
  409. margin-top:42px;
  410. margin-left:-5px;
  411. border-top:1px solid #e3e3e3;
  412. padding-top:7px;
  413. text-align:center;
  414. font-size:12px;
  415. color: #3747c2;
  416. letter-spacing:1px;
  417. line-height:115%;
  418. }
  419.  
  420.  
  421. #description a {
  422. color:{color:link};
  423. }
  424.  
  425. #description a:hover {
  426. color:#f1f1f1;
  427. }
  428.  
  429. #pagination {
  430. font-size:10px;
  431. width:100px;
  432. text-transform:lowercase;
  433. margin-top:-64px;
  434. margin-left:165px;
  435. letter-spacing:1px;
  436. word-spacing:4px;
  437. font-style:italic;
  438. text-align:center;
  439.  
  440.  
  441. }
  442.  
  443. #pagination a {
  444. color:#b3b3b3;
  445. text-align:left
  446. }
  447.  
  448. /* End Sidebar */
  449.  
  450. /* Updates Tab Right */
  451.  
  452. #actualnews {
  453. font-family:georgia;
  454. font-size:10px;
  455. color: #b8b8b8;
  456. width:120px;
  457. height:auto;
  458. padding:5px;
  459. bottom:55px;
  460. right:22px;
  461. text-align:center;
  462. position:fixed;
  463. }
  464.  
  465. #imageright img{
  466. width:120px;
  467. bottom: 8px;
  468. right: 23px;
  469. position:fixed;
  470. }
  471.  
  472. #bite{
  473. opacity: .8;
  474. z-index:99;
  475. }
  476.  
  477. #bite a{
  478. display:block
  479. opacity: .8;
  480. }
  481.  
  482. #bite .death {
  483. margin-top:0px;filter: alpha(opacity = 0);
  484. opacity:0;-webkit-transition: all 0.5s ease-out;
  485. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  486. }
  487.  
  488. #bite:hover .death {
  489. margin-top:0px;
  490. -webkit-transition: all 0.8s ease-out;
  491. -moz-transition: all 0.8s ease-out;
  492. transition: all 0.8s ease-out;
  493. filter: alpha(opacity = 100);
  494. filter: alpha(opacity = 100);
  495. opacity:100;
  496. }
  497.  
  498. /* End Updates Tab Right */
  499.  
  500. /* Updates Tab Left */
  501. /* Tutorial Credit to Slutjensen */
  502.  
  503. #flowers2 img{
  504. width:120px;
  505. top: 0px;
  506. left: -20px;
  507. position:fixed;
  508. transform:
  509. transform:rotate(90deg);
  510. -ms-transform:rotate(90deg);
  511. -webkit-transform:rotate(90deg);
  512. }
  513.  
  514. /* Arrow 1 */
  515.  
  516. #arrow {
  517. font-family:calibri;
  518. color:#B0B0B0;
  519. z-index:99999999;
  520. overflow:hidden;
  521. height:0px;
  522. width:120px;
  523. position:fixed;
  524. margin-left:5px;
  525. margin-top:88px;
  526. width:110px;
  527. border-top: 8px solid transparent;
  528. border-left: 10px solid #87a7ff;
  529. border-bottom: 8px solid transparent;
  530. ;-webkit-transition: all 0.5s ease-out;
  531. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  532. }
  533.  
  534. #arrow:hover {
  535. background-color:#fff;
  536. border-top: 0px solid transparent;
  537. border-bottom: 0px solid transparent;
  538. height:120px; /* Change Height Here to add more content */
  539. width:120px;
  540. border-left: 10px solid #87a7ff;
  541. ;-webkit-transition: all 0.5s ease-out;
  542. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  543. }
  544.  
  545. #content {
  546. text-transform:uppercase;
  547. border:1px solid #eee;
  548. letter-spacing:1px;
  549. font-size:8px;
  550. width:90px;
  551. padding:5px;
  552. opacity:0;
  553. position:absolute;
  554. text-align:center;
  555. line-height:100%;
  556. ;-webkit-transition: all 0.5s ease-out;
  557. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  558. }
  559.  
  560. #arrow:hover #content {
  561. opacity:1;
  562. ;-webkit-transition: all 0.5s ease-out;
  563. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  564. }
  565.  
  566. /* Arrow 2 */
  567.  
  568. #arrow2 {
  569. color:#B0B0B0;
  570. font-family:calibri;
  571. text-transform:uppercase;
  572. z-index:9999999;
  573. overflow:hidden;
  574. height:0px;
  575. width:120px;
  576. position:fixed;
  577. margin-left:5px;
  578. width:110;
  579. margin-top:108px;
  580. border-top: 8px solid transparent;
  581. border-left: 10px solid #4275ff;
  582. border-bottom: 8px solid transparent;
  583. ;-webkit-transition: all 0.5s ease-out;
  584. -moz-transition: all 0.5s ease-out;transition:
  585. all 0.5s ease-out;
  586. }
  587.  
  588. #arrow2:hover {
  589. border-left: 10px solid #4275ff;
  590. opacity:1;
  591. background-color:#fff;
  592. border-top: 0px solid transparent;
  593. border-bottom: 0px solid transparent;
  594. height:120px; /* Change Height Here to add more content */
  595. width:120px;
  596. ;-webkit-transition: all 0.5s ease-out;
  597. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  598. }
  599.  
  600. #content2 {
  601. border:1px solid #eee;
  602. letter-spacing:1px;
  603. font-size:8px;
  604. width:90px;
  605. padding:5px;
  606. opacity:0;
  607. position:absolute;
  608. text-align:center;
  609. line-height:100%;
  610. -moz-transition-duration:0.5s;
  611. -webkit-transition-duration:0.5s;
  612. -o-transition-duration:0.5s;
  613. }
  614.  
  615. #arrow2:hover #content2 {
  616. opacity:1;
  617. -moz-transition-duration:0.5s;
  618. -webkit-transition-duration:0.5s;
  619. -o-transition-duration:0.5s;
  620. }
  621.  
  622. /* Arrow 3 */
  623.  
  624. #arrow3 {
  625. margin-left:5px;
  626. margin-top:128px;
  627. font-family:calibri;
  628. color:#B0B0B0;
  629. z-index:999999;
  630. overflow:hidden;
  631. height:0px;
  632. width:120px;
  633. position:fixed;
  634. border-top: 8px solid transparent;
  635. border-left: 10px solid #1955fa;
  636. border-bottom: 8px solid transparent;
  637. ;-webkit-transition: all 0.5s ease-out;
  638. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  639. }
  640.  
  641. #arrow3:hover {
  642. border-left: 10px solid #1955fa;
  643. background-color:#fff;
  644. border-top: 0px solid transparent;
  645. border-bottom: 0px solid transparent;
  646. height:120px; /* Change Height Here to add more content */
  647. width:120px;
  648. ;-webkit-transition: all 0.5s ease-out;
  649. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  650. }
  651.  
  652. #content3 {
  653. font-family:calibri;
  654. text-transform:uppercase;
  655. letter-spacing:1px;
  656. font-size:8px;
  657. padding:5px;
  658. border:1px solid#eee;
  659. width:90px;
  660. opacity:0;
  661. position:absolute;
  662. text-align:center;
  663. line-height:100%;
  664. -moz-transition-duration:0.5s;
  665. -webkit-transition-duration:0.5s;
  666. -o-transition-duration:0.5s;
  667. }
  668.  
  669. #arrow3:hover #content3 {
  670. opacity:1;
  671. -moz-transition-duration:0.5s;
  672. -webkit-transition-duration:0.5s;
  673. -o-transition-duration:0.5s;
  674. }
  675.  
  676. /* Arrow 4 */
  677.  
  678. #arrow4 {
  679. margin-left:5px;
  680. margin-top:148px;
  681. font-family:calibri;
  682. color:#B0B0B0;
  683. z-index:99999;
  684. overflow:hidden;
  685. height:0px;
  686. width:120px;
  687. position:fixed;
  688. border-top: 8px solid transparent;
  689. border-left: 10px solid #063cd1;
  690. border-bottom: 8px solid transparent;
  691. ;-webkit-transition: all 0.5s ease-out;
  692. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  693. }
  694.  
  695. #arrow4:hover {
  696. border-left: 10px solid #063cd1;
  697. background-color:#fff;
  698. border-top: 0px solid transparent;
  699. border-bottom: 0px solid transparent;
  700. height:120px; /* Change Height Here to add more content */
  701. width:120px;
  702. ;-webkit-transition: all 0.5s ease-out;
  703. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  704. }
  705.  
  706. #content4 {
  707. font-family:calibri;
  708. text-transform:uppercase;
  709. letter-spacing:1px;
  710. font-size:8px;
  711. padding:5px;
  712. border:1px solid#eee;
  713. width:90px;
  714. opacity:0;
  715. position:absolute;
  716. text-align:center;
  717. line-height:100%;
  718. -moz-transition-duration:0.5s;
  719. -webkit-transition-duration:0.5s;
  720. -o-transition-duration:0.5s;
  721. }
  722.  
  723. #arrow4:hover #content4 {
  724. opacity:1;
  725. -moz-transition-duration:0.5s;
  726. -webkit-transition-duration:0.5s;
  727. -o-transition-duration:0.5s;
  728. }
  729.  
  730. /* Arrow 5 */
  731.  
  732. #arrow5 {
  733. margin-left:5px;
  734. margin-top:168px;
  735. font-family:calibri;
  736. color:#B0B0B0;
  737. z-index:9999;
  738. overflow:hidden;
  739. height:0px;
  740. width:120px;
  741. position:fixed;
  742. border-top: 8px solid transparent;
  743. border-left: 10px solid #022ca1;
  744. border-bottom: 8px solid transparent;
  745. ;-webkit-transition: all 0.5s ease-out;
  746. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  747. }
  748.  
  749. #arrow5:hover {
  750. border-left: 10px solid #022ca1;
  751. background-color:#fff;
  752. border-top: 0px solid transparent;
  753. border-bottom: 0px solid transparent;
  754. height:120px; /* Change Height Here to add more content */
  755. width:120px;
  756. ;-webkit-transition: all 0.5s ease-out;
  757. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  758. }
  759.  
  760. #content5 {
  761. font-family:calibri;
  762. text-transform:uppercase;
  763. letter-spacing:1px;
  764. font-size:8px;
  765. padding:5px;
  766. border:1px solid#eee;
  767. width:90px;
  768. opacity:0;
  769. position:absolute;
  770. text-align:center;
  771. line-height:100%;
  772. -moz-transition-duration:0.5s;
  773. -webkit-transition-duration:0.5s;
  774. -o-transition-duration:0.5s;
  775. }
  776.  
  777. #arrow5:hover #content5 {
  778. opacity:1;
  779. -moz-transition-duration:0.5s;
  780. -webkit-transition-duration:0.5s;
  781. -o-transition-duration:0.5s;
  782. }
  783.  
  784. /* Arrow 6 */
  785.  
  786. #arrow6 {
  787. margin-left:5px;
  788. margin-top:188px;
  789. font-family:calibri;
  790. color:#B0B0B0;
  791. z-index:999;
  792. overflow:hidden;
  793. height:0px;
  794. width:120px;
  795. position:fixed;
  796. border-top: 8px solid transparent;
  797. border-left: 10px solid #00195e;
  798. border-bottom: 8px solid transparent;
  799. ;-webkit-transition: all 0.5s ease-out;
  800. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  801. }
  802.  
  803. #arrow6:hover {
  804. border-left: 10px solid #00195e;
  805. background-color:#fff;
  806. border-top: 0px solid transparent;
  807. border-bottom: 0px solid transparent;
  808. height:135px; /* Change Height Here to add more content */
  809. width:120px;
  810. ;-webkit-transition: all 0.5s ease-out;
  811. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  812. }
  813.  
  814. #content6 {
  815. font-family:calibri;
  816. text-transform:uppercase;
  817. letter-spacing:1px;
  818. font-size:8px;
  819. padding:5px;
  820. border:1px solid#eee;
  821. width:90px;
  822. opacity:0;
  823. position:absolute;
  824. text-align:center;
  825. line-height:100%;
  826. -moz-transition-duration:0.5s;
  827. -webkit-transition-duration:0.5s;
  828. -o-transition-duration:0.5s;
  829. }
  830.  
  831. #arrow6:hover #content6 {
  832. opacity:1;
  833. -moz-transition-duration:0.5s;
  834. -webkit-transition-duration:0.5s;
  835. -o-transition-duration:0.5s;
  836. }
  837.  
  838. /* End Updates Tab Left */
  839.  
  840. /* Credit */
  841.  
  842. #credit {
  843. color:blue;
  844. font-size:9px;
  845. font-family:cambria;
  846. font-style:italic;
  847. letter-spacing:1px;
  848. -moz-transition-duration:0.5s;
  849. -webkit-transition-duration:0.5s;
  850. -o-transition-duration:0.5s;
  851. }
  852.  
  853. #credit a {
  854. background-color:#fff;
  855. padding:5px;
  856. border:1px solid #e9e9e9;
  857. position:fixed;
  858. left:5px;
  859. bottom:5px
  860. }
  861.  
  862. #credit a:hover {
  863. color:#fff;
  864. background-color:#191919;
  865. }
  866.  
  867. #flowers img{
  868. width:120px;
  869. bottom: 25px;
  870. left: -20px;
  871. position:fixed;
  872. transform:
  873. transform:rotate(90deg);
  874. -ms-transform:rotate(90deg);
  875. -webkit-transform:rotate(90deg);
  876. }
  877.  
  878.  
  879.  
  880.  
  881. /* End Credit */
  882.  
  883.  
  884. {CustomCSS}</style>
  885.  
  886. <body>
  887. <div id="arrow">
  888. <span id="titleyo"></span>
  889. <div id="content">
  890. <p align="center">
  891. <div style="font-size:8px;color:black">{text:Title 1}</div> <div style="padding-top:1px; text-transform:none; opacity:.9; font-family: 'Josefin Slab', serif; font-size:8px; line-height:10px; text-align:center; color:#000000;">
  892.  
  893. <br>
  894.  
  895. <div style="height:5px;font-size:0px;">&nbsp;</div>
  896. <div style=”color:#000000;background-color:{color:sidebar divider};padding:1px;”><FONT COLOR="#ffffff" style="padding:2px">{text:Subtitle 1}</FONT></div>
  897. <div style="height:10px;font-size:0px;">&nbsp;</div>
  898. {text:Info 1}
  899.  
  900. <div style="height:10px;font-size:0px;">&nbsp;</div>
  901. <div style=”color:#000000;background-color:{color:sidebar divider};padding:1px;”><FONT COLOR="#ffffff" style="padding:2px">{text:Subtitle 2}</FONT></div>
  902. <div style="height:8px;font-size:0px;">&nbsp;</div>
  903. {text:Info 2}
  904.  
  905. </div>
  906.  
  907.  
  908. </div></div>
  909.  
  910. <div id="arrow2">
  911. <div id="content2">
  912. <p align="center">
  913. <div style="font-size:8px;color:black">{text:Title 2}</div> <div style="padding-top:1px; text-transform:none; opacity:.9; font-family: 'Josefin Slab', serif; font-size:8px; line-height:10px; text-align:center; color:#000000;">
  914.  
  915. <br>
  916.  
  917. <div style="height:10px;font-size:0px;">&nbsp;</div>
  918. <div style=”color:#000000;background-color:{color:sidebar divider};padding:1px;”><FONT COLOR="#ffffff" style="padding:2px">{text:Subtitle 3}</FONT></div>
  919. <div style="height:8px;font-size:0px;">&nbsp;</div>
  920. {text:Info 3}
  921.  
  922. <div style="height:10px;font-size:0px;">&nbsp;</div>
  923. <div style=”color:#000000;background-color:{color:sidebar divider};padding:1px;”><FONT COLOR="#ffffff" style="padding:2px">{text:Subtitle 4}</FONT></div>
  924. <div style="height:8px;font-size:0px;">&nbsp;</div>
  925. {text:Info 4}
  926.  
  927. </div>
  928.  
  929. </div></div>
  930.  
  931. <div id="arrow3">
  932. <span id="titleyo3"></span>
  933. <div id="content3">
  934. <p align="center">
  935. <div style="font-size:8px;color:black">{text:Title 3}</div> <div style="padding-top:1px; text-transform:none; opacity:.9; font-family: 'Josefin Slab', serif; font-size:8px; line-height:10px; text-align:center; color:#000000;">
  936.  
  937. <br>
  938.  
  939. <div style="height:10px;font-size:0px;">&nbsp;</div>
  940. <div style=”color:#000000;background-color:{color:sidebar divider};padding:1px;”><FONT COLOR="#ffffff" style="padding:2px">{text:Subtitle 5}</FONT></div>
  941. <div style="height:8px;font-size:0px;">&nbsp;</div>
  942. {text:Info 5}
  943.  
  944. <div style="height:10px;font-size:0px;">&nbsp;</div>
  945. <div style=”color:#000000;background-color:{color:sidebar divider};padding:1px;”><FONT COLOR="#ffffff" style="padding:2px">{text:Subtitle 6}</FONT></div>
  946. <div style="height:8px;font-size:0px;">&nbsp;</div>
  947. {text:Info 6}
  948.  
  949. </div>
  950.  
  951.  
  952. </div>
  953. </div>
  954.  
  955. <div id="arrow4">
  956. <div id="content4">
  957. <p align="center">
  958. <div style="font-size:8px;color:black">{text:Title 4}</div> <div style="padding-top:1px; text-transform:none; opacity:.9; font-family: 'Josefin Slab', serif; font-size:8px; line-height:10px; text-align:center; color:#000000;">
  959.  
  960. <br>
  961.  
  962. <div style="height:10px;font-size:0px;">&nbsp;</div>
  963. <div style=”color:#000000;background-color:{color:sidebar divider};padding:1px;”><FONT COLOR="#ffffff" style="padding:2px">{text:Subtitle 7}</FONT></div>
  964. <div style="height:8px;font-size:0px;">&nbsp;</div>
  965. {text:Info 7}
  966.  
  967. <div style="height:10px;font-size:0px;">&nbsp;</div>
  968. <div style=”color:#000000;background-color:{color:sidebar divider};padding:1px;”><FONT COLOR="#ffffff" style="padding:2px">{text:Subtitle 8}</FONT></div>
  969. <div style="height:8px;font-size:0px;">&nbsp;</div>
  970. {text:Info 8}
  971.  
  972. </div>
  973.  
  974. </div></div>
  975.  
  976. <div id="arrow5">
  977. <div id="content5">
  978. <p align="center">
  979. <div style="font-size:8px;color:black">{text:Title 5}</div> <div style="padding-top:1px; text-transform:none; opacity:.9; font-family: 'Josefin Slab', serif; font-size:8px; line-height:10px; text-align:center; color:#000000;">
  980.  
  981. <br>
  982.  
  983. <div style="height:10px;font-size:0px;">&nbsp;</div>
  984. <div style=”color:#000000;background-color:{color:sidebar divider};padding:1px;”><FONT COLOR="#ffffff" style="padding:2px">{text:Subtitle 9}</FONT></div>
  985. <div style="height:8px;font-size:0px;">&nbsp;</div>
  986. {text:Info 9}
  987.  
  988. <div style="height:10px;font-size:0px;">&nbsp;</div>
  989. <div style=”color:#000000;background-color:{color:sidebar divider};padding:1px;”><FONT COLOR="#ffffff" style="padding:2px">{text:Subtitle 10}</FONT></div>
  990. <div style="height:8px;font-size:0px;">&nbsp;</div>
  991. {text:Info 10}
  992.  
  993. </div>
  994.  
  995.  
  996. </div></div>
  997.  
  998. <div id="arrow6">
  999. <div id="content6">
  1000. <p align="center">
  1001. <div style="font-size:8px;color:black">{text:Title 6}</div> <div style="padding-top:1px; text-transform:none; opacity:.9; font-family: 'Josefin Slab', serif; font-size:8px; line-height:10px; text-align:center; color:#000000;">
  1002.  
  1003. <br>
  1004.  
  1005. <div style="height:10px;font-size:0px;">&nbsp;</div>
  1006. <div style=”color:#000000;background-color:{color:sidebar divider};padding:1px;”><FONT COLOR="#ffffff" style="padding:2px">{text:Subtitle 11}</FONT></div>
  1007. <div style="height:8px;font-size:0px;">&nbsp;</div>
  1008. {text:Info 11}
  1009.  
  1010. <div style="height:10px;font-size:0px;">&nbsp;</div>
  1011. <div style=”color:#000000;background-color:{color:sidebar divider};padding:1px;”><FONT COLOR="#ffffff" style="padding:2px">{text:Subtitle 12}</FONT></div>
  1012. <div style="height:8px;font-size:0px;">&nbsp;</div>
  1013. {text:Info 12}<br><br>
  1014. <a href="http://slutjensen.tumblr.com/">Credit</a>
  1015.  
  1016.  
  1017. </div>
  1018.  
  1019.  
  1020. </div></div>
  1021. <div id="theme">
  1022.  
  1023. <div id="sidebar">
  1024. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  1025.  
  1026. <div id="links">
  1027. <a href="{text:link 1 url}" title="{text:link 1}">i.</a>
  1028. <a href="{text:link 2 url}" title="{text:link 2}">ii.</a>
  1029. <a href="{text:link 3 url}" title="{text:link 3}">iii.</a>
  1030. <a href="{text:link 4 url}" title="{text:link 4}">iv.</a>
  1031. <a href="{text:link 5 url}" title="{text:link 5}">v.</a>
  1032. </div>
  1033.  
  1034. <div id="description">{description}
  1035. <div id="pagination">
  1036. <br>
  1037. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}<br>{block:NextPage}<a href="{NextPage}" style=";">next</a><br />{/block:NextPage}{/block:Pagination}</div></center></div></div>
  1038.  
  1039.  
  1040. <div id="entries">{block:Posts}<div id="post">
  1041.  
  1042. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  1043.  
  1044. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1045.  
  1046. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1047.  
  1048. {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  1049.  
  1050. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  1051.  
  1052. {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}
  1053.  
  1054.  
  1055. {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}
  1056.  
  1057. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1058.  
  1059. {block:Answer}<div class="question">{Asker}: <i>{Question}</i></div><div class="answer">{Answer}</div>{/block:answer}
  1060.  
  1061. {block:Date}<div id="info"><a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  1062. {block:ContentSource} ( source <a href="{SourceURL}">{SourceLink} )</a>{/block:ContentSource}{/block:Date} {block:NoteCount} with <font color=#e9aeca>♥</font> <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}</div>
  1063. {block:HasTags}
  1064. <div class="tags">
  1065. {block:Tags} <a href="{TagURL}"> -{Tag}</a>{/block:Tags}</div>
  1066. {/block:HasTags}
  1067. <div class="postnote">
  1068. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1069. </div>
  1070. </div>
  1071.  
  1072. {/block:Posts}
  1073.  
  1074. </div>
  1075. </div>
  1076. <div id="flowers2"><img src="https://38.media.tumblr.com/abc60df3213a9c372407e210cd467dfc/tumblr_n7f58s3N5B1tb3prto1_500.jpg"></div>
  1077. <div id="credit"><a href="http://joanneharvelle.co.vu/">©CF</a></div>
  1078.  
  1079.  
  1080.  
  1081. </body>
  1082. </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!