Advertisement
cosmica

aerou theme

Aug 31st, 2012
88
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.59 KB | None | 0 0
  1. <!--
  2.  
  3. ************************ C R E D I T *********************************
  4. Aerou
  5. by http://-apple.tumblr.com
  6. More themes can be found at http://aerou.tumblr.com (previously known as applethemes)
  7.  
  8. ************************** R U L E S *********************************
  9.  
  10. *IF YOU BREAK ANY RULES, I'LL REPORT YOU.
  11. *DO NOT REMOVE ANY CREDIT OR ELSE YOU WILL BE REPORTED.
  12. *DO NOT CLAIM AS YOUR OWN.
  13. *EDITING THIS THEME IS ALLOWED. JUST LEAVE THE CREDITS AND DO NOT DISTRIBUTE AS OWN.
  14.  
  15. -->
  16.  
  17. <head>
  18.  
  19. <meta name="image:background" content="http://static.tumblr.com/qbwrk8v/MNrlxfzw6/20.jpg"/>
  20. <meta name="image:your" content="" />
  21. <meta name="image:sidebar background" content=""/>
  22. <meta name="image:description background" content"http://static.tumblr.com/qbwrk8v/boLln5ddh/214qqx.png"/>
  23.  
  24. <meta name="color:background" content="#eeeeee" />
  25. <meta name="color:post background" content="#ffffff" />
  26. <meta name="color:sidebar" content="#ffffff" />
  27. <meta name="color:description background" content="#f1f1f1"/>
  28. <meta name="color:text" content="#101010" />
  29. <meta name="color:title" content="#000" />
  30. <meta name="color:title hover" content="#000" />
  31. <meta name="color:main title background" content="#eeeeee" />
  32. <meta name="color:post titles background" content="#eeeeee" />
  33. <meta name="color:link" content="#000000" />
  34. <meta name="color:link hover" content="#000000" />
  35. <meta name="color:link background" content="#eeeeee" />
  36. <meta name="color:permalink background" content="#ffffff" />
  37. <meta name="color:permalink" content="#000" />
  38.  
  39. <meta name="if:Faded Images" content="1" />
  40. <meta name="if:Enable Infinite Scrolling" content="1"/>
  41. <meta name="if:Disable right click" content="0"/>
  42.  
  43. <meta name="text:link one" content="http://"/>
  44. <meta name="text:link one name" content=""/>
  45. <meta name="text:link two" content="http://"/>
  46. <meta name="text:link two name" content=""/>
  47. <meta name="text:link three" content="http://"/>
  48. <meta name="text:link three name" content=""/>
  49. <meta name="text:link four" content="http://"/>
  50. <meta name="text:link four name" content=""/>
  51. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  52.  
  53. {block:IfDisableRightClick}<script type="text/javascript" src="http://static.tumblr.com/1cmk6kw/HlSla0dfm/darlieecious-dot-tumblr-dot-com.js"></script>{/block:IfDisableRightClick}
  54.  
  55. <link rel="shortcut icon" href="http://i.imgur.com/CHcYi.gif" />
  56. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  57. <title>{title}{block:PostTitle}: {PostTitle}{/block:PostTitle}</title>
  58. {CustomCSS}
  59. <title>{title}{block:PostTitle}: {PostTitle}{/block:PostTitle}</title>
  60.  
  61. <style type="text/css">
  62.  
  63. ::-webkit-scrollbar-thumb:vertical {background-color: #fff; height:100px; border: 5px solid #eee;}
  64. ::-webkit-scrollbar-thumb:horizontal {background-color: #fff; border: 5px solid #eee;}
  65. ::-webkit-scrollbar {height: 15px; width: 15px; background-color: #eee;}
  66.  
  67.  
  68. body{
  69. margin:0px;
  70. padding:0px;
  71. margin-top:0px;
  72. margin-bottom:5px;
  73. font-family: georgia;
  74. font-size:11px;
  75. letter-spacing:1px;
  76. color:{color:text};
  77. background-color:{color:background};
  78. background-image:url('{image:background}');
  79. background-attachment: fixed;
  80. }
  81.  
  82. @font-face {font-family: "slkscr";src: url('http://static.tumblr.com/qbwrk8v/zmWlpdkl0/slkscr.ttf');}
  83.  
  84. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  85.  
  86. #contentcolumn{
  87. margin-left:400px;
  88. margin-top:30px;
  89. opacity:1;
  90. overflow:shown;
  91. z-index: 0.9;
  92. text-align:justify;
  93. }
  94.  
  95. a {color:{color:link}; text-decoration: none; }
  96. a:hover { ;-webkit-transition-duration: 0.3s;}
  97. a:active,a:focus {outline: 0;}
  98.  
  99. b, strong{
  100. color:{color:title}
  101. }
  102. i, em {
  103. color:{color:link hover};
  104. }
  105. p{
  106. margin-top:3px; margin-bottom:3px
  107. }
  108.  
  109.  
  110. {block:Iffadedimages}
  111. img{
  112. -webkit-transition: opacity 0.7s linear;
  113. opacity: 1;
  114. }
  115. img:hover {
  116. -webkit-transition: opacity 0.7s linear;
  117. opacity: 0.85;
  118. }
  119. {/block:Iffadedimages}
  120. img{ border:none;}
  121. img:hover{; }
  122.  
  123. #entry {
  124. background:{color:post background} url('');
  125. padding-left:10px;
  126. padding-right:10px;
  127. padding-top:20px;
  128. padding-bottom:10px;
  129. margin-bottom:20px;
  130. margin-top:0px;
  131. line-height:11px;
  132. font-family: consolas;
  133. font-size:10px;
  134. {block:IndexPage}width:400px;{/block:IndexPage}
  135. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  136. box-shadow:0px 0px 5px #ddd;
  137. }
  138.  
  139. #entry:hover #permalink {display: block; opacity:1;}
  140.  
  141. #permalink{
  142. text-transform:uppercase;
  143. line-height:10px;
  144. font-family:arial;
  145. font-size:8px;
  146. opacity:0.8;
  147. -webkit-transition: all 0.5s ease;
  148. -moz-transition: all 0.5s ease;
  149. -o-transition: all 0.5s ease;
  150. text-align:left;
  151. background-color:{color:permalink background};
  152. position:relative;
  153. padding:10px;
  154. margin-top:-20px;
  155. margin-left:-10px;
  156. margin-bottom:10px;
  157. z-index:1;
  158. width:{Block:IndexPage}400px{/Block:IndexPage}{Block:PermalinkPage}500px{/Block:PermalinkPage};
  159. }
  160.  
  161. #permalink a {
  162. color:{color:permalink};
  163. margin-bottom:6px;
  164. }
  165.  
  166. .notex {z-index:2; background-color:#333; height:10px; text-align:right; color:white; padding-top:4px; opacity:.89;}
  167.  
  168. .notex:hover {opacity:1;}
  169.  
  170. .notex a {background-color:#fff; color:black; padding-top:4px; padding-left:4px;}
  171. .notex a:hover {background-color:#fff; color:black; padding-top:4px; padding-left:4px;}
  172.  
  173. #tit {
  174. letter-spacing:1px;
  175. font-family:consolas;
  176. font-size:14px;
  177. text-transform:uppercase;
  178. line-height:14px;
  179. background-color:{color:post titles background};
  180. padding:2px;
  181. }
  182.  
  183. #contue {
  184. line-height:11px;
  185. margin-top:-10px;
  186. }
  187.  
  188. #audio {
  189. background-color : #000;
  190. height : 27px;
  191. margin-bottom : -10px;
  192. width:400px;
  193. }
  194.  
  195. .sidebar {
  196. top:400px;
  197. LEFT:20px;
  198. height:auto;
  199. text-align:justify;
  200. position:fixed;
  201. width:200px;
  202. overflow:hidden;
  203. line-height:10px;
  204. background-image:url('{image:background}');
  205. padding:10px;
  206. z-index:1;
  207. box-shadow:0px 0px 5px #ddd;
  208. }
  209.  
  210. .maintitle {
  211. line-height:14px;
  212. text-align:center;
  213. letter-spacing:5px;
  214. text-transform:uppercase;
  215. background-color:{color:main title background};
  216. background-image:url('');
  217. padding:2px;
  218. overflow:hidden;
  219. }
  220. .maintitle a {
  221. color: {color:title}
  222. font-size:10px;
  223. }
  224. .maintitle a:hover{
  225. color: {color:title hover}
  226. -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;
  227. }
  228.  
  229. #sidecontent {
  230. margin-top:10px;
  231. width: 180px;
  232. }
  233.  
  234. #sidecontent a {
  235. color: {color:Links};
  236. font-family: consolas;
  237. text-transform: uppercase;
  238. font-size: 8px;
  239. background:#f7f7f7;
  240. width: 180px;
  241. height: 6px;
  242. float: left;
  243. margin-bottom: 3px;
  244. padding-top: 3px;
  245. padding-bottom:5px;
  246. text-align: right;
  247. padding-right: 5px;
  248. border-right: 15px solid #f1f1f1;
  249. -webkit-transition: all 0.5s ease-out;
  250. -moz-transition: all 0.5s ease-out;
  251. -o-transition: all 0.5s ease-out;
  252. }
  253.  
  254. #sidecontent a:hover {
  255. letter-spacing: 5px;
  256. background: #f7f7f7;
  257. width: 185px;
  258. height: 8px;
  259. text-align: right;
  260. float: left;
  261. border-right: 0px solid #f1f1f1;
  262. padding-left: 5px;
  263. padding-right: 10px;
  264. padding-bottom: 5px;
  265. -webkit-transition: all 0.3s ease-out;
  266. -moz-transition: all 0.3s ease-out;
  267. -o-transition: all 0.3s ease-out;
  268. }
  269.  
  270. .about{
  271. color: {color:text};
  272. align:center;
  273. text-align: justify;
  274. text-transform: uppercase;
  275. font-family:tinytots;
  276. font-size:8px;
  277. background-image:url('{image:description background}');
  278. margin-top:15px;
  279. }
  280.  
  281. .themebar {
  282. top:50px;
  283. left:0px;
  284. height:300px;
  285. text-align:justify;
  286. font-family: consolas;
  287. font-size:11px;
  288. position:fixed;
  289. width:250px;
  290. overflow:scroll;
  291. background-color:#f7f7f7;
  292. background-image:url('{image:sidebar background}');
  293. padding:10px;
  294. z-index:1;
  295. -moz-box-shadow: 0px 3px 0px 3px #aaa;
  296. -webkit-box-shadow: 0px 3px 0px 3px #aaa;
  297. box-shadow: 0px 3px 0px 3px #aaa;
  298. }
  299.  
  300. </style>
  301. </head>
  302.  
  303. <body>
  304.  
  305. <div id="contentcolumn">
  306.  
  307. <div class="sidebar">
  308. <div class="maintitle"><center><a href="/"><i>{title}</i></a></center></div>
  309.  
  310. <center>
  311. {block:IfYourImage}<br><a href="/"><img src="{image:Your}" width="200px" /></a>{/block:IfYourImage}
  312. </center>
  313.  
  314.  
  315. <div id="sidecontent">
  316.  
  317. <a href="http://aerou.tumblr.com/post/9057854499/how-to-install-a-theme">How to Install Themes</a><br/></span>
  318.  
  319. <a href="/tagged/announcement">announcements</a><br/></span>
  320.  
  321. <a href="/tagged/themes">themes</a><br></span>
  322.  
  323. <a href="/tagged/resources">resources</a><br></span>
  324.  
  325. <a href="/faq">READ THIS FIRST</a><br></span>
  326.  
  327. <a href="http://google.com">message</a><br></span>
  328.  
  329. <a href="http://-apple.tumblr.com">main blog</a>
  330. </div>
  331.  
  332. <div class="about">
  333. {block:description}
  334. <br><br>
  335. {description}
  336. {/block:description}
  337. </div>
  338.  
  339. </div>
  340.  
  341. <div class="themebar"><center>
  342. <div class="maintitle"><b><i><a href="/tagged/themes">themes</a></i></b></div><br>
  343.  
  344. <img src="http://25.media.tumblr.com/tumblr_m566gz75Yc1ql5z3qo1_500.jpg" width="210px"/>
  345. <br><b> AKRIMONIOUS</b> &rarr; <a href="http://pastebin.com/6F4pKkJL">CODE</a> | <a href="http://akrimonious.tumblr.com/">LIVE</a>
  346. <br><br>
  347.  
  348.  
  349. <img src="http://27.media.tumblr.com/tumblr_m18s89ZpEH1ql5z3qo1_500.jpg" width="210px"/>
  350. <br><b> NUNJAE</b> &rarr; <a href="http://pastebin.com/esTpJk6Q">CODE</a> | <a href="http://nunjae.tumblr.com/">LIVE</a>
  351. <br><br>
  352.  
  353. <img src="http://30.media.tumblr.com/tumblr_m178r7eqbq1ql5z3qo1_500.jpg" width="210px"/>
  354. <br><b>CAVELRY</b> &rarr; <a href="http://pastebin.com/UZpwPfAQ">CODE</a> | <a href="http://cavelry.tumblr.com">LIVE</a>
  355. <br><br>
  356.  
  357. <img src="http://24.media.tumblr.com/tumblr_lzpy0uVUDH1ql5z3qo1_500.jpg" width="210px"/>
  358. <br><b> VALDEMORT</b> &rarr; <a href="http://pastebin.com/HN3W9Xt0">CODE</a> | <a href="http://valdem0rt.tumblr.com/">LIVE</a>
  359. <br><br>
  360.  
  361. <img src="http://30.media.tumblr.com/tumblr_lzavii1iPc1ql5z3qo1_500.jpg" width="210px"/>
  362. <br><b> EXOTIX</b> &rarr; <a href="http://pastebin.com/By5vibrX">CODE</a> | <a href="http://e-x-0.tumblr.com/">LIVE</a>
  363. <br><br>
  364.  
  365. <img src="http://25.media.tumblr.com/tumblr_ly9tclW84j1ql5z3qo1_500.jpg" width="210px"/>
  366. <br><b> XIORA</b> &rarr; <a href="http://pastebin.com/7NkLtDw5">CODE</a> | <a href="http://xiora.tumblr.com/">LIVE</a>
  367. <br><br>
  368.  
  369. <img src="http://28.media.tumblr.com/tumblr_lx1uygIQ7p1ql5z3qo1_500.jpg" width="210px"/>
  370. <br><b> CRITIC</b> &rarr; <a href="http://pastebin.com/9BA2TQeQ">CODE</a> | <a href="http://critic.tumblr.com/">LIVE</a>
  371. <br><br>
  372.  
  373. <img src="http://29.media.tumblr.com/tumblr_lv6pd3s2A51ql5z3qo1_500.jpg" width="210px"/>
  374. <br><b> STRAINING</b> &rarr; <a href="http://pastebin.com/hR1WPKPC">CODE</a> | <a href="http://straining.tumblr.com/">LIVE</a>
  375. <br><br>
  376.  
  377. <img src="http://29.media.tumblr.com/tumblr_luu6lbhvox1ql5z3qo1_r1_500.jpg" width="210px"/>
  378. <br><b> GUNG-HO</b> &rarr; <a href="http://pastebin.com/3f63jphd">CODE</a> | <a href="http://gung-ho.tumblr.com/">LIVE</a>
  379. <br><br>
  380.  
  381. <img src="http://28.media.tumblr.com/tumblr_lt2ohzCllV1ql5z3qo1_r1_500.jpg" width="210px"/>
  382. <br><b> INFRINGE</b> &rarr; <a href="http://pastebin.com/SrgPiJEd">CODE</a> | <a href="http://infringe.tumblr.com/">LIVE</a>
  383. <br><br>
  384.  
  385. <img src="http://28.media.tumblr.com/tumblr_lsuykpg8K31ql5z3qo1_r1_500.jpg" width="210px"/>
  386. <br><b> SOOMU</b> &rarr; <a href="http://pastebin.com/L6MnUHSJ">CODE</a> | <a href="http://soomu.tumblr.com/">LIVE</a>
  387. <br><br>
  388.  
  389. <img src="http://27.media.tumblr.com/tumblr_lps26mpV0Q1ql5z3qo1_r1_500.jpg" width="210px"/>
  390. <br><b> WINTER SHIVER</b> &rarr; <a href="http://pastebin.com/Br0HNv1a">CODE</a> | <a href="http://wintershiver.tumblr.com/">LIVE</a>
  391. <br><br>
  392.  
  393. <img src="http://25.media.tumblr.com/tumblr_lnvhv8qZZv1ql5z3qo1_r5_500.jpg" width="210px"/>
  394. <br><b> FIRILUS</b> &rarr; <a href="http://pastebin.com/3RtdqAWJ">CODE</a> | <a href="http://firilus.tumblr.com/">LIVE</a>
  395. <br><br>
  396.  
  397. <img src="http://28.media.tumblr.com/tumblr_lmfubuyr1t1ql5z3qo1_r4_500.jpg" width="210px"/>
  398. <br><b> SPRING POLLEN</b> &rarr; <a href="http://pastebin.com/DuukpDRn">CODE</a> | <a href="http://springpollen.tumblr.com/">LIVE</a>
  399. <br><br>
  400. </center>
  401. </div>
  402.  
  403. {block:IfEnableInfiniteScrolling}<div class="autopagerize_page_element"><script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEnableInfiniteScrolling}
  404.  
  405. {block:Posts}
  406. <div id="entry">
  407.  
  408. {Block:IndexPage}
  409. <div id="permalink">
  410. <a href="{Permalink}" title="permalink">
  411. <div class="notex">{block:Date}{NoteCountWithLabel}{/block:Date}</a></div>
  412. <a href="{ReblogURL}" target="_blank">reblog</a><br>
  413. {block:Tags}<a href="{TagURL}">#{Tag}</a><br> {/block:Tags}{/block:HasTags}
  414. </div>
  415. {/Block:IndexPage}
  416.  
  417. {block:Text}
  418. {block:Title}<div id="tit">{Title}</div>{/block:Title}<br>
  419. <div id="contue"><p align=justify>{Body}</p></div>
  420. {/block:Text}
  421.  
  422.  
  423. {block:Photo}
  424. {LinkOpenTag}<meta name="{PhotoAlt}" content="{PhotoAlt}"/> <img src="{PhotoURL-500}" alt="{PhotoAlt}" border="0" width="400" class=”shakeimage” onMouseover=”init(this);rattleimage()” onMouseout=”stoprattle(this);top.focus()” onClick=”top.focus()”>
  425. {LinkCloseTag}
  426. <br>{block:Caption}{Caption}{/block:Caption}
  427. {/block:Photo}
  428.  
  429.  
  430. {block:Photoset}
  431. <center>{Photoset-400}</center>
  432. {block:PermalinkPage}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  433. {/block:Photoset}
  434.  
  435. {block:Quote}
  436. <div id="tit">"{Quote}"<br></div><br>
  437. {block:Source}~{Source}{/block:Source}
  438. {/block:Quote}
  439.  
  440. {block:Link}
  441. <div id="tit"><a href="{URL}">{Name}</a></div><br>
  442. <div id="contue">{block:Description}{Description}{/block:Description}</div>
  443. {/block:Link}
  444.  
  445. {block:Chat}
  446. {block:Title}<b>{Title}</b><br>{/block:Title}
  447. {block:Lines}{block:Label}<b>{Label}</b> {Line} <br>
  448. {/block:Label}{/block:Lines}
  449. {/block:Chat}
  450.  
  451. {block:Audio}
  452. <div id="audio">{AudioPlayerBlack}</div><br>
  453. <center>
  454. {block:PermalinkPage}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  455. {PlayCount} plays</center>
  456. {/block:Audio}
  457.  
  458. {block:Answer}
  459. <div id="tit">"{Question}"</div> asked by <b>{Asker}</b><br>
  460. {Answer}
  461.  
  462. {/block:answer}
  463.  
  464. {block:Video}
  465. <div id="width"><center>{Video-400}</div></center>
  466. {block:PermalinkPage}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  467. {/block:Video}
  468.  
  469.  
  470. {block:Date}
  471. {block:PermalinkPage}
  472.  
  473. {block:NoteCount}NOTES: {notecount}{/block:NoteCount}<br>
  474. DATE: <a href="{permalink}">{ShortMonth} {DayOfMonthWithZero} {Year}</a><br>
  475. {block:RebloggedFrom}OP: <a href="{ReblogRootURL}">{ReblogRootName}</a> <br>
  476. VIA: <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
  477. {block:HasTags}<br><br>
  478. TAGGED: {block:Tags}<a href="{TagURL}">{Tag}.</a> {/block:Tags}{/block:HasTags}
  479. {/block:PermalinkPage}
  480. {/block:Date}
  481.  
  482. {block:PostNotes}
  483. {PostNotes}
  484. {/block:PostNotes}
  485. </div>
  486.  
  487. {/block:posts}
  488. {block:IfEnableInfiniteScrolling}</div>{/block:IfEnableInfiniteScrolling}
  489.  
  490. {block:IfNotEnableInfiniteScrolling}
  491. {block:Pagination}
  492. {block:PreviousPage}
  493. <a href="{PreviousPage}">&larr;</a>
  494. {/block:PreviousPage}
  495.  
  496. {block:JumpPagination length="5"}
  497. {block:CurrentPage}
  498. <span class="current_page">{PageNumber}</span>
  499. {/block:CurrentPage}
  500.  
  501. {block:JumpPage}
  502. <a class="jump_page" href="{URL}">{PageNumber}</a>
  503. {/block:JumpPage}
  504. {/block:JumpPagination}
  505.  
  506. {block:NextPage}
  507. <a href="{NextPage}">&rarr;</a>
  508. {/block:NextPage}
  509. {/block:Pagination}
  510. {/block:IfNotEnableInfiniteScrolling}
  511. </div>
  512.  
  513.  
  514.  
  515. <!-- Start of StatCounter Code for Tumblr -->
  516. <script type="text/javascript">
  517. var sc_project=8200367;
  518. var sc_invisible=0;
  519. var sc_security="c399fd6a";
  520. </script>
  521. <script type="text/javascript"
  522. src="http://www.statcounter.com/counter/counter.js"></script>
  523. <noscript><div class="statcounter"><a title="tumblr
  524. statistics" href="http://statcounter.com/tumblr/"
  525. target="_blank"><img class="statcounter"
  526. src="http://c.statcounter.com/8200367/0/c399fd6a/0/"
  527. alt="tumblr statistics"></a></div></noscript>
  528. <!-- End of StatCounter Code for Tumblr -->
  529.  
  530. </body>
  531. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement