Advertisement
lovablesin

theme 4

Jan 18th, 2012
1,189
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.48 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!---------------------THEME 4 BY lovablesinss LOVABLESINSS.TUMBLR--------------------->
  6. <head>
  7. <!-- DEFAULT VARIABLES -->
  8.  
  9. <meta name="color:background" content="#EEEEEE" />
  10. <meta name="color:text" content="#969696" />
  11.  
  12.  
  13. <meta name="color:link" content="#66b5cc" />
  14. <meta name="color:title" content="#5894a1" />
  15.  
  16. <meta name="color:tagsbg" content="#f5f5f5" />
  17. <meta name="color:info" content="#666666" />
  18. <meta name="color:sidebar" content="#f2f2f2" />
  19.  
  20. <meta name="color:entry" content="#f2f2f2" />
  21. <meta name="image:sidebar" content=""/>
  22.  
  23. <meta name="image:background" content="" />
  24. <meta name="if:Show sidebar image" content="1"/>
  25. <meta name="if:Show tags" content="1"/>
  26.  
  27. <meta name="text:Link1" content="" />
  28. <meta name="text:Link1 Title" content="" />
  29. <meta name="text:Link2" content="" />
  30. <meta name="text:Link2 Title" content="" />
  31. <meta name="text:Link3" content="" />
  32. <meta name="text:Link3 Title" content="" />
  33. <meta name="text:Link4" content="" />
  34. <meta name="text:Link4 Title" content="" />
  35. <meta name="text:Link5" content="" />
  36. <meta name="text:Link5 Title" content="" />
  37. <meta name="text:Link6" content="" /><meta name="text:Link6 Title" content="" />
  38. <meta name="text:Link7" content="" />
  39. <meta name="text:Link7 Title" content="" />
  40. <meta name="text:Link8" content="" />
  41. <meta name="text:Link8 Title" content="" />
  42. <meta name="text:Link9" content="" />
  43. <meta name="text:Link9 Title" content="" />
  44. <meta name="text:Link10" content="" />
  45. <meta name="text:Link10 Title" content="" />
  46.  
  47.  
  48. <title>{Title}</title>
  49. <link rel="shortcut icon" href="{Favicon}">
  50. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  51. {block:Description}
  52. <meta name="description" content="{MetaDescription}" />
  53. {/block:Description}
  54.  
  55.  
  56. <style type="text/css">
  57.  
  58.  
  59. body {text-align:justify; color:{color:text}; font-size:11px; font-family: georgia; background-color:{color:background}; background-image: url('{image:Background}'); background-attachment:fixed; background-repeat: no-repeat; background-position: left bottom; }
  60.  
  61. a, a:link, a:active, a:visited {color: {color:link};text-transform: normal; text-decoration:none; }
  62. a:hover{color:{color:title}; margin-bottom: 0px; }
  63.  
  64.  
  65.  
  66. img a{border:0px;}
  67. img a:hover{border:0px;}
  68. b{font-weight: bold; color:{color:bold}}
  69. i{text-transform: italic;}
  70. p{margin:5px 0 2px 0}
  71.  
  72. blockquote {border-left: 2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
  73. #tumblr_controls{position: fixed!important}
  74.  
  75.  
  76. h1{color:{color:title}; font-size:16px; font-weight:normal; text-transform: uppercase; text-margin:0px; padding:0px; text-align:left}
  77.      
  78. h2{color:{color:title}; font-size:16px; font-weight:normal; text-transform: uppercase; text- margin:0px; padding:0px; margin-bottom:-0px; text-align:left}
  79.  
  80.  
  81. /*SIDEBAR*/
  82. .swrapper {position: fixed; top: 75px; left: 90px; overflow:hidden; }
  83. .title {text-align: center; font-size: 11px; margin-bottom: -5px; margin-top: 5px;}
  84. .scontain {text-align:justified;   font-family:trebuchet ms; font-size: 11px; padding:10px; -moz-border-radius: 0px 0px 0px 0px; text-transform: case; width: 270px;}
  85.  
  86. .s1 img { max-width:260px; height: auto; padding: 5px; background-color: {color:sidebar}; }
  87.  
  88.  
  89. .sinfo {text-align:justify; font-size: 9px; border-left:3px solid {color:tagsbg}; border-bottom:1px solid {color:tagsbg}; margin-left: 2px; padding-left: 5px; margin-top: 5px;}
  90. .sinfo a:hover {border-bottom:1px solid #1b7b90}
  91.  
  92. .sidebar-links {text-align: center; padding-top: 3px; padding-bottom: 5px; font-size: 10px; clear: both; }
  93.  
  94. .pagination { font-family:trebuchet ms; font-size:10px;text-transform:uppercase; text-align:center; padding: 5px;}
  95.  
  96. .slink1 {width:40px; height:40px; background-color: {color:sidebar}; padding: 10px; -webkit-border-radius: 350px; -moz-border-radius: 350px; border-radius: 350px; text-align:center; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; display: inline-block; }
  97.  
  98. .slink1 a {font:9px 'georgia'; line-height: 35px;}
  99.  
  100. .slink1:hover {width:40px; height:40px; background-color: {color:tagsbg}; font:9.5px 'georgia'; line-height: 35px; padding:10px; -webkit-border-radius: 350px; -moz-border-radius: 350px; border-radius: 350px; text-align:center; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; display: inline-block}
  101.  
  102.  
  103. /* POSTS */
  104. #entries {margin-left:470px; width:510px; margin-top: 30px}
  105.  
  106. #entry {background-color: {color:entry}; border-left:0px solid {color:link}; border-right:0px solid {color:link}; padding:5px; font-size:11px;}
  107.  
  108. .tags {margin-top: 5px; border-top:1px solid {color:tagsbg}; font-size:11px;text-transform:lowercase; text-align:left; padding-top: 2px; padding-left: 2px;}
  109.  
  110. .info{ font-size:9.5px;text-transform:normal; text-align:left; border-top:1px solid {color:tagsbg}; padding-top: 2px; padding-left: 2px; margin-top: 5px; }
  111.  
  112. #notecount {width: 120px; font:9.5px georgia; color:{color:link}; left: 540px; position:absolute;}
  113.  
  114.  
  115.  
  116.  
  117. .image{text-align: center; margin: 0 0 5px 0}
  118. .image img{border: 0px}
  119.  
  120.  
  121. .quote-quote{font-size: 14px; text-transform: lowercase; color:{color:navlink}; text-decoration: none; }
  122.  
  123.  
  124. .quote-source {font-size: 11px; text-transform: uppercase; color:{color:navlink}; text-decoration: none; margin: 5px 100px 0px 0px; text-align: right; font-family:trebuchet ms;}
  125.  
  126.  
  127. ul.chat {list-style: none; padding: 0px;margin:0px; }
  128. .person1 .label {color:{color:link}; font-weight:bold}
  129. .person2 .label {color:{color:text}; font-weight:bold}
  130.  
  131. .iaudio{text-align: center; margin: 0 0 5px 0; width: 100%; background-color: {color:background}}
  132. .iaudio img{max-width: 270px; height: auto; padding: 40px 0 40px 0}
  133. .plcount {font-style: italic}
  134.  
  135.  
  136. .asker{font-size:20px;color: {color:background};}
  137. .questions {background-color:{color:background}; color: {color:text}; margin-bottom:-5px; padding: 10px; font-family:trebuchet ms; font-size:11px}
  138. .questions a {color:{color:link}}
  139. .questions img {}
  140. .answer {text-align:justify; font-family:trebuchet ms; font-size: 11px;}
  141.  
  142.  
  143. #captions {width: 500px;}
  144. .source{display:none}
  145.  
  146. #spacer{clear: both; height: 10px; background-color: transparent; margin-top:5px; margin-bottom:10px;}
  147.  
  148. #notes {margin-left: 10px; font-size: 9px;}
  149. ol.notes {list-style: none; margin: 0 30px 0 10px; padding: 0px}
  150. ol.notes li {margin: 0 30px 0 10px; padding: 2px;}
  151. #notes img{border:0px}
  152.  
  153.  
  154.  
  155.  
  156.  
  157. .box-contain {padding: 5px; padding-left: 2px; padding-right: 2px; padding-top: 2px; margin-top: 2px; margin-left:520px; float: left; width: auto; background:{color:notesbox background};}
  158.  
  159. .notesbox{ font-size: 10px; font-family: consolas; letter-spacing: 1px; text-transform:uppercase; color:{color:permalink};}
  160. .notesbox a{ font-size: 8px; font-family: consolas; letter-spacing: 1px; color:{color:permalink}; }
  161. .notesbox a:hover{ font-size: 8px; font-family: consolas; letter-spacing: 1px; color:{color:permalink hover};}
  162.  
  163.  
  164. </style>
  165. </head>
  166.  
  167. <body>
  168.  
  169.  
  170.  
  171.  
  172. <div class="swrapper">
  173.  
  174. <div class="sidebar-links">
  175. {block:AskEnabled}<div class="slink1"><a href="/ask"><i>ask me</i></a></div>{/block:AskEnabled}
  176. {block:SubmissionsEnabled}<div class="slink1"><a href="/submit"><i>submit</i></a></div>{/block:SubmissionsEnabled}
  177. <div class="slink1"><a href="http://lovablesinss.tumblr.com/tagged/my_themes/"><i>theme</i></a></div>
  178. </div>
  179.  
  180. <div class="title">
  181. <a href="/">{Title}</a>
  182. </div>
  183.  
  184.  
  185. <div class="scontain">
  186.  
  187. <div class="s1">
  188.  
  189. {block:IfShowSidebarImage} {block:IfSidebarImage}<img src="{image:sidebar}">{/block:IfSidebarImage}{/block:IfShowSidebarImage}
  190. </div>
  191.  
  192. <div class="sinfo">
  193. {block:Description}{Description}{/block:Description}
  194. </div>
  195.  
  196.  
  197. </div>
  198.  
  199. <div class="sidebar-links">
  200. {block:ifLink1}<a href="{text:Link1}"><i>{text:Link1 Title}</i></a>{/block:ifLink1}
  201. {block:ifLink2} - <a href="{text:Link2}"><i>{text:Link2 Title}</i></a>{/block:ifLink2}
  202. {block:ifLink3} - <a href="{text:Link3}"><i>{text:Link3 Title}</i></a>{/block:ifLink3}<br>
  203. {block:ifLink4}<a href="{text:Link4}"><i>{text:Link4 Title}</i></a>{/block:ifLink4}
  204. {block:ifLink5} - <a href="{text:Link5}"><i>{text:Link5 Title}</i></a>{/block:ifLink5}
  205. {block:ifLink6} - <a href="{text:Link6}"><i>{text:Link6 Title}</i></a>{/block:ifLink6}
  206. </div>
  207.  
  208. {block:Pagination}<div class="pagination">{block:PreviousPage}<a href="{PreviousPage}">previous</a>{/block:PreviousPage} {CurrentPage} of {TotalPages} {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}</div>{/block:Pagination}
  209. </div>
  210.  
  211.  
  212.  
  213.  
  214. <!--START CONTENT--->
  215.  
  216.  
  217.  
  218.  
  219.  
  220. <div id="entries">
  221.  
  222. {block:Posts}
  223.  
  224.  
  225.  
  226.  
  227. <div id="entry">
  228.  
  229. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}
  230. {Body}
  231. {/block:Text}
  232.  
  233. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}<div id="captions">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  234.  
  235.  
  236. {block:Photoset}{Photoset-500}<div id="captions">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  237.  
  238. {block:Quote}
  239. <div class="quote-quote">&ldquo;{Quote}&rdquo;</div>{block:Source}<div class="quote-source">- {Source}</div>{/block:Source}{/block:Quote}
  240.  
  241.  
  242. {block:Link}
  243. <h1><center><a href="{URL}" {Target}>{Name}</a></center></h1>
  244. {block:Description}{Description}{/block:Description}
  245. {/block:Link}
  246.  
  247.  
  248.  
  249. {block:Chat}
  250. <ul class="chat">{block:Lines}
  251. <li class="person{UserNumber}">{block:Label}
  252. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>
  253. {/block:Chat}
  254.  
  255. {block:Audio}
  256. {AudioPlayerWhite}
  257. <div class="plcount">{PlayCountWithLabel}</div>
  258. <div class="captions">{block:Caption}{Caption}{/block:Caption}</div>
  259. {/block:Audio}
  260.  
  261. {block:Video}{Video-500}<div id="captions">{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  262.  
  263.  
  264.  
  265. {block:Answer}<div class="asker">{Asker} asked:</div><div class="questions">"{Question}"</div>
  266. <div class="answer">{Answer}</div>{/block:answer}
  267.  
  268. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  269. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  270. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  271. {/block:ContentSource}</div>
  272. <div style="display:none">{block:RebloggedFrom}(via ;<a href="{ReblogParentURL}"
  273. title="{ReblogParentTitle}">{ReblogParentName}</a>){/block:RebloggedFrom}</div>
  274.  
  275.  
  276.        
  277.  
  278.  
  279. </div>
  280. {block:HasTags}<div class="tags">tags: {block:Tags}#<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}<br></div>{/block:HasTags}
  281. {block:Date}<div class="info">{block:NoteCount}<a href="{Permalink}" class="notesbox">+{NoteCount}</a> | {/block:NoteCount}{ShortMonth} {DayOfMonthWithZero}, {Year} | posted <a href="{Permalink}" title="">{TimeAgo}</a> {block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a> |{/block:RebloggedFrom}{block:RebloggedFrom} @<a href="{ReblogRootURL}">{ReblogRootName} </a>{/block:RebloggedFrom}{block:HighRes} | <a href="{PhotoURL-HighRes}">hi-res</a>{/block:HighRes}</div>{/block:Date}
  282.  
  283.  
  284. <div id="spacer"></div>
  285. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}{/block:Posts}</div>
  286.  
  287. <!--END CONTENT--->
  288.  
  289.  
  290. </body>
  291. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement