Advertisement
missskinnylove

Theme 7 - Pastel muffins 300x300 (OLD)

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