Advertisement
awlahey

awlahey theme 1 - plain jane

Sep 26th, 2014
920
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.11 KB | None | 0 0
  1. <!--
  2.  
  3. ©awlahey themes
  4.  
  5. please do not:
  6. - tamper with the credit
  7. - remove the credit
  8. - claim the theme as your own
  9. - steal parts of the code
  10. - use this as a base
  11.  
  12. -->
  13.  
  14. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  15. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  16. <head>
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}
  21. <meta name="description" content="{MetaDescription}"/>
  22. {/block:Description}
  23.  
  24. <meta name="color:background" content="#ffffff"/>
  25. <meta name="color:text" content="#000000"/>
  26. <meta name="color:link" content="#888888"/>
  27. <meta name="color:hover" content="#ffffff"/>
  28. <meta name="color:accent" content="#ffffff"/>
  29.  
  30.  
  31. <meta name="image:sidebar" content="" />
  32.  
  33. <meta name="text:link1" content="link1"/>
  34. <meta name="text:link1url" content="link 1 url"/>
  35.  
  36. <meta name="text:link2" content="link2"/>
  37. <meta name="text:link2url" content="link 2 url"/>
  38.  
  39. <meta name="text:link3" content="link3"/>
  40. <meta name="text:link3url" content="link 3 url"/>
  41.  
  42.  
  43. <link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
  44. <link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
  45. <style type="text/css">
  46.  
  47. body {
  48. background-color:{color:background};
  49. font-size:12px;
  50. font-family:trebuchet ms;
  51. color:{color:text};
  52. }
  53.  
  54.  
  55. a {
  56. color:{color:link};
  57. text-decoration:none;
  58. -webkit-transition-duration:.3s;
  59. -moz-transition-duration:.3s;
  60. -o-transition-duration:.3s;
  61. }
  62.  
  63.  
  64. a:hover {
  65. color:{color:hover};
  66. -webkit-transition-duration:.8s;
  67. -moz-transition-duration:.8s;
  68. -o-transition-duration:.8s;
  69. }
  70.  
  71.  
  72. h1 {
  73. font-size:2em;
  74. font-weight:bold;
  75. letter-spacing:-2px;
  76. color:{color:accent};
  77. }
  78.  
  79. blockquote {
  80. padding-left:5px;
  81. border-left:2px solid;
  82. }
  83.  
  84. blockquote blockquote {
  85. padding-left:5px;
  86. border-left:2px solid;
  87. }
  88.  
  89. #fresh {
  90.  
  91. font-family:arial;
  92. text-align:right;
  93. font-size:28px;
  94. color:black;
  95. letter-spacing:-3px;
  96. text-transform:lowercase;
  97. font-weight:bold;
  98. -webkit-transition-duration:1s;
  99. -moz-transition-duration:1s;
  100. -o-transition-duration:1s;
  101. }
  102.  
  103. #fresh a {
  104. color:black;
  105. text-decoration:none;
  106. -webkit-transition-duration:1s;
  107. -moz-transition-duration:1s;
  108. -o-transition-duration:1s;
  109. }
  110.  
  111. #fresh a:hover {
  112. color:white;
  113. -webkit-transition-duration:1s;
  114. -moz-transition-duration:1s;
  115. -o-transition-duration:1s;
  116. }
  117.  
  118. #sidebar {
  119. width:250px;
  120. height:200px;
  121. margin-left:200px;
  122. margin-top:120px;
  123. position:fixed;
  124. }
  125.  
  126. #sidebarimage {
  127. width:250px;
  128. }
  129.  
  130. #sidebarimage img {
  131. width:250px;
  132. height:140px;
  133. }
  134.  
  135. #desc {
  136.  
  137. width:250px;
  138. margin-top:15px;
  139. color:black;
  140. text-align:right;
  141. font-family:trebuchet ms;
  142. font-size:10px; /*---change the font size---*/
  143. }
  144.  
  145.  
  146. #links {
  147. width:150px;
  148. word-spacing:20px;
  149. display:inline-block;
  150. font-family:trebuchet ms;
  151. text-align:center;
  152. font-size:13px;
  153. padding:2px;
  154. margin-top:5px;
  155. margin-left:45px;
  156. color:black;
  157. letter-spacing:-1px;
  158. text-transform:lowercase;
  159. }
  160.  
  161.  
  162. #links a {
  163. color:{color:links};
  164. text-decoration:none;
  165. }
  166.  
  167.  
  168. #links a:hover {
  169. background-color:{color:accent};
  170. -webkit-transition-duration:.8s;
  171. -moz-transition-duration::.8s;
  172. -o-transition-duration:.8s;
  173. }
  174.  
  175. #postcontainer {
  176.  
  177. margin-left:550px;
  178. margin-top:50px;
  179. width:550px;
  180. }
  181.  
  182. #post {
  183.  
  184. text-align:left;
  185. width:500px;
  186. padding:5px;
  187. }
  188.  
  189. .asker {
  190. background-color:white;
  191. width:500px;
  192. text-align:right;
  193. padding:5px;
  194. font-family: 'Playball', cursive;
  195. font-size:20px;
  196. color:black;
  197. letter-spacing:-1px;
  198. text-transform:lowercase;
  199. text-decoration:none;
  200. }
  201.  
  202. .question {
  203. background-color:#D6D6D6;
  204. color:black; /*text*/
  205. width:500px;
  206. padding:5px;
  207. font-family: 'Raleway', sans-serif;
  208. text-align:right;
  209. font-size:14px;
  210. min-height:20px;/
  211.  
  212.  
  213. }
  214.  
  215. .reply {
  216. padding:5px;
  217. font-size:12px;
  218. }
  219.  
  220.  
  221.  
  222. #info {
  223. margin-top:10px;
  224. font-size:9px;
  225. color:black; /*---color of text---*/
  226. padding-top:7px;
  227. padding-bottom:7px;
  228. text-align:right;
  229. width:500px;
  230. }
  231.  
  232. #info a {
  233. color:#ABABAB;
  234. font-size:10px;
  235. }
  236.  
  237. #cred {
  238. bottom:3px;
  239. position:fixed;
  240. right:10px;
  241. float:right;
  242. font-family:arial;
  243. background-color:white;
  244. color:black;
  245. font-size:10px;
  246. letter-spacing:-2px;
  247. text-transform:lowercase;
  248. }
  249.  
  250. #cred a {
  251. color:black;
  252. }
  253.  
  254. #cred a:hover {
  255. color:{color:accent};
  256. }
  257.  
  258.  
  259. #pagination {
  260. margin-top:20px;
  261. font-size:8px;
  262. text-align:right;
  263. text-transform:uppercase;
  264. letter-spacing:2px;
  265. margin-top:11px;
  266. }
  267.  
  268. #pagination a {
  269. text-decoration:none;
  270. }
  271.  
  272. #pagination a:hover {
  273. text-decoration:none;
  274. }
  275.  
  276. #postnotes {
  277. text-align:left;
  278. margin-left:auto;
  279. margin-right:auto; }
  280. }
  281.  
  282.  
  283.  
  284.  
  285. </style>
  286.  
  287. </head>
  288. <body>
  289.  
  290.  
  291. <div id="sidebar">
  292. <div id="fresh"><a href="/">{Title}</a></div>
  293.  
  294. <div id="sidebarimage">
  295.  
  296. <img src="{image:sidebar}">
  297.  
  298. </div>
  299.  
  300. <div id="links">
  301. <a href="{text:link1url}">▲</a>
  302. <a href="{text:link2url}">▲</a>
  303. <a href="{text:link3url}">▲</a>
  304.  
  305.  
  306. </div>
  307. <div id="desc">{Description}</div>
  308.  
  309. {block:Pagination}
  310. <div align="left" id="pagination">
  311. {block:PreviousPage}
  312. <a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  313. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  314. </div>{/block:Pagination}
  315. </div></div>
  316.  
  317.  
  318.  
  319.  
  320. <div id="postcontainer">
  321.  
  322.  
  323. {block:Posts}
  324. <div id="post">
  325.  
  326. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  327.  
  328.  
  329.  
  330. {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-500}" width="500px"></center>{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
  331.  
  332.  
  333.  
  334. {block:Photoset}
  335. <div class="photoset">{Photoset-500}</div>{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photoset}
  336.  
  337.  
  338.  
  339. {block:Video}{Video-500}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Video}
  340.  
  341.  
  342.  
  343. {block:Audio}{AudioPlayerWhite}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Audio}
  344.  
  345.  
  346. {block:Quote}{Quote}{block:Source}-{Source}{/block:Source}{/block:Quote}
  347.  
  348.  
  349. {block:Link}<h1><a href="{URL}" {Target}>{Name}</h1></a>{block:Description}{Description}{/block:Description}{/block:Link}
  350.  
  351.  
  352.  
  353. {block:Answer}
  354. <div class="question">{Question}</div>
  355. <div class="asker">
  356. -{Asker}</div>
  357. <div class="reply">
  358. {Answer}</div>
  359. {/block:Answer}
  360.  
  361.  
  362.  
  363. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}{Label}{/block:Label}{Line}{/block:Lines}{/block:Chat}
  364.  
  365. <div id="info">
  366.  
  367. posted on <a href="{Permalink}">{DayOfWeek} {MonthNumber}/{DayOfMonth}/{Year}</a> {Time}
  368. with <a href="{Permalink}">{NoteCountWithLabel}</a>
  369. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> & {/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}"> source <a href="{SourceURL}"></a>{/block:ContentSource}{/block:RebloggedFrom}
  370. <br>
  371. {block:HasTags}filed under: <i>{block:Tags}<a href="{TagURL}">{Tag}, </a>{/block:Tags}{/block:HasTags}</i>
  372. </div></div>
  373. {block:PostNotes}<div id=”postnotes”>{PostNotes}</div>{/block:PostNotes}
  374. {/block:Posts}</div>
  375.  
  376.  
  377.  
  378. <div id="cred"><a href="http://awlahey.tumblr.com/">▲</a></div>
  379.  
  380.  
  381. </body>
  382.  
  383. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement