Advertisement
missskinnylove

Theme 7 - Pastel muffins (OLD)

May 8th, 2012
2,559
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.30 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 MISSSKINNYLOVE.TUMBLR ------>
  5.  
  6. <!----- please do not steal or remove the credits! I worked really hard to create it. thank you. ------>
  7.  
  8.  
  9.  
  10. <html>
  11.  
  12. <head>
  13.  
  14. <!-- DEFAULT VARIABLES -->
  15.  
  16.  
  17. <meta name="image:Background" content="" />
  18. <meta name="image:SidebarImg" content="" />
  19.  
  20. <meta name="color:Background" content="#fcf6e9" />
  21. <meta name="color:SidebarBg" content="#fffdf7" />
  22. <meta name="color:SBorder" content="#f5e1d4" />
  23. <meta name="color:Description" content="#fae9e4" />
  24.  
  25.  
  26. <meta name="color:Links" content="#d6a283" />
  27. <meta name="color:LinksHover" content="#f5e1d4" />
  28. <meta name="color:TopLinks" content="#fdfaf8" />
  29.  
  30. <meta name="color:TitleBg" content="#c7ad8f" />
  31. <meta name="color:Title2Bg" content="#b3a582" />
  32. <meta name="color:TopLinksBg" content="#f5e1d4" />
  33.  
  34. <meta name="color:Link1" content="#fff5eb" />
  35. <meta name="color:Link2" content="#fff0e0" />
  36. <meta name="color:Link3" content="#ffebd6" />
  37. <meta name="color:Link4" content="#ffe6cc" />
  38. <meta name="color:Permalink" content="#fff1e2" />
  39. <meta name="color:InfoHover" content="#f5d08c" />
  40. <meta name="color:Title" content="#f5e1d4" />
  41. <meta name="color:Title2" content="#f5e1d4" />
  42. <meta name="color:Text" content="#dac6b1" />
  43. <meta name="color:SText" content="#dac6b1" />
  44. <meta name="color:Question" content="#f5e1d4" />
  45. <meta name="color:Quote" content="#f5e1d4" />
  46.  
  47. <meta name="color:Bold" content="#a88a77" />
  48.  
  49.  
  50. <meta name="font:Body" content="georgia" />
  51. <meta name="font:Title" content="georgia" />
  52. <meta name="text:Title2" content="georgia" />
  53. <meta name="text:Quote" content="""" />
  54.  
  55. <meta name="text:Link1" content="" />
  56. <meta name="text:Link1 URL" content="" />
  57. <meta name="text:Link2" content="" />
  58. <meta name="text:Link2 URL" content="" />
  59. <meta name="text:Link3" content="" />
  60. <meta name="text:Link3 URL" content="" />
  61. <meta name="text:Link4" content="" />
  62. <meta name="text:Link4 URL" content="" />
  63.  
  64. <meta name="if:ShowTitle2" content="0" />
  65. <meta name="if:ShowQuote" content="0" />
  66.  
  67.  
  68. <meta name="text:BackgroundRepeat" content="repeat" />
  69.  
  70.  
  71.  
  72.  
  73. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  74. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  75.  
  76.  
  77. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  78. <link rel="shortcut icon" href="{Favicon}" />
  79. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  80.  
  81.  
  82.  
  83.  
  84. <style type="text/css">
  85.  
  86.  
  87. /* background */
  88.  
  89. body {
  90. color:{color:Text};
  91. background-color:{color:Background};
  92. background-image: url('{image:Background}');
  93. background-attachment:fixed;
  94. background-repeat: {text:BackgroundRepeat};
  95. font-size: 11px;
  96. font-family:{font:Body};
  97. line-height:110%;
  98. text-align:justify
  99. }
  100.  
  101. /* links */
  102.  
  103.  
  104.  
  105. a:link, a:active, a:visited{
  106. color: {color:Links};
  107. text-decoration:none;
  108. -webkit-transition: all 0.6s ease-in-out;
  109. -moz-transition: all 0.6s ease-in-out;
  110. -o-transition: all 0.6s ease-in-out;
  111. -ms-transition: all 0.6s ease-in-out;
  112. transition: all 0.6s ease-in-out;
  113. }
  114.  
  115. a:hover{
  116. color:{color:LinksHover};
  117. background-color:{color:Background};
  118. -webkit-transition: all 0.6s ease-in-out;
  119. -moz-transition: all 0.6s ease-in-out;
  120. -o-transition: all 0.6s ease-in-out;
  121. -ms-transition: all 0.6s ease-in-out;
  122. transition: all 0.6s ease-in-out;
  123. }
  124.  
  125.  
  126.  
  127. /* sidebar */
  128.  
  129.  
  130. #sidebar{
  131. margin-top:180px;
  132. position: fixed;
  133. z-index: 8;
  134. float:left;
  135. width:310px;
  136. height:360px;
  137. margin-left:130px;
  138. font-size: 9px;
  139. text-align: center;
  140. border-right: 11px solid {color:Sborder};
  141. border-left: 10px solid {color:SBorder};
  142. border-top: 10px solid {color:Sborder};
  143. border-bottom: 10px solid {color:SBorder};
  144. background: {color:SidebarBg};
  145. letter-spacing: 1px;
  146. padding: 5px;
  147. }
  148.  
  149.  
  150. #sidebarimg {
  151. margin-top:4px;
  152. width:300px;
  153. height:350px;
  154. }
  155.  
  156.  
  157.  
  158. /* description */
  159.  
  160.  
  161. #description {
  162. margin-top:198px;
  163. position: fixed;
  164. z-index: 8;
  165. float:left;
  166. width:280px;
  167. height:317px;
  168. margin-left:150px;
  169. font-size: 9px;
  170. text-align: center;
  171. border-right: 0px solid {color:Description};
  172. background: {color:Description};
  173. -webkit-transition-duration: 0.9s;
  174. -moz-transition-duration: 0.9s;
  175. text-align:center;
  176. letter-spacing: 1px;
  177. padding: 30px 10px 5px 10px;
  178. color:{color:STitle};
  179. filter:alpha(opacity=0);
  180. -moz-opacity:0.0;
  181. -khtml-opacity: 0.0;
  182. opacity: 0.0;
  183. }
  184.  
  185.  
  186. #description:hover{
  187. filter:alpha(opacity=90);
  188. -moz-opacity:0.9;
  189. -khtml-opacity: 0.9;
  190. opacity: 0.9;
  191. color:{color:STitle};
  192. }
  193.  
  194.  
  195.  
  196. #title {width: 300px; height:auto; position: fixed; top: 508px; left: 158px; overflow:hidden; background-color: transparent; color: {color:Title}; font-family: "Gruenewald VA"; font-size: 22px; line-height: 40px; padding-bottom: 2px; text-transform: lowercase; text-align:center; letter-spacing: 2px; background: {color:TitleBg}; z-index:999;
  197. filter:alpha(opacity=60);
  198. -moz-opacity:0.6;
  199. -khtml-opacity: 0.6;
  200. opacity: 0.6;
  201. }
  202.  
  203. .title2 {width: 250px; height:auto; position: fixed; top: 542px; left: 208px; overflow:hidden; background-color: transparent; color: {color:Title2}; font-family: georgia; font-size: 9px; line-height: 10px; padding-bottom: 4px; text-transform: uppercase; text-align:right; letter-spacing: 2px; z-index:999; background: {color:Title2Bg};
  204. -moz-border-radius: 20px 0px 0px 300px;
  205. -webkit-border-radius: 20px 0px 0px 300px;
  206. border-radius: 20px 0px 0px 300px;
  207. -webkit-transition: all 0.7s ease-in-out;
  208. -moz-transition: all 0.7s ease-in-out;
  209. -o-transition: all 0.7s ease-in-out;
  210. -ms-transition: all 0.7s ease-in-out;
  211. transition: all 0.7s ease-in-out;
  212. filter:alpha(opacity=60);
  213. -moz-opacity:0.6;
  214. -khtml-opacity: 0.6;
  215. opacity: 0.6;
  216. }
  217.  
  218. .quote { width: 300px; height:auto; position: fixed; top: 158px; left: 158px; overflow:hidden; background-color: transparent; color: {color:Quote}; font-family: "Gruenewald VA"; font-size: 12px; line-height: 10px; padding-bottom: 2px; text-transform: lowercase; text-align:center; letter-spacing: 2px; font-style:italic; z-index:999;
  219. filter:alpha(opacity=60);
  220. -moz-opacity:0.6;
  221. -khtml-opacity: 0.6;
  222. opacity: 0.6;
  223.  
  224. }
  225.  
  226.  
  227. @font-face {
  228. font-family: 'TangerineRegular';
  229. src: url('http://static.tumblr.com/1p1nuco/lZmm040hn/tangerine_regular-webfont.eot');
  230. src: url('http://static.tumblr.com/1p1nuco/lZmm040hn/tangerine_regular-webfont.eot?#iefix') format('embedded-opentype'),
  231. url('http://static.tumblr.com/1p1nuco/ebem040yi/tangerine_regular-webfont.woff') format('woff'),
  232. url('http://static.tumblr.com/1p1nuco/1k5m03xdi/tangerine_regular-webfont.ttf') format('truetype'),
  233. url('http://static.tumblr.com/1p1nuco/8Jhm040zv/tangerine_regular-webfont.svg#TangerineRegular') format('svg');
  234. font-weight: normal;
  235. font-style: normal;
  236.  
  237. }
  238.  
  239. #entries {
  240. width:500px;
  241. margin-top:0px;
  242. margin-left:560px;
  243. text-align: justify;
  244. padding-bottom:10px;
  245.  
  246. }
  247.  
  248. #posts {
  249. width: 500px;
  250. text-align: justify;
  251. background: {color:Postss};
  252. margin-bottom: 5px;
  253. }
  254.  
  255. #info {
  256. font-family:century gothic; font-size:10px; text-transform:uppercase; text-align:center; padding:2px; background-color:{color:Permalink};
  257. }
  258.  
  259. #tags {
  260. padding:2px; background-color:{color:SidebarBg}; padding:2px;
  261. }
  262.  
  263. .toplinks {
  264. color: {color:TopLinks};
  265. text-align:center;
  266. margin-top:-157px;
  267. margin-left:-15px;
  268. position:fixed;
  269. border-bottom:1px solid {color:Permalink};
  270. border-top:0px solid {color:Permalink};
  271. background-color:{color:TopLinksBg};
  272. }
  273.  
  274. .toplinks a{
  275. width:102px;
  276. height:10px;
  277. display:inline-block;
  278. font-family:'TangerineRegular';
  279. font-size: 20px;
  280. text-align: center;
  281. color: {color:TopLinks};
  282. text-transform:uppercase;
  283. padding:19px 5px 15px 5px;
  284. z-index:999;
  285.  
  286. }
  287.  
  288. .toplinks a:hover{
  289. color:{color:LinksHover};
  290. border-bottom:0px solid {color:border};
  291. padding:15px 5px 15px 5px;
  292. filter:alpha(opacity=90);
  293. -moz-opacity:0.9;
  294. -khtml-opacity: 0.9;
  295. opacity: 0.9;
  296. }
  297.  
  298. .sbarlinks {
  299. color: {color:Links};
  300. text-align:center;
  301. margin-top:90px;
  302. margin-left:130px;
  303. position:fixed;
  304. border-right:0px solid {color:SBorder};
  305. border-left:0px solid {color:SBorder};
  306. z-index:999;
  307. }
  308.  
  309. .sbarlinks a{
  310. width:63px;
  311. height:5px;
  312. display:inline-block;
  313. font-family: tahoma;
  314. font-size: 0px;
  315. text-align: center;
  316. color: {color:TopLinks};
  317. text-transform:lowercase;
  318. padding: 10px;
  319. background-color:{color:LinksHover};
  320. z-index:999;
  321. }
  322.  
  323. .sbarlinks a:hover{
  324. width:63px;
  325. height:5px;
  326. display:inline-block;
  327. font-family: "Gruenewald VA";
  328. font-size: 11px;
  329. text-align: center;
  330. color: {color:Text};
  331. text-transform:lowercase;
  332. padding: 10px;
  333. filter:alpha(opacity=90);
  334. -moz-opacity:0.9;
  335. -khtml-opacity: 0.9;
  336. opacity: 0.9;
  337. }
  338.  
  339.  
  340. h1 {
  341. color:{color:Title}; font-family:georgia; font-size:20px; line-height:20px; letter-spacing:0px; font-weight:normal;
  342. margin: 5px 0px 10px 0px; text-align:left; text-transform:uppercase;}
  343.  
  344.  
  345. h2{
  346. color:{color:Title}; font-family:{font:Text}; font-size:13px; line-height:12px; letter-spacing:0px; font-weight:normal; text-transform:lowercase; margin:0px; padding:0px; margin-bottom:-0px; text-align:left}
  347.  
  348. h3{
  349. color:{color:Links}; font-family:georgia; font-size:13px; letter-spacing:1px; font-weight:normal; font-style:normal; text-transform:lowercase; line-height:15px; margin-top:-4px; margin-bottom:-10px; text-align:center}
  350.  
  351.  
  352. h3 a:hover{background-color:LinksHover}
  353.  
  354.  
  355. #question {
  356. color:{color:Text}; font-family:georgia; font-size:12px; letter-spacing:1px; padding:10px 5px 10px 15px; background-color:{color:Question};
  357. }
  358.  
  359. #asker {
  360. margin-top:5px; padding:5px 5px 5px 0px; font-family:{font:Text}; text-align:center; font-style:italic; text-transform:lowercase; font-size:15px;
  361. ;
  362. }
  363.  
  364. #asker img{
  365. -moz-border-radius: 400px 400px 400px 400px;
  366. -webkit-border-radius: 400px 400px 400px 400px;
  367. border-radius: 400px 400px 400px 400px;
  368. }
  369.  
  370. #answer {
  371. margin-left:0px; font-size:12px; text-align:left; padding:10px 5px 10px 15px; border-top:0px dashed {color:Borders};
  372.  
  373. }
  374.  
  375. p{margin-top:4px; margin-bottom:4px; line-height:15px;
  376. }
  377.  
  378. b, strong{
  379. color:{color:Bold};
  380. }
  381.  
  382. i, em {
  383. color:{color:Title};
  384. }
  385.  
  386. blockquote {
  387. border-left: 2px solid {color:Links}; padding-left:5px; font-style: italic;
  388. }
  389.  
  390. blockquote img, blockquote a img {
  391. max-width: 490px;
  392. }
  393.  
  394. .audio{
  395. background-color:black;
  396. display:block;
  397. }
  398.  
  399. img a{border:none; width:100%}
  400. .audio{background-color:black; display:block;}
  401.  
  402. .user_1 .label {color:{color:link}; font-weight:bold}
  403. .user_2 .label {color:{color:text}; font-weight:bold}
  404.  
  405.  
  406. ul.chat, .chat ol, .chat li {
  407. list-style:none;
  408. margin:0px;
  409. padding:0px;
  410. }
  411.  
  412. #pagination {
  413. display: block;
  414. font-size: 30px;
  415. letter-spacing: 1px;
  416. text-align:center;
  417. margin: 20px 0px 1px 0px;
  418. padding: 2px 10px 2px 10px;
  419. color: {color:Titles};
  420. }
  421.  
  422.  
  423.  
  424. </style>
  425. <style type="text/css">{CustomCSS}</style>
  426. </head>
  427.  
  428. <body>
  429.  
  430.  
  431. <div id="title" align="center">{Title}</a></div><br>
  432.  
  433. {block:IfShowTitle2}
  434. <div class="title2">{text:Title2}</div>
  435. <center><div id="title2">{Title2}</div></center>{/block:IfShowTitle2}
  436.  
  437. {block:IfShowQuote}
  438. <div class="quote">{text:Quote}</div>
  439. <center><div id="quote">{Quote}</div></center>{/block:IfShowQuote}
  440.  
  441.  
  442.  
  443. <div id="sidebar">
  444.  
  445. <div class="toplinks">
  446. <a href="/">home </a>
  447. <a href="/ask">ask </a>
  448. <a href="http://missskinnylove.tumblr.com/">theme</a></div>
  449.  
  450.  
  451. <center><img src="{image:SidebarImg}" id="sidebarimg" widht="300"></center>
  452.  
  453. <br>
  454. <br
  455. <center>
  456. </center>
  457.  
  458. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">ยซ</a> &nbsp;{/block:PreviousPage}{block:NextPage}&nbsp;<a href="{NextPage}">ยป</a>{/block:NextPage}</div></div>
  459.  
  460. </div>
  461.  
  462. <div class="sbarlinks">
  463.  
  464. <a style="background-color:{color:Link1};" href="{text:Link1 URL}" >{text:Link1}</a>
  465. <a style="background-color:{color:Link2};" href="{text:Link2 URL}" >{text:Link2}</a>
  466. <a style="background-color:{color:Link3};" href="{text:Link3 URL}" >{text:Link3}</a>
  467. <a style="background-color:{color:Link4};" href="{text:Link4 URL}" >{text:Link4}</a>
  468.  
  469. </div>
  470.  
  471. </div>
  472.  
  473. <div id="description" align="center" style="color:{color:STitle};">
  474. {block:Description}{Description}{/block:Description}<br></div>
  475.  
  476. </div>
  477.  
  478. <br>
  479.  
  480. <div id="entries">
  481. {block:Posts}<div id="posts">
  482.  
  483. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  484.  
  485. {block:Text}{Body}{/block:Text}
  486.  
  487. {block:Quote}<h2>"{Quote}" โ€” {Source}</h2>{/block:Quote}
  488.  
  489. {block:Link}<a href="{URL}" class="Links" {Target}><h1>{Name}&nbsp;</h1></a>{block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  490.  
  491. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  492.  
  493. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  494.  
  495. {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}
  496.  
  497. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  498.  
  499. </div>
  500.  
  501. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  502.  
  503. {block:Answer}
  504. <div id="asker"> {Asker}<img src="{AskerPortraitURL-48}"> whispered: </div>
  505. <div id="question">{Question}</div>
  506. <div id="answer">{Answer}</div>
  507. {/block:Answer}
  508.  
  509.  
  510.  
  511.  
  512. <div id="info">
  513. <div id="info">posted <a href="{Permalink}">{TimeAgo}</a><div style="float:right">{NoteCountWithLabel}</div></div></div>
  514. <div id="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div><BR>
  515. {/block:posts}{block:PostNotes}{PostNotes}{/block:PostNotes}
  516. </div>
  517.  
  518.  
  519. <br>
  520.  
  521. </div>
  522. <br>
  523. </div>
  524.  
  525.  
  526. </body>
  527. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement