a-m-i-n-a

brokenhearted//theme 002

May 25th, 2012
67
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.70 KB | None | 0 0
  1. <!--
  2. theme by itsam1na.tumblr.com
  3. please dont remove the credit thanks
  4. -->
  5.  
  6. <html lang="en">
  7. <head>
  8. <!-- DEFAULT VARIABLES -->
  9. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  10. <meta name="color:background" content="#fff"/>
  11. <meta name="color:text" content="#000"/>
  12. <meta name="color:title" content="#000"/>
  13. <meta name="color:link" content="#777"/>
  14. <meta name="color:hover" content="#ccc"/>
  15. <meta name="if:infinite scrolling" content="0"/>
  16. <meta name="if:show arrows" content="1"/">
  17. <meta name="image:sidebar" content="1"/>
  18. <meta name="image:Permalink" content="http://i42.tinypic.com/11lk27b.gif"/>
  19. <meta name="image:Background" content=""/>
  20. <meta name="if:show photo" content="0"/>
  21. <meta name="if:show Permalink" content="0"/>
  22. <meta name="if:show blog title" content="1"/>
  23. <meta name="if:tiny cursor" content="1"/>
  24. <meta name="if:tiny scrollbar" content="1"/>
  25. <meta name="text:Custom Link One" content="" />
  26. <meta name="text:Custom Link One Title" content="" />
  27. <meta name="text:Custom Link Two" content="" />
  28. <meta name="text:Custom Link Two Title" content="" />
  29. <meta name="text:Custom Link Three" content="" />
  30. <meta name="text:Custom Link Three Title" content="" />
  31. <meta name="text:Custom Link Four" content="" />
  32. <meta name="text:Custom Link Four Title" content="" />
  33.  
  34. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  35.  
  36. {block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}
  37.  
  38. <style type="text/css">
  39.  
  40. {block:iftinycursor}
  41. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}
  42. {/block:iftinycursor}
  43.  
  44. {block:iftinyscrollbar}
  45. ::-webkit-scrollbar {width: 4px; height: 4px; background: #FFFFFF; }
  46.  
  47. ::-webkit-scrollbar-thumb { background-color: #858585; -webkit-border-radius: 0px; outline:1px solid rgba(0, 0, 0, .1); border:2px solid rgba(0, 0, 0, .05);}
  48. {/block:iftinyscrollbar}
  49.  
  50. body {
  51. margin:0px;
  52. background-color: {color:Background};
  53. background-image:url({image:Background});
  54. background-attachment: fixed;
  55. background-repeat: repeat;}
  56. body, div, p, textarea, submit, input{
  57. font-family: cambria;
  58. font-size: 10px;
  59. line-height:10px;
  60. letter-spacing:px;
  61. color:{color:Text};
  62. }
  63.  
  64. p {
  65. margin:0px;
  66. margin-top:0px;
  67. }
  68.  
  69. a:link, a:active, a:visited{
  70. color: {color:Link};
  71. text-decoration: none;
  72. -webkit-transition: color 0.3s ease-out;
  73. -moz-transition: color 0.3s ease-out;
  74. transition: color 0.3s ease-out;
  75. }
  76.  
  77. a:hover {
  78. color:{color:Hover};
  79. text-decoration: none;
  80. }
  81.  
  82. div#center{
  83. margin:auto;
  84. position:relative;
  85. width:740px;
  86. background-color:;
  87. overflow:auto;
  88. overflow-y:hidden;
  89. }
  90.  
  91. div#content{
  92. float:right;
  93. width:450px;
  94. padding:1px;
  95. padding-top: 0px;
  96. margin-top:0px;
  97. margin-right: 64px;
  98. background-color:white;
  99. }
  100.  
  101. div#sidebar{
  102. position:fixed !important;
  103. width: 300px;
  104. height:100%;
  105. margin: 0px 0px 0px -80px;
  106. padding-top:1px;
  107. padding-left:1px;
  108. padding-right:1px;
  109. padding-bottom:1px;
  110. text-align:center;
  111. background-color: #fff;
  112. }
  113.  
  114. div#entry{
  115. width:450px;
  116. margin-top:1px;
  117. padding-left:0px;
  118. padding-right:0px;
  119. padding-top:0px;
  120. padding-bottom:0px;
  121. background-color: #fff;
  122. }
  123.  
  124. #postnotes{
  125. text-align: justify;
  126. }
  127.  
  128. #postnotes blockquote{
  129. border: 0px;
  130. }
  131.  
  132. .title{
  133. font-family: cambria;
  134. font-size: 12px;
  135. line-height: 12px;
  136. color: {color:Title};
  137. }
  138.  
  139. .blogtitle{
  140. font-family: cambria;
  141. font-size: 15px;
  142. line-height: 12px;
  143. color: {color:Link};
  144. }
  145.  
  146. blockquote{
  147. padding:0px 0px 2px 5px;
  148. margin:0px 0px 2px 1px;
  149. border-left: 1px dotted {color:Text};
  150. }
  151.  
  152. blockquote p, ul{
  153. margin:0px;
  154. padding:0px;
  155. }
  156.  
  157. a img{border: 0px;}
  158. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  159. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  160. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
  161. .notes img{width:10px; position:relative; top:3px;
  162. }
  163.  
  164. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  165.  
  166. {block:ifShowPermalink}
  167. .permalink{
  168. opacity:0;
  169. position:absolute;
  170. float:left;
  171. padding-left:15px;
  172. margin-left:440px;
  173. -moz-transition: all 0.3s ease-out;
  174. -o-transition: all 0.3s ease-out;
  175. -webkit-transition: all 0.3s ease-out;
  176. transition: all 0.3s ease-out;
  177. }
  178. #entry:hover .permalink{
  179. opacity:1;
  180. -moz-transition: all 0.3s ease-out;
  181. -o-transition: all 0.3s ease-out;
  182. -webkit-transition: all 0.3s ease-out;
  183. transition: all 0.3s ease-out;
  184. }
  185. {/block:ifShowPermalink}
  186.  
  187. {block:ifnotShowPermalink}
  188. #entry .permalink2 a{
  189. float: bottom;
  190. color:#000;
  191. }
  192.  
  193. #entry .permalink2{
  194. margin-right: -10px;
  195. width:450px;
  196. position: absolute;
  197. font-family: littlefont;
  198. text-transform:uppercase;
  199. font-size: 8px;
  200. text-align: center;
  201. overflow:hidden;
  202. opacity: 0.0;
  203. background-color:#eeeeee;
  204. }
  205.  
  206. #entry:hover .permalink2{
  207. margin-right: 250px;
  208. overflow:visible;
  209. -webkit-transition: opacity 0.2s linear; opacity: 0.8;
  210. -webkit-transition: all 0.2s linear;
  211. -moz-transition: all 0.2s linear;
  212. transition: all 0.2s linear;
  213. }
  214. {/block:ifnotShowPermalink}
  215.  
  216. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  217.  
  218. small{font-size: 90%;}
  219.  
  220. .video2 embed, .post div.video object {width:450px !important; height:450px !important;}
  221.  
  222. {CustomCSS}
  223. </style>
  224. <link rel="shortcut icon" href="{Favicon}">
  225. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  226. <meta name="viewport" content="width=820" />
  227. </head>
  228. <body>
  229.  
  230. <div id="center">
  231. <div id="sidebar">
  232. {block:ifshowblogtitle}<span class=blogtitle><a href="/">
  233. {Title}
  234. </a></span>{/block:ifshowblogtitle}
  235. {block:ifshowphoto}<a href="/"><img src="{image:sidebar}" width=300px></a>{/block:ifshowphoto}
  236.  
  237. <center>{block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle} |
  238. {block:ifcustomlinktwotitle}<a href="{text:custom link two}"> {text:custom link two title}</a>{/block:ifCustomLinkTwoTitle} |
  239. {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}"> {text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle} |
  240. {block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}"> {text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle} | <a href="http://itsam1na.tumblr.com">theme</a></center></script>
  241. </span><br>
  242.  
  243. {Description}
  244.  
  245.  
  246. <br>
  247. {block:ifshowarrows}
  248. {block:PreviousPage}<a href="{PreviousPage}"><font size="1">&larr;</font></a>{/block:PreviousPage}
  249. {block:NextPage}<a href="{NextPage}"><font size="1">&rarr;</font></a>{/block:NextPage}
  250. {/block:ifshowarrows}
  251. </div>
  252.  
  253.  
  254. <div id="content">
  255. {block:Posts}
  256.  
  257. <div id="entry">
  258. {block:ifShowPermalink}<a href="{Permalink}"><span class="permalink"><img src="{image:permalink}"></span></a>{/block:ifShowPermalink}
  259.  
  260. {block:ifnotShowPermalink}<div class="permalink2">
  261. <a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog </a> / <a href="{permalink}">{TimeAgo}</a></span></div>{/block:ifnotShowPermalink}
  262.  
  263. {block:Text}
  264. {block:Title}<span class="title">{Title}</span>{/block:Title}
  265. <span class="entrytext">{Body}</span></a>
  266.  
  267. {/block:Text}
  268.  
  269. {block:Link}
  270. <a href="{URL}" class="title">{Name}</a>
  271. {block:Description}{Description}{/block:Description}
  272. {block:Link}
  273.  
  274. {block:Photo}
  275. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=450px/>{LinkCloseTag}
  276. {/block:Photo}
  277.  
  278. {block:Quote}
  279. <span class="title">{Quote}</span>
  280. {block:Source}{Source}{/block:Source}
  281. {/block:Quote}
  282.  
  283. {block:Chat}
  284. {block:Title}<span class="title">{Title}</span>{/block:Title}
  285. <ul class="chat">
  286. {block:Lines}
  287. <li class="user_{UserNumber}">
  288. {block:Label}
  289. <span class="label">{Label}</span>
  290. {/block:Label}
  291.  
  292. {Line}
  293. </li>
  294. {/block:Lines}
  295. </ul>
  296.  
  297. {/block:Chat}
  298.  
  299. {block:Audio}
  300. <center><div style="width:300px; height:20px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:8px; float:right;"><small>
  301. {FormattedPlayCount} plays {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}</small></div></div></centeR><BR>
  302. {block:Caption}{Caption}{/block:Caption}
  303. {/block:Audio}
  304.  
  305. {block:Video}
  306. <center>
  307. <div class="video2">{Video-400}</div><BR>
  308. {block:Caption}{Caption}</a>{/block:Caption}</center>
  309. {block:Video}
  310.  
  311. {block:PostNotes}
  312. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
  313. <div id="postnotes">{PostNotes}</div>
  314.  
  315. {/block:PostNotes}
  316. </div>
  317. {/block:Posts}
  318. </div></div>
  319.  
  320. </div>
  321. </body>
  322. </html>
Advertisement
Add Comment
Please, Sign In to add comment