Advertisement
coyly

theme 1 - aphrodite

May 19th, 2012
539
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.45 KB | None | 0 0
  1. <!-- Designed by coyly.tumblr.com. Please do not claim as your own or remove the theme credit link! --!>
  2.  
  3. <html>
  4. <head>
  5.  
  6. <!-- DEFAULT COLORS -->
  7. <meta name="if:ShowTitle" content="0"/>
  8. <meta name="image:Background" content="#FCF7Fe"/>
  9. <meta name="image:Sidebarpic" content="#420000"/>
  10. <meta name="color:Text" content="#BD906C"/>
  11. <meta name="color:Link" content="#DB9962"/>
  12. <meta name="color:Link Hover" content="#ECBE99"/>
  13. <meta name="color:Shadow" content="#FFD1AC"/>
  14. <meta name="color:Background" content="#424242"/>
  15. <meta name="color:Sidebar" content="#FFE6D1"/>
  16. <meta name="color:Footer" content="#FFE6D1"/>
  17. <meta name="color:Posts" content="#FFE6D1"/>
  18. <meta name="font:Body" content="Georgia"/>
  19. <meta name="font:Title" content="Georgia"/>
  20. <meta name="text:Link1" content="" />
  21. <meta name="text:Link1 Title" content="" />
  22. <meta name="text:Link2" content="" />
  23. <meta name="text:Link2 Title" content="" />
  24. <meta name="text:Link3" content="" />
  25. <meta name="text:Link3 Title" content="" />
  26. <meta name="text:Link4" content="" />
  27. <meta name="text:Link4 Title" content="" />
  28. <meta name="text:Link5" content="" />
  29. <meta name="text:Link5 Title" content="" />
  30. <meta name="text:Link6" content="" />
  31. <meta name="text:Link6 Title" content="" />
  32.  
  33. <title>{Title}</title>
  34. <link rel="shortcut icon" href="{Favicon}">
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  36. {block:Description}
  37. <meta name="description" content="{MetaDescription}" />
  38. {/block:Description}
  39.  
  40. <style type="text/css">
  41.  
  42. body {background-color:{color:Background}; background-image: url('{image:background}'); background-position: right center; background-attachment:fixed; background-repeat:no-repeat; color:{color:text}; font-size:10px; font-family:{font:body}; line-height:150%; text-align:justify}
  43.  
  44. #center {margin-left: 550px; margin-top: 25px; text-align: center; width: 100%; width: 500px;}
  45.  
  46. #boxes {width: 500px; padding: 7px 7px 7px 7px; height: 0 auto; background-color:{Color:Posts}; text-align: left; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; margin-bottom: 1px;}
  47.  
  48. #footer {width: 500px; padding: 5px 7px 5px 7px; height: 0 auto; background-color:{Color:Footer}; font-size: 9px; text-align: center; letter-spacing: 1px; -webkit-box-shadow: 3px 7px 7px -5px {color:Shadow}; -moz-box-shadow: 2px 4px 4px -5px {color:Shadow}; margin-bottom: 20px;}
  49.  
  50. #sidebar {left: 135px; width: 260px; text-align: center; position: fixed; background-color:{Color:Background}; height: 100%; padding: 5px; top: 50px; font-size: 10px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease;}
  51.  
  52. .sidebarlink a{margin-left: 8px; width: 235px; display: block; background-color:{Color:Sidebar}; text-align: center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; padding: 1px 5px 1px 5px; margin-bottom: 1px; font-size: 9px;}
  53. .sidebarlink a:hover{margin-left: 50px; width: 170px; display: block; text-align: right; background-color: {Color:Sidebar}; padding: 1px 5px 1px 85px;}
  54.  
  55. .indent {padding: 1px; text-align: center;}
  56.  
  57. .postnotes {background-color:{Color:Tags}; padding: 10px; margin-bottom: 0px; text-align: left; line-height:150%; width: 500px; margin: 0 auto;}
  58.  
  59. .chat {text-align: left; background-color:{Color:Posts};}
  60.  
  61. .chat .line{
  62. font:10px {font:Body};
  63. background-color:{color:Posts};
  64. margin: 0 0 1px;
  65. padding: 2px;
  66. }
  67. .chat .line.odd{ background-color:{color:chat2};}
  68.  
  69. .pagenav {font-size: 20px; line-height: 110%;}
  70.  
  71. .posttable {text-align: left; font-size: 10px;}
  72.  
  73. .sidebartable {float:center; margin: 0 auto; font-size: 10px; text-align: center; width: 200px;}
  74.  
  75. .audiotable {float:center; width: 490px; text-align: center; margin: 0 auto; margin-top: 5px; margin-bottom: 5px;}
  76.  
  77. .usericon img{width: 64px; border: 3px; border-color:{Color:Sidebar}; border-style: solid;}
  78.  
  79. .album img{width: 100px; height: 100px; border: 3px; border-color:{Color:Sidebar}; border-style: solid; background-color: {color:Background};}
  80.  
  81. .pic {text-align: center; width: 400px; left: 0px; top: 120px; position: fixed;}
  82.  
  83. .caption {font-size: 10px; margin-bottom: 5px; margin-top: 5px; }
  84.  
  85. .desc {margin-top: -10px; margin-bottom: 0px; line-height: 110%; font-size: 10px; text-align: center; width: 245px;}
  86.  
  87. h3 {text-transform: uppercase;letter-spacing: 2px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; font-size: 16px;}
  88.  
  89. .sidebarpic {text-align: center; max-width: 245px; margin-bottom: -3px;}
  90. .sidebarpic img{text-align: center; max-width: 245px;}
  91.  
  92. a, a:link, a:active, a:visited {color:{color:link}; text-decoration:none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease;}
  93. a:hover {color:{color:link hover}; text-decoration:none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease;}
  94. i{text-transform: italic; color:{color:text}}
  95. b{font-weight: bold; color:{color:text}}
  96. p{margin:5px 0 5px 0}
  97. blockquote{margin:5px 5px 5px 5px; padding: 2px 0 4px 8px; border-left: 3px solid {color:Text}}
  98. .alignleft {float: left;}
  99. .alignright {float: right;}
  100.  
  101. .img {max-width: 500px;}
  102.  
  103. .title {letter-spacing: 3px; text-transform: uppercase; font-size: 18px; font-weight: bold;}
  104.  
  105. {CustomCSS}
  106. </style>
  107.  
  108. <script type="text/javascript">
  109.  
  110. var _gaq = _gaq || [];
  111. _gaq.push(['_setAccount', 'UA-28562822-2']);
  112. _gaq.push(['_trackPageview']);
  113.  
  114. (function() {
  115. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  116. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  117. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  118. })();
  119.  
  120. </script>
  121.  
  122. </head>
  123. <body>
  124.  
  125. <div id="center">
  126. {block:Posts}
  127. <table style="posttable" cellspacing="0">
  128. <tr>
  129. <td>
  130. <div id="boxes">
  131. {block:Text}
  132. <div class="post text">
  133. {block:Title}
  134. <div class="indent"><h3><a href="{Permalink}">{Title}</a></h3></div>
  135. {/block:Title}
  136.  
  137. <div class="caption">{Body}</div>
  138. </div>
  139. {/block:Text}
  140.  
  141. {block:Photo}
  142. <div class="post photo">
  143. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  144.  
  145. {block:Caption}
  146. <div class="caption">{Caption}</div>
  147. {/block:Caption}
  148. </div>
  149. {/block:Photo}
  150.  
  151. {block:Photoset}
  152. <div class="post photoset">
  153. {Photoset-500}
  154.  
  155. {block:Caption}
  156. <div class="caption">{Caption}</div>
  157. {/block:Caption}
  158. </div>
  159. {/block:Photoset}
  160.  
  161. {block:Quote}
  162. <div class="post quote">
  163. <div class="indent">"{Quote}"
  164. {block:Source}
  165. <div class="source">- {Source}</div>
  166. {/block:Source}
  167. </div>
  168. </div>
  169. {/block:Quote}
  170.  
  171. {block:Link}
  172. <div class="post link">
  173. <div class="indent"><h3><a href="{URL}" class="link" {Target}>{Name} </a></h3></div>
  174.  
  175. {block:Description}
  176. <div class="caption"><div class="description">{Description}</div></div>
  177. {/block:Description}
  178. </div>
  179. {/block:Link}
  180.  
  181. {block:Chat}
  182. {block:Title}
  183. <div id="title"><div class="texttitle">{Title}</div></div>
  184. {/block:Title}<br>
  185. <div class="chat">
  186. {block:Lines}<div class="chat"><div class="line {Alt}">
  187. <div class="{Alt} user_{UserNumber}">
  188. {block:Label}
  189. <span class="label"><b>{Label}</b></span>
  190. {/block:Label}
  191. {Line}</div>
  192. </div></div>
  193. {/block:Lines}
  194. </div>
  195. {/block:Chat}
  196.  
  197. {block:Video}
  198. <div class="post video">
  199. {Video-500}
  200.  
  201. {block:Caption}
  202. <div class="caption">{Caption}</div>
  203. {/block:Caption}
  204. </div>
  205. {/block:Video}
  206.  
  207. {block:Audio}
  208. <div class="post audio">
  209. <table class="audiotable" cellspacing="3px">
  210. <tr>
  211. <td>
  212. {block:AlbumArt}
  213. <div class="album"><img src="{AlbumArtURL}"></div>
  214. {/block:AlbumArt}
  215. <td>
  216. {AudioPlayerWhite}
  217. </td></tr>
  218. </table>
  219. {block:Caption}
  220. <div class="caption">{Caption}</div>
  221. {/block:Caption}
  222. </div>
  223. {/block:Audio}
  224.  
  225. {block:Answer}
  226. <div class="indent">
  227. <table width="400" valign="middle" align="center">
  228. <tr><td width="100" align="center"><div class="usericon"><img src="{AskerPortraitURL-64}"></div><div class="small">{Asker}</div></td>
  229. <td width="3000" align="center">"{Question}"</td>
  230. </tr></table></div>
  231. <div class="small"><div class="caption">{Answer}</div></div>
  232. {/block:Answer}
  233. </div>
  234. <div id="footer">
  235. <SPAN STYLE="float:left"><a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} (© <a href="{ReblogRootURL}">{ReblogRootName}</a>){/block:RebloggedFrom}</SPAN>
  236. <SPAN STYLE="float:right">{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</span>
  237. <DIV STYLE="clear:both"></div>
  238. {block:HasTags}
  239. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  240. {/block:HasTags}
  241. {block:ContentSource}
  242. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  243. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  244. {/block:SourceLogo}
  245. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  246.  
  247. <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
  248. width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  249. {/block:ReblogParentLogo}
  250. {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
  251. {/block:ContentSource}
  252. </td>
  253.  
  254.  
  255. </tr>
  256.  
  257. </table>
  258. {block:PostNotes}<div class="postnotes">{PostNotes}</div>{/block:PostNotes}
  259.  
  260. {/block:Posts}
  261.  
  262. </div>
  263.  
  264. <div id="sidebar">
  265. <table class="sidebartable" cellspacing="3px" align="center" valign="middle" width="300">
  266. <tr><td><div class="title">{Block:IfShowTitle}<a href="/">{Title}</a>{/Block:IfShowTitle}</div></td></tr>
  267. <tr><td><div class="desc"><br>{Description}</div></td></tr>
  268. <tr><td><div class="sidebarpic"><img src="{image:sidebarpic}"/></div></td></tr>
  269. </table>
  270.  
  271. <div class="sidebarlink"><a href="/">home</a></div>
  272. <div class="sidebarlink"><a href="/ask">message</a></div>
  273. {block:ifLink1}<div class="sidebarlink"><a href="{text:Link1}">{text:Link1 Title}</a></div>{/block:ifLink1}
  274. {block:ifLink2}<div class="sidebarlink"><a href="{text:Link2}">{text:Link2 Title}</a></div>{/block:ifLink2}
  275. {block:ifLink3}<div class="sidebarlink"><a href="{text:Link3}">{text:Link3 Title}</a></div>{/block:ifLink3}
  276. {block:ifLink4}<div class="sidebarlink"><a href="{text:Link4}">{text:Link4 Title}</a></div>{/block:ifLink4}
  277. {block:ifLink5}<div class="sidebarlink"><a href="{text:Link5}">{text:Link5 Title}</a></div>{/block:ifLink5}
  278. {block:ifLink6}<div class="sidebarlink"><a href="{text:Link6}">{text:Link6 Title}</a></div>{/block:ifLink6}
  279. <div class="sidebarlink"><a href="http://coyly.tumblr.com">theme</a></div>
  280.  
  281. <div class="pagenav">
  282. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  283. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  284. </div>
  285.  
  286.  
  287.  
  288. </div>
  289.  
  290. </body>
  291. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement