Advertisement
missskinnylove

Theme 12- Up in flame

Apr 27th, 2014
5,830
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.84 KB | None | 0 0
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2.  
  3.  
  4. <!-----THEME BY PATTNSON.TUMBLR ------>
  5.  
  6. <!----- Do not steal or remove the credits!
  7. Do not claim as your own!
  8. Do not use my themes as a base!
  9. If you have any questions message me. ------>
  10.  
  11.  
  12. <html>
  13.  
  14. <head>
  15.  
  16.  
  17.  
  18. <!-- DEFAULT VARIABLES -->
  19.  
  20.  
  21.  
  22. <meta name="image:Background" content="" />
  23. <meta name="image:SidebarImg" content="" />
  24. <meta name="image:BigSidebarImg" content="" />
  25.  
  26. <meta name="font:Body" content="cambria" />
  27. <meta name="font:Title" content="cambria" />
  28.  
  29. <meta name="color:Background" content="#ffffff" />
  30. <meta name="color:Borders" content="#f1f1f1" />
  31. <meta name="color:Sidebar" content="#f6f6f6" />
  32. <meta name="color:DescriptionBg" content="#fbfbfb" />
  33. <meta name="color:Description" content="#9d9793" />
  34. <meta name="color:Question" content="#fdfdfd" />
  35. <meta name="color:Bold" content="#706f6e" />
  36. <meta name="color:Posts" content="#f6f6f6" />
  37. <meta name="color:Links" content="#b1b1b1" />
  38. <meta name="color:SLinks" content="#bebebe" />
  39. <meta name="color:SLinksBg" content="#fcfcfc" />
  40. <meta name="color:LinksHover" content="#353433" />
  41.  
  42. <meta name="color:Title" content="#5a5652" />
  43.  
  44.  
  45. <meta name="color:Text" content="#a09b97" />
  46. <meta name="name:start-here" content="#c2bdb9" />
  47.  
  48. <meta name="color:Scrollbar" content="#bebebe"/>
  49.  
  50. <meta name="text:Title1" content="" />
  51. <meta name="text:Title2" content="" />
  52.  
  53. <meta name="text:Link1" content="/" />
  54. <meta name="text:Link1 Title" content="link1" />
  55. <meta name="text:Link2" content="/" />
  56. <meta name="text:Link2 Title" content="link2" />
  57. <meta name="text:Link3" content="/" />
  58. <meta name="text:Link3 Title" content="link3" />
  59. <meta name="text:Link4" content="/" />
  60. <meta name="text:Link4 Title" content="link4" />
  61.  
  62. <meta name="text:BackgroundRepeat" content="repeat" />
  63.  
  64.  
  65. <SCRIPT TYPE="text/javascript">
  66.  
  67.  
  68. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
  69.  
  70. <style type="text/css">{CustomCSS}</style>
  71.  
  72. <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen">
  73.  
  74.  
  75. </SCRIPT>
  76.  
  77. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  78.  
  79. <link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
  80.  
  81.  
  82. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  83.  
  84. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  85.  
  86. <link rel="shortcut icon" href="{Favicon}" />
  87. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  88. <style type="text/css">
  89.  
  90. /*CONTROL BUTTONS*/
  91.  
  92. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  93. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  94.  
  95.  
  96. /*SCROLLBAR*/
  97.  
  98. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar};; height:auto; border: 0px solid #000; }
  99. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar};; height:10px !important;}
  100. ::-webkit-scrollbar {height:7px; width:8px ; background-color:{color:Background};}
  101. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  102.  
  103.  
  104. /*BODY AND LINKS*/
  105.  
  106. #container {width:1200px; text-align:center;
  107. margin: 0 auto;
  108.  
  109. }
  110.  
  111.  
  112. body {
  113. font-family:tahoma;
  114. font-size:10px;
  115. text-align:justify;
  116. line-height:130%;
  117. color:{color:Text};
  118. background:{color:Background};
  119. background-image: url('{image:Background}');
  120. letter-spacing: 1px;
  121. background-attachment:fixed;
  122. background-repeat: {text:BackgroundRepeat};
  123. }
  124.  
  125.  
  126. a:link, a:active, a:visited{
  127. color: {color:Links};
  128. text-decoration:none;
  129. -webkit-transition: all 0.6s ease-in-out;
  130. -moz-transition: all 0.6s ease-in-out;
  131. -o-transition: all 0.6s ease-in-out;
  132. -ms-transition: all 0.6s ease-in-out;
  133. transition: all 0.6s ease-in-out;
  134. }
  135.  
  136. a:hover{
  137. color:{color:LinksHover};
  138. -webkit-transition: all 0.6s ease-in-out;
  139. -moz-transition: all 0.6s ease-in-out;
  140. -o-transition: all 0.6s ease-in-out;
  141. -ms-transition: all 0.6s ease-in-out;
  142. transition: all 0.6s ease-in-out;
  143. }
  144.  
  145.  
  146. #sidebar {
  147. width: 250px;
  148. height: 100%;
  149. position:fixed;
  150. margin-top:-50px;
  151. background-color: {color:Sidebar};
  152. background-size:200px auto;
  153. background-repeat:repeat;
  154.  
  155. }
  156.  
  157.  
  158. #sidebar img{
  159. margin-top: 150px;
  160. width:150px;
  161. height:150px;
  162. text-align:center;
  163. border:1px solid {color:ImageBorder};
  164. border:5px solid #ffffff;
  165. outline:2px double {color:DescriptionBg};
  166. }
  167.  
  168.  
  169. #title1 {
  170. width: 160px;
  171. font-family:Georgia;
  172. font-size:22px;
  173. line-height:20px;
  174. text-align:center;
  175. margin: 10px auto 0 auto;
  176. font-style:italic;
  177. color: {color:accent};
  178. text-shadow:-1px -1px 0px {color:background};
  179. }
  180.  
  181. #title1:first-letter {
  182. font-family: 'Homemade Apple';
  183. font-size:22px;
  184. color: {color:topbar};
  185. }
  186.  
  187. #title2 {
  188. width: 160px;
  189. font-family: Trebuchet MS, Calibri;
  190. font-size:8px;
  191. line-height:9px;
  192. text-align:center;
  193. text-transform:uppercase;
  194. margin: -2px auto 0 auto;
  195. color: {color:sidebartext};
  196. }
  197.  
  198.  
  199. #sidebarlinks {
  200. width:160px;
  201. height: auto;
  202. padding: 2px 0 4px 0;
  203. text-align:center;
  204. background-color: {color:background};
  205. margin: 10px auto 0 auto;
  206. margin-bottom:5px;
  207. }
  208.  
  209. #sidebarlinks a {
  210. display:inline-block;
  211. font-family: Trebuchet MS;
  212. font-size: 8px;
  213. line-height:8px;
  214. padding: 2px 5px;
  215. font-style:none;
  216. text-transform:uppercase;
  217. }
  218.  
  219.  
  220. #sidebarlinks a:hover {
  221. color: {color:Title};
  222. background-color: {color:Sidebar};
  223. }
  224.  
  225. #desc {
  226. width: 140px;
  227. height: auto;
  228. padding:10px;
  229. margin: 0px auto 0 auto;
  230. text-align:justify;
  231. font-family:Calibri;
  232. font-size:11px;
  233. line-height:13px;
  234. color: {color:Description};
  235. background-color: {color:DescriptionBg};
  236. border-bottom: 0px solid {color:border};
  237. }
  238.  
  239. #desc:first-letter {
  240. float:left;
  241. font-family:Georgia;
  242. font-size:25px;
  243. line-height:25px;
  244. padding: 6px 5px 5px 8px;
  245. margin: 3px 2px 0px 0px;
  246. text-shadow: -1px -1px 0px {color:Background};
  247. color: {color:Title};
  248. background-color: {color:Sidebar};
  249. }
  250.  
  251. /* PAGINATION */
  252.  
  253. #pagination {
  254. width: 185px;
  255. height: auto;
  256. margin: 15px auto 0px auto;
  257. font-family:Calibri;
  258. font-size:9px;
  259. text-align:right;
  260. text-transform:uppercase;
  261. color: {color:sidebartext};
  262. position:absolute;
  263. }
  264.  
  265. #pagination a {
  266. color: {color:background};
  267. background-color: {color:border};
  268. padding: 4px;
  269. margin: 0 1px 0 0;
  270. border: 1px solid {color:topbar};
  271. }
  272.  
  273. #pagination a:hover {
  274. color: {color:border};
  275. background-color: {color:background};
  276. border: 1px solid {color:background};}
  277.  
  278. .current_page {
  279. font-weight:bold;
  280. padding: 4px 3px;
  281. color: {color:border};
  282. }
  283.  
  284.  
  285.  
  286. #sidebar2 {
  287. width:350px;
  288. height:350%;
  289. position:fixed;
  290. margin-left:250px;
  291. margin-top:-50px;
  292. background-color: {color:Sidebar};
  293. background-image:url('{image:BigSidebarImg}');
  294. background-size:400px auto;
  295. background-repeat:repeat;
  296. border-right:640px solid {color:Posts};
  297. z-index:-999;
  298. }
  299.  
  300.  
  301.  
  302. /*POSTS*/
  303.  
  304. #entries {
  305. margin-left:620px;
  306. margin-top:50px;
  307. text-align:justify;
  308. font-family:tahoma;
  309. max-width:500px;
  310. }
  311.  
  312.  
  313. #posted {
  314. background:{color:Background};
  315. padding:25px 15px 20px 20px;
  316. overflow:auto;
  317. display:block;
  318. height:100%;
  319. width:510px;
  320. margin-left:30px;
  321. }
  322.  
  323.  
  324. #posts {
  325. background-color:{color:Background};
  326. text-align:justify;
  327. text-align: justify;
  328. padding:0px 0px 0px 0px;
  329. max-width: 500px;
  330. }
  331.  
  332. #info {
  333. width: 480px;
  334. padding: 10px;
  335. text-align: right;
  336. text-transform: uppercase;
  337. font-size: 8px;
  338. color: {color:Text};
  339. font-style: none;
  340. letter-spacing: 1px;
  341. border-bottom:1px solid {color:Borders};
  342.  
  343. font-family:'trebuchet ms';
  344. }
  345.  
  346.  
  347. #tags {
  348. margin-top: 5px;
  349. text-align: center;
  350. margin:auto;
  351. text-transform: uppercase;
  352. font-family:'trebuchet ms';
  353. font-size: 8px;
  354. color: {color:Text};
  355. font-style: none;
  356. letter-spacing: 1px;
  357. padding: 3px 10px 50px 10px;
  358. webkit-transition: all 0.3s ease-in-out;
  359. -moz-transition: all 0.3s ease-in-out;
  360. -o-transition: all 0.3s ease-in-out;
  361. -ms-transition: all 0.3s ease-in-out;
  362. transition: all 0.3s ease-in-out;
  363. }
  364.  
  365.  
  366. /*ASKBOX*/
  367.  
  368. #askbox {
  369. background-color:{color:Question};
  370. height:auto;
  371. width:500px;
  372. }
  373.  
  374. .pic {
  375. background:transparent;
  376. padding:10;
  377. width:50px;
  378. height:50px;
  379. }
  380.  
  381. .pic img {
  382. width:50px;
  383. height:50px;
  384. float:left;
  385. margin-left:5px;
  386. margin-top:5px;
  387. border-radius:100px;
  388. }
  389.  
  390.  
  391. .asker {
  392. text-transform:none;
  393. font-weight:bold;
  394. font-size:9px;
  395. }
  396.  
  397. .answer {
  398. padding:5px 10px 5px 10px;
  399. font-style:italic;
  400. }
  401.  
  402. .question {
  403. background:transparent;
  404. padding:10px 10px 10px 10px;
  405. font-size:9px;
  406. font-style:italic;
  407. height:auto;
  408. min-height:40px;
  409. margin-left:50px;
  410. margin-top:-50px;
  411. }
  412.  
  413.  
  414.  
  415.  
  416. /*OTHER*/
  417.  
  418. h1 {margin-top:6px; font-family:georgia; font-size:17px; text-align:left; text-shadow:-1px -1px 0px {color:Sidebar}; color:{color:Title};margin-left:20px; width:470px; font-style:italic; letter-spacing:1px;
  419.  
  420. }
  421.  
  422. h2{color:{color:text}; font-family:{font:Body}; font-size:12px; line-height:17px; font-weight:normal; margin-left:20px; text-align:justify; margin-top:-6px; width:470px; font-style:italic; letter-spacing:1px;}
  423.  
  424. h2:first-letter {letter-spacing:2px; font-size:20px; color:{color:link};}
  425.  
  426.  
  427. h3 {line-height:17px; color:{color:text}; font-family:{font:Body}; font-size:10px; letter-spacing:1px; text-align:left; margin-left:40px; margin-top:0px; font-style:italic;}
  428.  
  429.  
  430. h4 {position:absolute; margin:-10px 0px 0px -20px; float:left; font-style:italic; font-family:georgia; font-size: 40px; color:{color:quote};}
  431.  
  432.  
  433. p{margin-top:4px; margin-bottom:4px; line-height:15px;
  434. padding-left:20px; padding-right:20px;
  435. }
  436.  
  437.  
  438.  
  439. blockquote {border-left:1px {color:Info} solid; padding-left:2px; margin:0px 2px 0px 10px;}
  440. blockquote img {max-width:450px;}
  441. .blockquote small, blockquote small {font-size:10px;}
  442. b {color: {color:bold};}
  443. i {color: {color:italic};}
  444.  
  445.  
  446. /*CHAT*/
  447.  
  448. .user_1 .label {
  449. color:{color:Text}; font-weight:bold;
  450. }
  451. .user_2 .label {
  452. color:{color:Text}; font-weight:bold;
  453. }
  454.  
  455. ul.chat, .chat ol, .chat li {
  456. list-style:none;
  457. margin:0px;
  458. padding:10px 15px 5px 15px;
  459. line-height:15px;
  460. }
  461.  
  462. img a{
  463. border:none;
  464. }
  465.  
  466.  
  467. /* CREDIT - DON'T TOUCH */
  468.  
  469. #credit {
  470. font-family:calibri;
  471. font-size:10px;
  472. text-transform:uppercase;
  473. bottom:10px;
  474. right:15px;
  475. position:fixed;
  476. width:20px;
  477. height:15px;
  478. padding:4px;
  479. display:block;
  480. text-align:center;
  481. line-height:150%;
  482. -webkit-transition:opacity 0.6s linear;
  483. opacity:0.6s;
  484. -webkit-transition:all 0.3s ease-out;
  485. -moz-transition:all 0.3s ease-out;
  486. transition:all 0.3s ease-out;
  487. border:1px solid {color:Borders};
  488.  
  489. /*-webkit-border-radius: 100px;
  490. -moz-border-radius: 100px;
  491. border-radius: 100px;
  492. */
  493. }
  494.  
  495. #credit:hover {
  496. background-color:#ccc;
  497. }
  498.  
  499. #credit:hover a {
  500. text-decoration:none;
  501. color:#ffffff;
  502. -webkit-transition:opacity 0.6s linear;
  503. opacity:0.6s;
  504. -webkit-transition:all 0.3s ease-out
  505. -moz-transition:all 0.3s ease-out;
  506. transition:all 0.3s ease-out;
  507. }
  508.  
  509.  
  510.  
  511. </style>
  512. <style type="text/css">{CustomCSS}</style>
  513. </head>
  514. <body>
  515.  
  516. <div id="container">
  517.  
  518. <div id="sidebar">
  519.  
  520. <div id="sidebar img" align="center"><img src="{image:SidebarImg}"/></div>
  521.  
  522.  
  523. <div id="title1">{text:Title1}</div>
  524. <div id="title2">{text:Title2}</div>
  525.  
  526. <div id="sidebarlinks">
  527.  
  528. <a href="/" title="home">I.</a>
  529. <a href="/ask" title="ask">II.</a>
  530. {block:ifLink1}<a href="{text:link1}" title="{text:link1 title}">III.</a>{/block:ifLink1}
  531. {block:ifLink2}<a href="{text:link2}" title="{text:link2 title}">IV.</a>{/block:ifLink2}
  532. {block:ifLink3}<a href="{text:link3}" title="{text:link3 title}">V.</a>{/block:ifLink3}
  533. {block:ifLink4}<a href="{text:link4}" title="{text:link4 title}">VI.</a>{/block:ifLink4}
  534. </div>
  535.  
  536.  
  537. {block:Description}<div id="desc">{Description}</div>{/block:Description}
  538. <br>
  539.  
  540. <center> {block:Pagination}
  541. <div class="pagination">
  542. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  543. {block:JumpPagination length="3"}
  544. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  545. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  546. {/block:JumpPagination}
  547. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  548. </div>{/block:Pagination}</div>
  549. </center>
  550.  
  551.  
  552. <div id="sidebar2">
  553.  
  554. </div>
  555.  
  556.  
  557.  
  558.  
  559. <div id="container">
  560.  
  561. <div id="entries">
  562. <div id="posted">
  563.  
  564. {block:Posts}<div id="posts">
  565.  
  566. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  567.  
  568. {block:Text}{Body}{/block:Text}
  569.  
  570. {block:Quote}<h2>"{Quote}" — {Source}</h2>{/block:Quote}
  571.  
  572. {block:Link}<a href="{URL}" class="Links" {Target}><h1>{Name}&nbsp;</h1></a>{block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  573.  
  574. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  575.  
  576. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  577.  
  578. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  579.  
  580. {block:Audio}<div id="_">{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}{AudioPlayerWhite}<br>
  581. {block:TrackName}<b>Song:</b> {TrackName}<br />{/block:TrackName}
  582. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  583. </div> {/block:Audio}
  584. <br>
  585.  
  586. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  587.  
  588. {block:Answer}
  589. <div id="askbox">
  590. <div class="pic">
  591. <a href="{AskerURL}">
  592. <img src="{AskerPortraitURL-48}" />
  593. </a></div>
  594. <div class="question">
  595. <span class="asker">
  596. {Asker} asked:</span><br>
  597. {Question}</div></div>
  598. <div class="answer">
  599. {Answer}</div>
  600. {/block:Answer}
  601.  
  602.  
  603. <div id="info">
  604.  
  605. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> {block:NoteCount}
  606. • <a href="{Permalink}">{NoteCountWithLabel}</a> •
  607. <a href="{ReblogURL}" target="_blank" class="details">Reblog</a> •
  608. {/block:NoteCount}
  609.  
  610. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  611. • {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">@</a>{/block:ContentSource}
  612. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  613.  
  614. </div>
  615.  
  616. <div id="tags">{block:HasTags}{block:Tags}•<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div><BR>
  617.  
  618. {/block:posts}{block:PostNotes}{PostNotes}{/block:PostNotes}
  619. </div>
  620.  
  621.  
  622.  
  623.  
  624.  
  625.  
  626.  
  627. <div id="credit">
  628. <a href="http://pattnson.tumblr.com">MSL</a>
  629. </div>
  630.  
  631. <p></p>
  632.  
  633.  
  634.  
  635. </div>
  636. </body>
  637.  
  638.  
  639. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement