API tools faq
paste
Advertisement
Guest User

Swaggg

a guest
Nov 25th, 2014
175
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4.  
  5. <head><title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10. <!--
  11. THEME #23 - THE MAD HATTER BY JASONDILAURENTS / THEMESBYJASONDILAURENTS
  12.  
  13. http://jasondilaurents.tumblr.com
  14. http://themesbyjasondilaurents.tumblr.com
  15.  
  16. Please do not use as base
  17. Don't claim as your own
  18. Don't remove my credit.
  19.  
  20. Thank you!
  21. -->
  22.  
  23. <!--COLORS-->
  24. <meta name="color:Background" content="#ffffff"/>
  25. <meta name="color:Bold" content="#701338"/>
  26. <meta name="color:Blog title" content="#000000"/>
  27. <meta name="color:Description bg" content="#ededed"/>
  28. <meta name="color:Description letter" content="#ffffff"/>
  29. <meta name="color:Description letter bg" content="#b9004a"/>
  30. <meta name="color:Description letter border" content="#000000"/>
  31. <meta name="color:Info" content="#ffffff"/>
  32. <meta name="color:Info bg" content="#000000"/>
  33. <meta name="color:Info border" content="#b9004a"/>
  34. <meta name="color:Italic" content="#585858"/>
  35. <meta name="color:Leftsidebar Background" content="#ffffff"/>
  36. <meta name="color:Links" content="#b9004a"/>
  37. <meta name="color:Links Hover" content="#f90867"/>
  38. <meta name="color:NavLink1" content="#b9004a"/>
  39. <meta name="color:NavLink2" content="#000000"/>
  40. <meta name="color:NavLink3" content="#b9004a"/>
  41. <meta name="color:NavLink4" content="#000000"/>
  42. <meta name="color:NavLink5" content="#b9004a"/>
  43. <meta name="color:NavLink6" content="#000000"/>
  44. <meta name="color:NavLink7" content="#b9004a"/>
  45. <meta name="color:NavLink8" content="#000000"/>
  46. <meta name="color:NavLink9" content="#b9004a"/>
  47. <meta name="color:NavLink10" content="#000000"/>
  48. <meta name="color:NavLink11" content="#b9004a"/>
  49. <meta name="color:NavLink12" content="000000"/>
  50. <meta name="color:NavLink13" content="#b9004a"/>
  51. <meta name="color:NavLinks" content="#ffffff"/>
  52. <meta name="color:Navlinks Hover bg" content="#555555"/>
  53. <meta name="color:Pagination" content="#000000"/>
  54. <meta name="color:Pagination Hover" content="#ffffff"/>
  55. <meta name="color:Pagination Hover bg" content="#b9004a"/>
  56. <meta name="color:Paragraph letter" content="#b9004a"/>
  57. <meta name="color:Post background" content="#ffffff"/>
  58. <meta name="color:Post border" content="#000000"/>
  59. <meta name="color:Post title" content="#000000"/>
  60. <meta name="color:Quote" content="#000000"/>
  61. <meta name="color:Quote border" content="#000000"/>
  62. <meta name="color:Question Bg" content="#5c0025"/>
  63. <meta name="color:Question Border" content="#000000"/>
  64. <meta name="color:Selection" content="#ffffff"/>
  65. <meta name="color:Selection BG" content="#000000"/>
  66. <meta name="color:Sidebar Background" content="#ffffff"/>
  67. <meta name="color:Sidebar Border" content="#000000"/>
  68. <meta name="color:Sidebar Text" content="#989696"/>
  69. <meta name="color:Subtitle" content="#b9004a"/>
  70. <meta name="color:Tags" content="#dd0059"/>
  71. <meta name="color:Text" content="#989696"/>
  72.  
  73. <!--IMAGES AND SUBTITLE-->
  74. <meta name="image:Background" content="" />
  75. <meta name="image:Sidebar" content=""/>
  76. <meta name="image:Leftsidebar bg" content=""/>
  77. <meta name="image:RightSidebar1" content=""/>
  78. <meta name="image:RightSidebar2" content=""/>
  79. <meta name="image:RightSidebar3" content=""/>
  80. <meta name="image:RightSidebar4" content=""/>
  81. <meta name="text:Subtitle" content="" />
  82. <meta name="text:Quote" content="" />
  83.  
  84. <!--NAVIGATION LINKS-->
  85. <meta name="text:Link 1 URL" content=" " />
  86. <meta name="text:Link 1 Title" content="link 1" />
  87. <meta name="text:Link 2 URL" content=" " />
  88. <meta name="text:Link 2 Title" content="link 2" />
  89. <meta name="text:Link 3 URL" content=" " />
  90. <meta name="text:Link 3 Title" content="link 3" />
  91. <meta name="text:Link 4 URL" content=" " />
  92. <meta name="text:Link 4 Title" content="link 4" />
  93. <meta name="text:Link 5 URL" content=" " />
  94. <meta name="text:Link 5 Title" content="link 5" />
  95. <meta name="text:Link 6 URL" content=" " />
  96. <meta name="text:Link 6 Title" content="link 6" />
  97. <meta name="text:Link 7 URL" content=" " />
  98. <meta name="text:Link 7 Title" content="link 7" />
  99. <meta name="text:Link 8 URL" content=" " />
  100. <meta name="text:Link 8 Title" content="link 8" />
  101. <meta name="text:Link 9 URL" content=" " />
  102. <meta name="text:Link 9 Title" content="link 9" />
  103. <meta name="text:Link 10 URL" content=" " />
  104. <meta name="text:Link 10 Title" content="link 10" />
  105.  
  106. <!--SHOW NAVIGATION LINKS-->
  107. <meta name="if:Show Link1" content="1">
  108. <meta name="if:Show Link2" content="1">
  109. <meta name="if:Show Link3" content="1">
  110. <meta name="if:Show Link4" content="1">
  111. <meta name="if:Show Link5" content="1">
  112. <meta name="if:Show Link6" content="1">
  113. <meta name="if:Show Link7" content="1">
  114. <meta name="if:Show Link8" content="1">
  115. <meta name="if:Show Link9" content="1">
  116. <meta name="if:Show Link10" content="1">
  117. <meta name="if:Show Subtitle" content="1">
  118. <meta name="if:Show Quote" content="1">
  119.  
  120.  
  121. <!--FONTS-->
  122. <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400italic,700italic' rel='stylesheet' type='text/css'>
  123.  
  124. <link href='http://fonts.googleapis.com/css?family=Metamorphous' rel='stylesheet' type='text/css'>
  125. <link href='http://fonts.googleapis.com/css?family=Philosopher:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  126.  
  127. <link href='http://fonts.googleapis.com/css?family=Lobster+Two:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  128.  
  129.  
  130. <style type="text/css">
  131.  
  132.  
  133. body {
  134. background:{color:background};
  135. background-image: url('{image:background}');
  136. background-attachment:fixed;
  137. margin:0px;
  138. color:{color:text};
  139. font-family:'calibri';
  140. font-size:11px;
  141. line-height:100%;}
  142.  
  143.  
  144. /* SCROLLBAR */
  145.  
  146. ::-webkit-scrollbar-thumb:vertical {
  147. background-color: {color:Links};
  148. height: 50px;}
  149.  
  150. ::-webkit-scrollbar {
  151. height: 10px;
  152. width: 6px;
  153. background-color: {color:Post Background};}
  154.  
  155.  
  156. /* BASICS */
  157.  
  158. a, a:active, a:visited {
  159. transition:0.8s;
  160. -o-transition-transition:0.8s;
  161. -webkit-transition-duration:0.8s;
  162. -moz-transition-duration:0.8s;
  163. text-decoration:none;
  164. color:{color:links};}
  165.  
  166. a:hover {
  167. transition:0.8s;
  168. -o-transition-transition:0.8s;
  169. -webkit-transition-duration:0.8s;
  170. -moz-transition-duration:0.8s;
  171. text-decoration:none;
  172. color:{color:links hover};
  173. background-color:{color:transparent};}
  174.  
  175. blockquote {
  176. padding-left: 5px;
  177. border-left: 2px solid ;border-color:{color:text};
  178. max-width:500px;}
  179.  
  180. blockquote blockquote {
  181. padding-left:5px;
  182. border-left:2px solid ;border-color:{color:text};
  183. max-width:500px;}
  184.  
  185. b, strong {color:{color:bold};}
  186. i, em {color:{color:italic};}
  187. p {margin-top:5px; margin-bottom:5px}
  188.  
  189. p:first-letter {
  190. color:{color:paragraph letter};
  191. font-size:12px;
  192. font-family:'Philosopher';}
  193.  
  194. blockquote {
  195. padding:0px;
  196. padding-left:5px;
  197. margin:5px;
  198. margin-top:10px;
  199. margin-bottom:10px;
  200. border-left:2px solid ; border-color:{color:text};
  201. max-width:500px;}
  202.  
  203. blockquote img {
  204. max-width:450px}
  205.  
  206. ul, li img {
  207. max-width:300px}
  208.  
  209. h1 {
  210. font-size:16px;
  211. font-family:'Calibri';
  212. line-height:100%;
  213. text-transform:none;
  214. font-weight:normal;
  215. font-style:none;
  216. text-align:center;
  217. margin-top:-10px;
  218. padding:3px;
  219. color:{color:post title};}
  220.  
  221. h2 {
  222. line-height:7px;
  223. font-size:8px;
  224. font-family:'cambria';
  225. text-transform:uppercase;
  226. font-weight:normal;
  227. letter-spacing:0px;
  228. font-style:none;
  229. text-align:center;
  230. color:{color:Subtitle};
  231. margin-top:-3px;
  232. margin-bottom:0px;}
  233.  
  234. h3 {
  235. width:94px;
  236. line-height:9px;
  237. font-size:10px;
  238. font-family:'cambria';
  239. text-transform:none;
  240. font-weight:normal;
  241. letter-spacing:0px;
  242. font-style:italic;
  243. text-align:center;
  244. color:{color:quote};
  245. margin-top:10px;
  246. margin-bottom:0px;
  247. border-right:2px solid {color:quote border};
  248. padding:3px;}
  249.  
  250. /* POSTS */
  251.  
  252. #entries {
  253. width:500px;
  254. padding:10px;
  255. margin-left:565px;
  256. margin-right:auto;
  257. margin-top:0px;
  258. font-family:'calibri';
  259. color:{color:Text};}
  260.  
  261. #post {
  262. width:500px;
  263. padding:20px;
  264. margin-top:-9px;
  265. font-family:'calibri';
  266. background-color:{color:post background};
  267. color:{color:text};
  268. border-top:3px solid;
  269. border-color:{color:info border};
  270. word-wrap: break-word;}
  271.  
  272. #quote {
  273. font-size: 12px;
  274. line-height: 15pt;
  275. font-style:none;
  276. color: {color:text};
  277. font-family: 'Metamorphous';
  278. padding-left: 0px;}
  279.  
  280. #source {
  281. font-family:'philosopher';
  282. text-align: left;
  283. font-size:12px;
  284. font-style:none;
  285. text-transform:none;}
  286.  
  287. /* AUDIO */
  288.  
  289. #audioplayer {
  290. z-index:1;
  291. height:75px;
  292. width:75px;
  293. margin-top:10px;
  294. margin-left:10px;
  295. display:block;
  296. overflow:hidden;
  297. position:absolute;
  298. background-color:#000000;
  299. opacity: 0.5;filter:alpha(opacity=60);
  300. -webkit-transition: all 0.7s ease;
  301. -moz-transition: all 0.7s ease;
  302. -o-transition: all 0.7s ease;}
  303.  
  304. #audioplayer:hover {
  305. opacity: 0.5; filter:alpha(opacity=60);}
  306.  
  307. #audioplayerz {
  308. width:25px;
  309. height:25px;
  310. margin-top:25px;
  311. margin-left:25px;
  312. overflow:hidden;
  313. padding:3px;}
  314.  
  315. #albumart {
  316. margin-top:0px;
  317. margin-left:10px;
  318. margin-right:10px;
  319. z-index:0;
  320. float:left;}
  321.  
  322. #audiostuff {
  323. font-style:italic;
  324. color:{color:text};
  325. text-transform:none;
  326. float:left;
  327. text-align:center;
  328. padding:8px;
  329. letter-spacing:1;
  330. font-size:10px;
  331. margin-top:5px;
  332. margin-bottom:10px;
  333. margin-left:90px;
  334. position:absolute;}
  335.  
  336. /* CREDIT */
  337.  
  338. .credit a{font-family:'calibri'; letter-spacing:1px; font-size:8px; bottom:-5px; right:5px; position:fixed; padding:10px; text-align:right; font-weight:bold; }
  339.  
  340. /* SIDEBAR */
  341.  
  342. #sidebar {
  343. z-index:999;
  344. width:230px;
  345. height:1000%;
  346. border-left:5px solid {color:sidebar border};
  347. position:fixed;
  348. margin-left:255px;
  349. margin-top:-40px;
  350. padding:10px;
  351. background:{color:sidebar background};}
  352.  
  353. #title {
  354. width:200px;
  355. margin-top:100px;
  356. font-size:16px;
  357. line-height:14px;
  358. letter-spacing:0px;
  359. margin-left:auto;
  360. margin-right:auto;
  361. text-align:center;
  362. margin-bottom:8px;
  363. font-family: 'lobster two';
  364. font-style:italic;
  365. font-weight:normal;
  366. text-transform:lowercase;
  367. color:{color:blog title};}
  368.  
  369. #sidebarimage {
  370. width:200px;
  371. margin-left:auto;
  372. margin-right:auto;}
  373.  
  374. #sidebarimage img {
  375. margin-left:auto;
  376. margin-right:auto;
  377. width:200px;
  378. height:auto;}
  379.  
  380. #description {
  381. width:170px;
  382. padding:15px;
  383. margin-top:15px;
  384. text-align:justify;
  385. margin-left:auto;
  386. margin-right:auto;
  387. font-size:11px;
  388. font-family:'calibri';
  389. color:{color:sidebar text};
  390. background-color:{color:description bg};}
  391.  
  392. #description:first-letter {
  393. font-family:'philosopher';
  394. font-size: 26px;
  395. font-style:none;
  396. font-weight:normal;
  397. text-transform:uppercase;
  398. color:{color:description letter};
  399. background-color:{color:description letter bg};
  400. float: left;
  401. border:solid 2px {color:description letter border};
  402. padding-left:5px;
  403. padding-right:5px;
  404. padding-top:8px;
  405. padding-bottom:9px;
  406. margin-right:2px;}
  407.  
  408. /* PAGINATION */
  409.  
  410. #pagination {
  411. font-family:'calibri';
  412. font-size:11px;
  413. color:{color:pagination};
  414. margin-left:auto;
  415. margin-right:auto;
  416. margin-top:15px;
  417. text-align:center;}
  418.  
  419. #pagination a {
  420. color:{color:pagination};
  421. text-align:center;
  422. padding:5px;}
  423.  
  424. #pagination a:hover {
  425. color:{color:pagination hover};
  426. background-color:{color:pagination hover bg};}
  427.  
  428. /* NAVIGATION LINKS */
  429.  
  430. #Navcontainer {
  431. float:right;
  432. position:fixed;
  433. background-color:transparent;
  434. width:100px;
  435. height:100%;
  436. margin-top:-20px;
  437. text-align:center;
  438. margin-left:-330px;
  439. padding-left:0px;
  440. z-index:1;}
  441.  
  442. .Navlinks {
  443. width:10px;
  444. text-align:left;
  445. line-height:10px;
  446. margin-left:0;
  447. line-height:13px;
  448. margin-top:100px;
  449. font-family:'calibri';
  450. font-size:8px;
  451. font-weight:normal
  452. font-style:none;
  453. text-transform:uppercase;}
  454.  
  455. .Navlinks a{
  456. white-space:nowrap;
  457. margin-bottom:3px;
  458. float:right;
  459. letter-spacing:2px;
  460. display:inline-block;
  461. color:{color:Navlinks};
  462. padding:2px 10px 5px 8px;
  463. width:auto;
  464. height:10px;
  465. transition:0.3s;
  466. -o-transition-transition:0.3s;
  467. -webkit-transition-duration:0.3s;
  468. -moz-transition-duration:0.3s;}
  469.  
  470. .Navlinks a:hover{
  471. color:{color:Navlinks hover};
  472. letter-spacing:5px;
  473. padding:2px 18px 5px 8px;
  474. transition:0.3s;
  475. -o-transition-transition:0.3s;
  476. -webkit-transition-duration:0.3s;
  477. -moz-transition-duration:0.3s;}
  478.  
  479.  
  480. .nav1 a{
  481. background-color:{color:NavLink1};}
  482.  
  483. .nav1 a:hover{
  484. background-color:{color:navlinks hover bg};}
  485.  
  486. .nav2 a{
  487. background-color:{color:NavLink2};}
  488.  
  489. .nav2 a:hover{
  490. background-color:{color:navlinks hover bg};}
  491.  
  492. .nav3 a{
  493. background-color:{color:NavLink3};}
  494.  
  495. .nav3 a:hover{
  496. background-color:{color:navlinks hover bg};}
  497.  
  498. .nav4 a{
  499. background-color:{color:NavLink4};}
  500.  
  501. .nav4 a:hover{
  502. background-color:{color:navlinks hover bg};}
  503.  
  504. .nav5 a{
  505. background-color:{color:NavLink5};}
  506.  
  507. .nav5 a:hover{
  508. background-color:{color:navlinks hover bg};}
  509.  
  510. .nav6 a{
  511. background-color:{color:NavLink6};}
  512.  
  513. .nav6 a:hover{
  514. background-color:{color:navlinks hover bg};}
  515.  
  516. .nav7 a{
  517. background-color:{color:NavLink7};}
  518.  
  519. .nav7 a:hover{
  520. background-color:{color:navlinks hover bg};}
  521.  
  522. .nav8 a{
  523. background-color:{color:NavLink8};}
  524.  
  525. .nav8 a:hover{
  526. background-color:{color:navlinks hover bg};}
  527.  
  528. .nav9 a{
  529. background-color:{color:NavLink9};}
  530.  
  531. .nav9 a:hover{
  532. background-color:{color:navlinks hover bg};}
  533.  
  534. .nav10 a{
  535. background-color:{color:NavLink10};}
  536.  
  537. .nav10 a:hover{
  538. background-color:{color:navlinks hover bg};}
  539.  
  540. .nav11 a{
  541. background-color:{color:NavLink11};}
  542.  
  543. .nav11 a:hover{
  544. background-color:{color:navlinks hover bg};}
  545.  
  546. .nav12 a{
  547. background-color:{color:NavLink12};}
  548.  
  549. .nav12 a:hover{
  550. background-color:{color:navlinks hover bg};}
  551.  
  552. .nav13 a{
  553. background-color:{color:NavLink13};}
  554.  
  555. .nav13 a:hover{
  556. background-color:{color:navlinks hover bg};}
  557.  
  558. /*OTHER SIDEBARS*/
  559.  
  560. #leftsidebar {
  561. background-image: url('{image:Leftsidebar bg}');
  562. background-repeat:repeat;
  563. background-position:center bottom;
  564. width:235px;
  565. height:110%;
  566. position:fixed;
  567. margin-top:-40px;
  568. padding:10px;
  569. background-color:{color:leftsidebar background};}
  570.  
  571. #rightcolumn {
  572. width:120px;
  573. height:110%;
  574. position:fixed;
  575. margin-top:0px;
  576. margin-left:1160px;
  577. background-color:transparent;}
  578.  
  579. #rightimage1 {
  580. width:100px;
  581. margin-top:105px;
  582. margin-right:auto;}
  583.  
  584. #rightimage1 img {
  585. width:100px;
  586. height:100px;
  587. border-radius:100px;
  588. transition:0.7s;
  589. -o-transition-transition:0.7s;
  590. -webkit-transition-duration:0.7s;
  591. -moz-transition-duration:0.7s;}
  592.  
  593. #rightimage1 img:hover{
  594. opacity:0.7;
  595. transition:0.7s;
  596. -o-transition-transition:0.7s;
  597. -webkit-transition-duration:0.7s;
  598. -moz-transition-duration:0.7s;
  599. transform:rotate(360deg);
  600. -ms-transform:rotate(360deg);
  601. -webkit-transform:rotate(360deg);}
  602.  
  603. #rightimage2 {
  604. width: 100px;
  605. margin-top:5px;}
  606.  
  607. #rightimage2 img {
  608. width:100px;
  609. height:100px;}
  610.  
  611. #rightimage3 {
  612. width: 100px;
  613. margin-top:5px;}
  614.  
  615. #rightimage3 img {
  616. width:100px;
  617. height:100px;}
  618.  
  619. #rightimage4 {
  620. width: 100px;
  621. margin-top:5px;}
  622.  
  623. #rightimage4 img {
  624. width:100px;
  625. height:100px;}
  626.  
  627. /* INFO & TAGS */
  628.  
  629. #info {
  630. width:530px;
  631. height:10px;
  632. text-transform:uppercase;
  633. letter-spacing:1px;
  634. padding:5px;
  635. font-family:'trebuchet ms';
  636. font-style:normal;
  637. font-weight:normal;
  638. font-size:7px;
  639. color:{color:info};
  640. margin-top:4px;
  641. background-color:{color:info bg};
  642. margin-bottom:9px;
  643. margin-right:auto;}
  644.  
  645. #info a{
  646. color:{color:info};}
  647.  
  648. #info a:hover{
  649. color:{color:links hover};}
  650.  
  651. #tags {
  652. width:530px;
  653. border-top:1px solid {color:post border};
  654. word-wrap:break-word;
  655. text-align:left;
  656. line-height:10px;
  657. letter-spacing:1px;
  658. font-weight:normal;
  659. color:{color:tags};
  660. padding:5px;
  661. text-transform:uppercase;
  662. font-family:'trebuchet ms';
  663. font-style:normal;
  664. font-weight:normal;
  665. font-size:7px;
  666. margin-top:0px;
  667. margin-bottom:10px;
  668. -webkit-transition: opacity 0.5s linear;
  669. -webkit-transition: all 0.5s ease-in-out;
  670. -moz-transition: all 0.5s ease-in-out;
  671. -o-transition: all 0.5s ease-in-out; }
  672.  
  673. #tags a{
  674. color:{color:tags};}
  675.  
  676. #tags a:hover{
  677. text-decoration:underline;}
  678.  
  679. /*QUESTIONS*/
  680.  
  681. #allask {
  682. background-color:transparent;
  683. padding:10px;}
  684.  
  685. #question {
  686. background-color:{color:question bg};
  687. color:{color:text};
  688. border:2px solid {color:question border};
  689. text-transform:none;
  690. text-align: justify;
  691. font-style:italic;
  692. margin-left: 23px;
  693. margin-top:-7px;
  694. padding: 10px;}
  695.  
  696. #askerportrait {
  697. float:left;
  698. width:24px;
  699. height:24px;
  700. background-color:{color:question border};
  701. padding:3px;
  702. position: absolute;}
  703.  
  704. #answer {
  705. text-align: justify;
  706. background-color: none;
  707. margin-left: 0px;}
  708.  
  709. /* SELECTION */
  710.  
  711. ::selection {color:{color:selection}; background: {color:selection BG};}
  712. ::-moz-selection {color: {color:selection}; background: {color:selection BG};}
  713. ::-webkit-selection {color:{color:selection} ; background:{color:selection BG};}
  714.  
  715. /************** FLAGS UPDATES TAB **************/
  716. /* tutorial by deanlirium|tumblr (clarence.tk) */
  717.  
  718. #flags {
  719. position:fixed;
  720. top:100px; /* distance from the top of the page - adjust as you wish! */
  721. right:0px;
  722. text-align:center;
  723. text-transform:uppercase; /* the text is in all caps - delete this line and it won't be */
  724. color:#000000; /* change text color: use sites like http://www.colorpicker.com/ or the tumblr thing, copy the code it gives you and paste it! remember the #! */
  725. font-size:8px; /* adjust font size */
  726. letter-spacing:1px;
  727. z-index:2147483607;
  728. font-family:calibri;}
  729.  
  730.  
  731. #flag1 {
  732. border:solid 6px #4A4A4A; /* flag color */
  733. border-left:solid 6px transparent; /* IMPORTANT! -- to make the flag thicker increase the border and border-right value; it looks better if they both have the same number! */
  734. padding-right:10px;
  735. right:00px;
  736. width:20px; /* increase or decrease to change the lenght of the CLOSED flag */
  737. height:0px;
  738. position:absolute;
  739. -moz-transition:all 0.7s ease-out;
  740. -webkit-transition:all 0.7s ease-out;
  741. -o-transition:all 0.7s ease-out;}
  742.  
  743. #flag1:hover {
  744. width:180px;} /* lenght of the OPEN flag */
  745.  
  746. #upd1 {
  747. position:absolute;
  748. width:110px;
  749. padding:10px;
  750. padding-right:60px; /* adjust this if you've changed the length of the open flag, subtract what you add here to the 'left' value below */
  751. right:-180px;
  752. margin-top:6px; /* keep this number equal to the 'border' value for the flag */
  753. opacity:0;
  754. -moz-transition:all 0.7s ease-out;
  755. -webkit-transition:all 0.7s ease-out;
  756. -o-transition:all 0.7s ease-out;}
  757.  
  758. #flag1:hover #upd1{
  759. right:0px;
  760. opacity:1;}
  761.  
  762. /* following is the coding for the other flags - same as above! */
  763.  
  764. #flag2 {
  765. border:solid 6px #8C8C8C;
  766. margin-top:20px;
  767. position:absolute;
  768. border-left:solid 6px transparent;
  769. padding-right:10px;
  770. right:00px;
  771. width:20px;
  772. height:0px;
  773. -moz-transition:all 0.7s ease-out;
  774. -webkit-transition:all 0.7s ease-out;
  775. -o-transition:all 0.7s ease-out;}
  776.  
  777. #flag2:hover {
  778. width:180px;}
  779.  
  780. #upd2 {
  781. position:absolute;
  782. width:110px;
  783. padding:10px;
  784. padding-right:60px;
  785. right:-180px;
  786. margin-top:6px;
  787. opacity:0;
  788. -moz-transition:all 0.7s ease-out;
  789. -webkit-transition:all 0.7s ease-out;
  790. -o-transition:all 0.7s ease-out;}
  791.  
  792. #flag2:hover #upd2{
  793. right:0px;
  794. opacity:1;}
  795.  
  796. /*if you want more flags, just copy the part of the code below and change the numbers - then increase the margin-top value for the #flag(number) adding 20px each new flag! copy from here: */
  797.  
  798. #flag3 {
  799. border:solid 6px #B3B3B3;
  800. position:absolute;
  801. margin-top:40px; /* this one! */
  802. border-left:solid 6px transparent;
  803. padding-right:10px;
  804. right:0px;
  805. width:20px;
  806. height:0px;
  807. -moz-transition:all 0.7s ease-out;
  808. -webkit-transition:all 0.7s ease-out;
  809. -o-transition:all 0.7s ease-out;}
  810.  
  811. #flag3:hover {
  812. width:180px;}
  813.  
  814. #upd3 {
  815. position:absolute;
  816. width:110px;
  817. padding:10px;
  818. padding-right:60px;
  819. right:-180px;
  820. margin-top:6px;
  821. opacity:0;
  822. -moz-transition:all 0.7s ease-out;
  823. -webkit-transition:all 0.7s ease-out;
  824. -o-transition:all 0.7s ease-out;}
  825.  
  826. #flag3:hover #upd3{
  827. right:0px;
  828. opacity:1;}
  829.  
  830. /* to here */
  831. {CustomCSS}</style></head><body>
  832.  
  833. <div id="sidebar">
  834. <div id="title">{Title}</div>
  835. <div id="subtitle">{block:IfShowSubtitle}<h2>{text:Subtitle}</h2>{/block:IfShowSubtitle}</div></br>
  836. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  837. <div id="description">{Description}</div>
  838. <div id="pagination">
  839. {block:PreviousPage}<a href="{PreviousPage}">«</a> &nbsp;{/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
  840. <span class="current_page"><span style="background-color:{color:pagination hover bg};padding:5px">{PageNumber}</span>{/block:CurrentPage}
  841. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}&nbsp;
  842. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div>
  843. </div></div>
  844.  
  845. <div id="leftsidebar"></div>
  846.  
  847. <div id="rightcolumn">
  848. <div id="rightimage1"><img src="{image:rightsidebar1}">
  849. <div id="rightimage2"><img src="{image:rightsidebar2}">
  850. <div id="rightimage3"><img src="{image:rightsidebar3}">
  851. <div id="rightimage4"><img src="{image:rightsidebar4}">
  852. <div id="quote">{block:IfShowQuote}<h3>{text:Quote}</h3>{/block:IfShowQuote}</div>
  853. </div></div></div></div></div>
  854.  
  855. <div id="entries">
  856.  
  857. <div id="Navcontainer">
  858. <div class="Navlinks">
  859. <div class="nav1"><p><a href="/">home</a></p></div>
  860. <div class="nav2"><a href="/ask">message</a></p></div>
  861. <div class="nav3"><p><a href="/archive">archive</a></p></div>
  862. <div class="nav4">{block:IfShowLink1}<p><a href="{Text:Link 1 URL}">{Text:Link 1 Title}</a></p>{/block:IfShowLink1}</div>
  863. <div class="nav5">{block:IfShowLink2}<p><a href="{Text:Link 2 URL}">{Text:Link 2 Title}</a></p>{/block:IfShowLink2}</div>
  864. <div class="nav6">{block:IfShowLink3}<p><a href="{Text:Link 3 URL}">{Text:Link 3 Title}</a></p>{/block:IfShowLink3}</div>
  865. <div class="nav7">{block:IfShowLink4}<p><a href="{Text:Link 4 URL}">{Text:Link 4 Title}</a></p>{/block:IfShowLink4}</div>
  866. <div class="nav8">{block:IfShowLink5}<p><a href="{Text:Link 5 URL}">{Text:Link 5 Title}</a></p>{/block:IfShowLink5}</div>
  867. <div class="nav9">{block:IfShowLink6}<p><a href="{Text:Link 6 URL}">{Text:Link 6 Title}</a></p>{/block:IfShowLink6}</div>
  868. <div class="nav10">{block:IfShowLink7}<p><a href="{Text:Link 7 URL}">{Text:Link 7 Title}</a></p>{/block:IfShowLink7}</div>
  869. <div class="nav11">{block:IfShowLink8}<p><a href="{Text:Link 8 URL}">{Text:Link 8 Title}</a></p>{/block:IfShowLink8}</div>
  870. <div class="nav12">{block:IfShowLink9}<p><a href="{Text:Link 9 URL}">{Text:Link 9 Title}</a></p>{/block:IfShowLink9}</div>
  871. <div class="nav13">{block:IfShowLink10}<p><a href="{Text:Link 10 URL}">{Text:Link 10 Title}</a></p>{/block:IfShowLink10}</div>
  872. </div></div>
  873.  
  874. {block:Posts}
  875. </br></br>
  876. <div id="info">
  877. <span style="float:left">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} with <a href="{Permalink}">{NoteCount}&nbsp;notes</a></span>
  878. <span style="float:right"><a href="{ReblogURL}" target="_blank" class="details">Reblog</a>&nbsp;{block:RebloggedFrom}/&nbsp;<a title ="{ReblogParentName}" href="{ReblogParentURL}">via</a>&nbsp;{block:ContentSource}/&nbsp;<a href="{SourceURL}">source</a> {/block:ContentSource} {/block:RebloggedFrom}</span></div>
  879.  
  880. <div id="post">{block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}</span>{/block:Text}
  881.  
  882. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  883.  
  884. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  885.  
  886. {block:Quote}<div id="quote">"{Quote}"</div>{block:Source} <Br><div id="source">—{Source}</div>{/block:Source}{/block:Quote}
  887.  
  888. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  889.  
  890. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  891.  
  892. {block:Audio}
  893. <div id="audioplayer"><div id="audioplayerz">{AudioPlayerBlack}</div></div><br>
  894.  
  895. <div id="albumart">
  896. {block:AlbumArt}<img src="{AlbumArtURL}" style="width:75px; height:75px;">{/block:AlbumArt} </div>
  897.  
  898. <div id="audiostuff">
  899. {block:TrackName}
  900. {TrackName}<br>
  901. {/block:TrackName}
  902.  
  903. {block:Artist}{Artist}<br>
  904.  
  905. {/block:Artist}
  906. {block:Album}{Album}<br>
  907. {/block:Album}
  908.  
  909. {PlayCountWithLabel}</div></br></br></br></br></br></br></br></br>
  910. {block:caption}{Caption}{/block:caption}
  911. {/block:Audio}
  912.  
  913. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  914.  
  915. {block:Answer}
  916. <div id="allask">
  917. <div id="askerportrait"><span style="width:24px;height:24px;"><img src="{AskerPortraitURL-24}"></span></div>
  918. <div id="question">{asker}</br>{Question}</br></div></div>
  919. <div style="padding:10px">
  920. <div id="answer">
  921. <span style="color:{color:text};">{Answer}</span></div></div>{/block:Answer}</div>
  922.  
  923. <div id="tags">{block:HasTags}<span style="color:{color:text}">tagged as:</span>&nbsp;{block:Tags}<a href="{TagURL}">{Tag};</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div><BR>
  924.  
  925. {/block:Posts}{block:PostNotes}{PostNotes}</div>{/block:PostNotes}
  926.  
  927. <div class="credit"><a href="http://themesbyjasondilaurents.tumblr.com"> JL</a></div>
  928. <div id="flags">
  929. <div id="flag1"><div id="upd1">
  930. <div id="cont"><center>
  931. <img src="http://share-fastly.picmonkey.com/prod/photo_posts/zGJDFnC4jhS_11337864.jpg"></center>
  932. <a href="/about" target="_blank"><span style="font-family:'pacifico'; font-size:14px; text-transform:none; font-weight:normal; line-height:30px">Iris</span></a> | Cali<br> <br><br><b><a href="/tagged/ME" target="_blank"><span style="font-family:'pacifico'; font-size:14px; text-transform:none; font-weight:normal; line-height:20px">my face woo </span></a></b> "where the band is, home is."-5SOS <br><br>SWEATER PAW LAVENDER HAIRED MICHAEL CLIFFORD IS MY SUNSHINE<br><br>
  933. <center>
  934. <div style="width:59px; color:#f9a4a3; font-weight:bold; overflow:visible"><marquee behavior="alternate" scrollamount="1">&nbsp;(✿◠‿◠) &nbsp;</marquee><br><br>
  935. <script language="JavaScript">
  936. var ref = (''+document.referrer+'');
  937. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID3378696&e1=baby bird&e2=baby birds&r=' + ref + '"><\/script>');
  938. </script><script src="http://s1.freehostedscripts.net/ocounter.php?site=ID3378696&amp;e1=baby bird&amp;e2=baby birds&amp;r="></script><a href="http://freehostedscripts.net/oc.php?id=SUQzMzc4Njk2fGNsYXJlbmNlLnRrfDF8" target="_blank" title="3 Online [FHS]">3 cutie pies </a>
  939. </div></center></div>
  940.  
  941.  
  942. </div></div>
  943.  
  944. <div id="flag2"><div id="upd2">
  945.  
  946. <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: 'calibri'; font-size:8px; line-height:10px; text-align:center; color:#8a8a8a;">
  947. <div style="border: solid 6px #fbbdb0; height: 0px; line-height: 0px; margin-top:5px; color:white;">currently</div><br>
  948. <b>watching:</b> Red Band Society, Bones, Castle, Psych, Scrubs, AMNTM, Modern Family <br>
  949. <b>reading:</b> Eye Of The Minds, The Kill Order, Stumble, Misconcesptions, Laced, Super 8, Flagrant <br>
  950. <b>working on:</b> SSAT studies *cri(+
  951.  
  952.  
  953. <br>
  954. <div style="border: solid 6px #fbbdb0; height: 0px; line-height: 0px; margin-top:5px; color:white;">listening to:</div><br> One Direction-Four
  955. <img src="https://33.media.tumblr.com/e1650cfc4c0d7b87e71e71f3a503779c/tumblr_neooetb30J1ro4m70o2_r1_1280.jpg" width="60"<br><br>
  956. Fifth Harmony-SledgeHammer
  957. <img src="http://cdn02.cdn.justjaredjr.com/wp-content/uploads/headlines/2014/08/fifth-harmony-new-album-cover-for-fans.jpg" width="60"<br><br>
  958.  
  959. </div>
  960. </div></div>
  961.  
  962. <!---- if you want more flags, copy from here ---->
  963.  
  964. <div id="flag3"><div id="upd3">
  965. <div id="cont4">
  966. <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: 'calibri'; font-size:8px; line-height:10px; text-align:center; color:#8a8a8a;">
  967. <div style="border: solid 6px #fbbdb0; color:white; height: 0px; line-height: 0px; margin-top:5px">baes</div><br>
  968. <a href="http://carolinelchesser.tumblr.com/" target="_blank">Caroline</a> | <a href="http://deputyxlydia.tumblr.com/" target="_blank">Mari</a><br>
  969. <a href="http://lordofegg.tumblr.com/" target="_blank">Giselle</a> | <a href="http://exotic-fangirling.tumblr.com/" target="_blank">Ashleigh</a><br>
  970. </div><br>
  971. <div style="border: solid 6px #fbbdb0; color:white; height: 0px; line-height: 0px; margin-top:5px">social</div><br>
  972. twitter <br>
  973. <a href="https://twitter.com/cloudyxclxfford" title="cloudyxclxfford" target="_blank"><span>✿</span></a>
  974. <br> ask.fm <br> <a href-"http://ask.fm/Phils_Lion" title="phils_lion" target="_blank"><span>✿</span></a> <br>kik- sorry_imiris
  975. <br> instagram/imessage-ask if we're mutuals
  976. <br> vine <a href="https://vine.co/u/995131691628707840" title="iris//edits" target="_blank"><br><span>✿</span></a>
  977.  
  978. </div>
  979. </div>
  980.  
  981. </div></div>
  982.  
  983. <!---- to here and change the numbers according to your css! ---->
  984.  
  985. <!---- thanks for passing by and using this tutorial you're raaaaaaaaad c: ---->
  986.  
  987. </div>
  988. </body></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!