Advertisement
maryaciolli

theme - selenita marie

Nov 3rd, 2013
180
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.83 KB | None | 0 0
  1. <!-- -->
  2. <!-- -->
  3. <!-- THEME BY MARY ACIOLLI -->
  4. <!-- OFICINADEHTML.TUMBLR.COM -->
  5. <!-- DON'T COPY BITCH! -->
  6. <!-- -->
  7. <!-- -->
  8.  
  9.  
  10. <html>
  11. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  12. <html xmlns="http://www.w3.org/1999/xhtml">
  13. <head>
  14.  
  15. <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
  16.  
  17. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  18.  
  19. <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic' rel='stylesheet' type='text/css'>
  20.  
  21. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="http://media.tumblr.com/6d4ad6c8c72a810f4b1e86f267f67467/tumblr_inline_mjk439d55t1qz4rgp.png" border="0"></a>
  22.  
  23.  
  24. <title>{title}</title>
  25. <link rel="shortcut icon" href="{Favicon}"/>
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  28.  
  29. <meta name="color:Background" content="#ffffff"/>
  30. <meta name="color:Text" content="#313030"/>
  31. <meta name="color:Link" content="#a6a4a4"/>
  32. <meta name="color:Link Hover" content="#7c7a7b"/>
  33. <meta name="color:menu letter" content="#eee"/>
  34. <meta name="color:menu letter 2" content="#3633636"/>
  35. <meta name="color:menu bg" content="#cacaca"/>
  36. <meta name="color:title sidebar" content="#a4a4a4"/>
  37. <meta name="if:2 Column" content="1"/>
  38. <meta name="image:Sidebar" content="http://static.tumblr.com/fec18685ea60c62deb17ecf5e5c385ba/nqcm3ld/Xoamvpdvy/tumblr_static_stelena8.gif"/>
  39. <meta name="text:sidetitle" content="yourname" />
  40. <meta name="text:Link1" content="/" />
  41. <meta name="text:Link1 Title" content="" />
  42. <meta name="text:Link2" content="/" />
  43. <meta name="text:Link2 Title" content="" />
  44. <meta name="text:Link3" content="/" />
  45. <meta name="text:Link3 Title" content="" />
  46. <meta name="text:Link4" content="/" />
  47. <meta name="text:Link4 Title" content="" />
  48. <meta name="text:Link5" content="/" />
  49. <meta name="text:Link5 Title" content="" />
  50. <meta name="text:Link6" content="/" />
  51. <meta name="text:Link6 Title" content="" />
  52. <meta name="text:Link7" content="/" />
  53. <meta name="text:Link7 Title" content="" />
  54. <meta name="text:Link8" content="/" />
  55. <meta name="text:Link8 Title" content="" />
  56.  
  57. <style type="text/css">
  58.  
  59. body{
  60. color:{color:Text};
  61. font-family: times;
  62. font-size:10px;
  63. background-color:{color:Background};
  64. width:850px;
  65. margin-left:auto;
  66. margin-right:auto;
  67. }
  68.  
  69. #post{
  70. {block:If2Column}
  71. width:600px;{/block:If2Column}
  72. {block:IfNot2Column}width:500px;{block:IfNot2Column}
  73. margin-left:auto;
  74. margin-right:auto;
  75. background-color:#fff;
  76. padding:5px;
  77. }
  78.  
  79. .linksx {padding-top:2px; margin-bottom:5px; border-bottom:0px solid #eee; padding-bottom:1px;}
  80.  
  81. .linkss {
  82. font-size:12px;
  83. padding:2px;
  84. letter-spacing:5px;
  85. text-transform: uppercase;
  86. color:{color:menu letter};}
  87.  
  88. .linkss a {color:{color:menu letter};}
  89.  
  90. a{color:{color:Link};text-decoration:none;} a:hover{color:{color:Link Hover};}
  91.  
  92. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; bottom: 65px; right: 15px;}
  93.  
  94. .entry{
  95. padding:2px;
  96. background-color:#fff;
  97. {block:If2Column}width:250px;{block:If2Column}
  98. {block:IfNot2Column}width:500px;{block:IfNot2Column}
  99. float:left;
  100. margin:2px;
  101. }
  102.  
  103. .entry .perma{
  104. background:#fff;
  105. padding:2px;
  106. text-align:center;
  107. border-radius:0px;
  108. margin-top:3px;
  109. margin-left:0px;
  110. position:absolute;
  111. text-transform: uppercase;
  112. font-size:11px;
  113. font-family: Open Sans Condensed;
  114. opacity:0.0;
  115. width:100%;
  116. -webkit-transition: opacity 0.5s linear;
  117. -webkit-transition: all 0.5s linear;
  118. -moz-transition: all 0.5s linear;
  119. }
  120.  
  121. .entry:hover .perma{opacity:.8;margin-left:0px; -webkit-transition: opacity 0.5s linear;
  122. -webkit-transition: all 0.5s linear;
  123. -moz-transition: all 0.5s linear;}
  124.  
  125. .sidetitle{font-size:15px;
  126. font-style:italic;
  127. line-height:100%;
  128. shadow: 3px #e9e9e9;
  129. text-align:center;
  130. height:auto;
  131. color:{color:title sidebar};
  132. letter-spacing:1px;
  133. word-spacing:0px;
  134. margin-bottom:8px;
  135. border-bottom:0px solid #eee;
  136. font-family: Libre Baskerville;}
  137.  
  138.  
  139.  
  140. #ahjussi{text-align:center; display:inline-block; width:35px; color: #000; background-color: #fff; font-size: 10px; text-transform: lowercase}
  141.  
  142. #ahjussi:hover #ahjumma a:first-child{border-top:0px solid #fff; }
  143.  
  144. #ahjussi:hover #ahjumma{ opacity:1; margin-top:0px; -webkit-transition-duration:.2s; overflow:hidden; background-color:#fff; z-index:10; height:auto; }
  145.  
  146. #ahjumma{position:absolute; margin-top:-5px; opacity:0; margin-left:0px; width:35px; overflow:hidden; height:0px;}
  147.  
  148. #ahjumma a{ background-color:#fff; color:#000; text-align:center; display:block; text-transform:lowercase; line-height:15px; padding: 2px 0px 2px 0px; font-size: 9px; font-family:verdana;}
  149.  
  150. #ahjumma a:hover{ border-bottom:1px solid #f5f5f5; Text-transform:lowercase; color:#000; background-color:#fff; padding: 1px 0px 1px 0px;}
  151.  
  152. .llinks{width: 200px; margin: 3px auto 3px auto; font-size: 9px; text-transform: none; margin-left:-20px;}
  153.  
  154. .llinks a{display: block; text-decoration: none; text-transform: lowercase color: #9C9C9C; background-color: #eee; padding: 2px 0px 2px 0px; margin: 0 0 1px 0; }
  155.  
  156. .llinks a:hover{background-color: #fff; color: #9C9C9C; text-transform: lowercase; -webkit-box-shadow: 0 0 0em ; box-shadow: 0 0 0em ;}
  157.  
  158.  
  159.  
  160.  
  161. #sidebar{
  162. background-color:#fff;
  163. width:160px;
  164. margin-top:100px;
  165. margin-left:0px;
  166. position:fixed;
  167. padding:3px;
  168. text-align:justify;
  169. float:center;
  170. }
  171.  
  172. #sidebar img{width:143px;height:auto;margin-bottom:8px; border:1px solid #eee; padding:8px; background:{color:Background}; bottom:0px;}
  173.  
  174. .pagination {
  175. display: none;
  176. }
  177. {CustomCSS]</style>
  178.  
  179. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  180.  
  181. </head>
  182. <body>
  183.  
  184. <div id="sidebar">
  185.  
  186. <div class="sidetitle">{text:sidetitle}</div>
  187.  
  188. <a href="/" title="home"><img src="{image:Sidebar}"></a><br>
  189.  
  190. <div class="linksx">
  191. <center>
  192.  
  193. <div class="llinks">
  194. <div id="ahjussi"><a href="/">home</a></div>
  195.  
  196. <div id="ahjussi"><a href="/ask">inbox</a></div>
  197.  
  198. <div id="ahjussi"><a href="#">extras</a></a>
  199. <div id="ahjumma">
  200. <a href="{text:Link1}">{text:Link1 Title}</a>
  201. <a href="{text:Link2}">{text:Link2 Title}</a>
  202. <a href="{text:Link3}">{text:Link3 Title}</a>
  203. <a href="{text:Link4}">{text:Link4 Title}</a>
  204. </div></div>
  205.  
  206. <div id="ahjussi"><a href="#">more</a>
  207. <div id="ahjumma">
  208. <a href="{text:Link5}">{text:Link5 Title}</a>
  209. <a href="{text:Link6}">{text:Link6 Title}</a>
  210. <a href="{text:Link7}">{text:Link7 Title}</a>
  211. <a href="{text:Link8}">{text:Link8 Title}</a>
  212. </div></div></div>
  213.  
  214. </center>
  215. </div>
  216. <br><br><br><br><br><br>
  217.  
  218. <center><div style="float: center;font-size: 20px;color: #a6a6a6;">
  219. {block:PreviousPage}<a href="{PreviousPage}"> « </a>{/block:PreviousPage}
  220. {block:NextPage}<a href="{NextPage}"> » </a>{/block:NextPage}</div></center>
  221.  
  222.  
  223. </div>
  224. </div></div><!--Sidebar End-->
  225.  
  226. <div id="post">
  227. {block:Posts}
  228. <div class="entry">
  229.  
  230. <div class="perma"><a href="{Permalink}">Posted on {DayOfMonthWithZero} {ShortMonth}</a> ★ <a href="{Permalink}">{NoteCount} notes</a> ★ <a href="{ReblogURL}" target="_blank"> reblog </a> ★ <a href="{Permalink}"> dê like </a> </div>
  231.  
  232. {block:Title}<h1>{Title}</h1>{/block:Title}
  233.  
  234. {block:Text}{Body}{/block:Text}
  235.  
  236. {block:Photo}
  237. {block:If2Column}
  238. <a href="{permalink}"><img src="{PhotoURL-500}" width="250"/></a>{/block:If2Column}
  239.  
  240. {block:IfNot2Column}
  241. <a href="{permalink}"><img src="{PhotoURL-500}" width="500"/></a>{/block:IfNot2Column}
  242. {/block:Photo}
  243.  
  244. {block:Photoset}
  245.  
  246. {block:If2Column}
  247. {Photoset-250}
  248. {/block:If2Column}
  249.  
  250. {block:IfNot2Column}
  251. {Photoset-500}
  252. {/block:IfNot2Column}
  253.  
  254. {/block:Photoset}
  255.  
  256.  
  257. {block:Quote}
  258. {Quote}
  259. <div align="right">
  260. {block:Source}-{Source}{/block:Source}
  261. </div>
  262. {/block:Quote}
  263.  
  264.  
  265. {block:Video}
  266. {block:If2Column}
  267. {Video-250}
  268. {/block:If2Column}
  269.  
  270. {block:IfNot2Column}
  271. {Video-500}
  272. {/block:IfNot2Column}<br>
  273. {PlayCountWithLabel}
  274. {/block:Video}
  275.  
  276.  
  277. {block:Link}
  278. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  279. {block:Description}{Description}{/block:Description}
  280. {/block:Link}
  281.  
  282. {block:Chat}
  283. {block:Lines}
  284. {block:Label}
  285. <br>{Label}
  286. {/block:Label}
  287. &nbsp;{Line}
  288. {/block:Lines}
  289. {/block:Chat}
  290.  
  291. {block:Audio}
  292. {AudioPlayerGrey}
  293. <br><div align="right">{block:Artist}
  294. Artist: {Artist}</div>
  295. {/block:Artist}<br>
  296. {block:Caption}{Caption}{/block:Caption}
  297. {/block:Audio}
  298.  
  299.  
  300. {block:Answer}
  301. {Asker} asked <b>{Question}</b><Br>
  302. {Answer}
  303. {/block:Answer}
  304.  
  305. {block:PermalinkPage}
  306. {block:Caption}
  307. {Caption}
  308. {/block:Caption}
  309. <br>
  310. {block:NoteCount}
  311. {NoteCount} notes
  312. {/block:NoteCount}
  313. <Br>
  314. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  315. {/block:PermalinkPage}
  316. </div>
  317.  
  318. {/block:Posts}
  319.  
  320. </div>
  321. <div class="pagination">
  322. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  323. </div>
  324.  
  325.  
  326. <div style="bottom:30px;left:20px;position:fixed;font-size:10px; background:#eee; padding:5px;"><a href="http://oficinadehtml.tumblr.com" title="THEME BY MARY ACIOLLI (C)">THEME</a></div>
  327. </body>
  328. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement