Advertisement
missskinnylove

Theme 13- Thought of you

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