Advertisement
ramisaaaaa

Untitled

Jun 3rd, 2012
37
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.47 KB | None | 0 0
  1. <!--
  2. theme by icy-me0ws
  3. -->
  4.  
  5. <html lang="en">
  6. <head>
  7. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  8. <meta name="color:background" content="#000000"/>
  9. <meta name="color:text" content="#000000"/>
  10. <meta name="color:title" content="#000000"/>
  11. <meta name="color:link" content="#AFAFAF"/>
  12. <meta name="color:hover" content="#000000"/>
  13. <meta name="image:Sidebar" content=""/>
  14. <meta name="if:show photo" content="0"/>
  15. <meta name="if:infinite scrolling" content="0"/>
  16. <meta name="image:Background" content=""/>
  17. <meta name="text:Custom Link One" content="" />
  18. <meta name="text:Custom Link One Title" content="" />
  19. <meta name="text:Custom Link Two" content="" />
  20. <meta name="text:Custom Link Two Title" content="" />
  21. <meta name="text:Custom Link Three" content=""/>
  22. <meta name="text:Custom Link Three Title" content=""/>
  23. <meta name="text:Custom Link Four" content="" />
  24. <meta name="text:Custom Link Four Title" content="" />
  25.  
  26. <style type="text/css">
  27.  
  28.  
  29. a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  30.  
  31. .fufu {width:227px;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  32.  
  33. .fufu:hover {-webkit-transform: translate(1em,0);-moz-transform: translate(1em,0);-o-transform: translate(1em,0);}
  34.  
  35. #biter
  36.  
  37. #bite a {display:block}
  38.  
  39. #bite .death {margin-top:-45px;filter: alpha(opacity = 0);opacity:0;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  40.  
  41. #bite:hover .death {margin-top:0px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out; filter: alpha(opacity = 100);filter: alpha(opacity = 100);opacity:100;}
  42.  
  43. ::-webkit-scrollbar {width: 8px; height: 6px; background: #FFFFFF; }
  44. ::-webkit-scrollbar-thumb { background-color: #ffffff; -webkit-border-radius: 1ex; border: 1px solid #000000 !important;}
  45.  
  46. body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), progress;}
  47.  
  48. body {
  49. margin:0px;
  50. background-color: {color:Background};
  51. background-image:url({image:Background});
  52. background-attachment: fixed;
  53. background-repeat: repeat;}
  54. body, div, p, textarea, submit, input{
  55. font-family: tinytots;
  56. font-size: 7.5px;
  57. line-height:10px;
  58. letter-spacing:0px;
  59. color:{color:Text};
  60. }
  61.  
  62. p {
  63. margin:0px;
  64. margin-top:0px;
  65. }
  66.  
  67. a:link, a:active, a:visited{
  68. color: {color:Link};
  69. text-decoration: none;
  70. }
  71.  
  72. a:hover {
  73. color:{color:Hover};
  74. text-decoration: none;
  75. {block:ifshadowhover}text-shadow:0px 0px 3px #000000;{/block:ifshadowhover}
  76. }
  77. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf'); }
  78.  
  79. div#center{
  80. margin:auto;
  81. position:relative;
  82. width:850px;
  83. background-color:;
  84. overflow:auto;
  85. overflow-y:hidden;
  86. }
  87.  
  88. div#content{
  89. float:right;
  90. width:400px;
  91. padding:2px;
  92. padding-top: 2px;
  93. margin-right: 400px;
  94. background-color: #fff;
  95. border: 3px solid #dadada;
  96. }
  97.  
  98. #links{
  99. position:fixed !important;
  100. width: auto;
  101. height: auto;
  102. margin: 70px;
  103. margin-left: -30px;
  104. padding: 2px;
  105. font-size: 11px;
  106. line-height:11px;
  107. letter-spacing:2px;
  108. margin-bottom: 5px;
  109. background-color: auto;
  110. }
  111.  
  112. .linkss{
  113. height:50px;
  114. width:50px;
  115. background-color: #fff;
  116. font-family: meow;
  117. font-size: 15px;
  118. margin: 6px;
  119. float: left;
  120. text-align: center;
  121. line-height: 47px;
  122. letter-spacing:2px;
  123. -webkit-transition: all 0.4s ease-out;
  124. -moz-transition: all 0.4s ease-out;
  125. transition: all 0.4s ease-out;
  126. border-radius: 30px; border: #dadada 2px solid;
  127. }
  128.  
  129. .linkss:hover{
  130. -webkit-transition: all 0.8s ease-out;
  131. -moz-transition: all 0.8s ease-out; transition: all 0.6s ease-out;
  132. -webkit-transform: rotate(360deg);
  133. margin-left: -15px;
  134. background-color: #aaa;
  135. -moz-box-shadow: 0 0 10px #FFFFFF;
  136. -webkit-box-shadow: 0 0 10px #FFFFFF;
  137. box-shadow: 0 0 19px #FFFFFF;
  138. }
  139.  
  140. div#entry{
  141. background-color:;
  142. margin-top:px;
  143. padding-top:0px;
  144. padding-bottom:2px;
  145. background-color: #fff;
  146. }
  147.  
  148.  
  149. #entry .perma a{
  150. color:#000;
  151. }
  152.  
  153. #entry .perma{
  154. width:385px;
  155. height: 35px;
  156. position: absolute;
  157. font-family: meow;
  158. font-size: 18px;
  159. line-height: 40px;
  160. text-align: center;
  161. margin-top: 0px;
  162. margin-left: 0px;
  163. overflow:hidden;
  164. opacity: 0.0;
  165. background-color:#fff;
  166. border-left: #aaa 15px solid;
  167. }
  168.  
  169.  
  170. #entry:hover .perma{
  171. overflow:visible;
  172. -webkit-transition: opacity 0.7s linear; opacity: 0.8;
  173. -webkit-transition: all 0.7s linear;
  174. -moz-transition: all 0.6s linear;
  175. transition: all 0.7s linear;
  176. -webkit-transition: all 0.4s linear;
  177. -webkit-transition: all 0.4s linear;
  178. -moz-transition: all 0.4s linear;
  179. transition: all 0.4s linear;
  180. }
  181.  
  182. @font-face { font-family: "kingcoolkc"; src: url('http://static.tumblr.com/4yxykdm/wmVlrea61/king_cool_kc_1_.ttf'); }
  183.  
  184. div#sidebar{
  185. position:fixed !important;
  186. width: 210px;
  187. height:900px;
  188. margin: 0px 0px 0px 10px;
  189. margin-left: 40px;
  190. padding-top:0px;
  191. padding-left:0px;
  192. padding-right:0px;
  193. font-size: 7.5px;
  194. line-height: 10px;
  195. letter-spacing:0px;
  196. margin-bottom: 6px;
  197. background-color:white;
  198. border: 3px solid #dadada;
  199. }
  200.  
  201. #postnotes{
  202. text-align: justify;}
  203.  
  204. #postnotes blockquote{
  205. border: 0px;}
  206.  
  207. @font-face { font-family: "craftygirls"; src: url('http://themes.googleusercontent.com/static/fonts/craftygirls/v0/0Sv8UWFFdhQmesHL32H8o3hCUOGz7vYGh680lGh-uXM.woff'); }
  208.  
  209. .title{
  210. font-family: amatic sc;
  211. font-size: 20px;
  212. line-height: 13px;
  213. color: {color:Title};
  214. letter-spacing: 0;
  215. font-weight: normal;
  216. padding:0px 0px 0px 0px;
  217. }
  218.  
  219. .title2{
  220. font-family: amatic sc;
  221. font-size: 20px;
  222. line-height: 13px;
  223. color: {color:Title};
  224. letter-spacing: 0;
  225. font-weight: {text:title font weight};
  226. padding:0px 0px 0px 0px;
  227. }
  228.  
  229. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  230.  
  231. .blogtitle
  232. {font-family: meow;
  233. font-size: 40px;
  234. line-height: 60px;
  235. margin-bottom: -10px;
  236. }
  237.  
  238. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  239.  
  240. blockquote{
  241. padding:0px 0px 2px 5px;
  242. margin:0px 0px 2px 1px;
  243. border-left: 1px dotted #555555;
  244. }
  245.  
  246. blockquote p, ul{
  247. margin:0px;
  248. padding:0px;
  249. }
  250.  
  251.  
  252. a img{border: 0px;}
  253.  
  254. .notes img{width:10px; position:relative; top:3px;}
  255.  
  256.  
  257.  
  258. small{font-size: 90%;}
  259. {block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}
  260.  
  261. </style>
  262.  
  263. <link rel="shortcut icon" href="{Favicon}">
  264. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  265. <meta name="viewport" content="width=820" />
  266. </head>
  267. <body>
  268.  
  269. <div id="cage">
  270. <div id="center">
  271. <div id="links">
  272. <div class="linkss">{block:ifCustomLinkOneTitle}
  273. <a href="{text:Custom Link One}">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}</div></br>
  274. <div class="linkss">{block:ifCustomLinkTwoTitle}
  275. <a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}</div></br>
  276. <div class="linkss">{block:ifCustomLinkThreeTitle}
  277. <a href="{text:Custom Link Three}">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle} </div></br>
  278. <div class="linkss">{block:ifCustomLinkFourTitle}
  279. <a href="{text:Custom Link Four}">{text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle}</div></br>
  280. </div></br>
  281.  
  282.  
  283. <div id="cage">
  284. <div id="center">
  285. <div id="sidebar">
  286. <center>
  287.  
  288. <center><div class="blogtitle"><a href="/">{title}</a></div></center>
  289.  
  290.  
  291. {block:ifshowphoto}<a href="/"><img src="{image:sidebar}" width=210px height=auto></a>{/block:ifshowphoto}
  292.  
  293.  
  294. <div style="overflow:auto; width: 160px; height: 50px; border: 0px solid #000000; background-color: #fff; font-family: tinytots; font-size: 8px; text-align: center;">{Description}</div>
  295. </div>
  296.  
  297. </div>
  298.  
  299.  
  300. <center>
  301. </center>
  302.  
  303. </div>
  304. </div>
  305. </div>
  306. </div>
  307. </div>
  308.  
  309.  
  310. </div>
  311.  
  312.  
  313.  
  314.  
  315. <div id="content">
  316. {block:Posts}
  317. <div id="entry">
  318.  
  319. {block:Text}
  320. {block:Title}<span class="title">{Title}</span>{/block:Title}
  321. <span class="entrytext">{Body}</span><div align="right"><a href="{Permalink}"></span></a></div>{/block:Text}
  322.  
  323. {block:Link}
  324. <a href="{URL}" class="title">{Name}</a>
  325. {block:Description}{Description}{/block:Description}<div align="right"><a href="{Permalink}"></span></a></div>
  326. {block:Link}
  327.  
  328. {block:Photo}
  329. {block:IndexPage}
  330. <center>
  331. <div class="perma">
  332. <a href="{permalink}">{NoteCountWithLabel} </a> - <a href="{ReblogURL}" target="_blank">Reblog</a></span></div>
  333. <a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"width=400px/></a></center>{/block:IndexPage}
  334. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  335. {block:IndexPage}</a>{/block:IndexPage}
  336. {block:PermalinkPage}<center><img src="{PhotoURL-500}" alt="{PhotoAlt}"width=300px/></center>{LinkCloseTag}
  337. {/block:PermalinkPage}
  338.  
  339. {/block:Photo}
  340. {LinkCloseTag}
  341.  
  342. {/block:Photo}
  343.  
  344. {block:Quote}
  345. <span class="entrytext">{Quote}</span>
  346. {block:Source}<b><a href="{Permalink}">{Source}</a></b>{/block:Source}
  347. <P ALIGN=Right><a href="{Permalink}"></a></span>
  348. {/block:Quote}
  349.  
  350. {block:Chat}
  351. {block:Title}<span class="title">{Title}</span>{/block:Title}
  352. <ul class="chat">
  353. {block:Lines}
  354. <li class="user_{UserNumber}">
  355. {block:Label}
  356. <span class="label">{Label}</span>
  357. {/block:Label}
  358.  
  359. {Line}
  360. </li>
  361. {/block:Lines}
  362. </ul>
  363. <div align="right"><a href="{Permalink}"></a></span>
  364. {/block:Chat}
  365.  
  366.  
  367. {block:Audio}
  368. <center><div style="width:170px; height:28px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:10px; float:right;">
  369. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br>
  370. <div align="right"><a href="{Permalink}">Reblog</a><a href="{ReblogURL}" target="_blank"></a></span>
  371. {/block:Audio}
  372.  
  373. {block:Video}<center>
  374. <div class="video">{Video-250}</div><BR>
  375. {block:Caption}<a href="{Permalink}">{Caption}</a>{/block:Caption}</center>
  376. <div class="perma">
  377. <div align="right"><a href="{Permalink}">{timeago}</a>Reblog<a href="{ReblogURL}" target="_blank"></a></span></div>
  378. {block:Video}
  379.  
  380. {block:PostNotes}
  381. {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}
  382. <div id="postnotes">{PostNotes}</div>
  383.  
  384. {/block:PostNotes}
  385. </div>
  386.  
  387. {/block:Posts}
  388. </div></div>
  389.  
  390. </div>
  391. </center>
  392. </body>
  393. </html>
  394. <div style="position:fixed; bottom:2px; left:2px;">
  395. <a href="http://icy-me0ws.tumblr.com/">credit</a>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement