Advertisement
wallflwers

Base Code by Joshdevin

Mar 29th, 2013
1,624
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.70 KB | None | 0 0
  1. <!--BASE CODE BY JOSHDEVIN, LEAVE THIS CREDIT AND DO NOT REDISTRIBUTE THIS THEME AS YOUR OWN . enjoy!-->
  2.  
  3. <head>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7.  
  8.  
  9. <meta name="color:links" content="#000000"/>
  10. <meta name="color:linkshover" content="#e4e2e2"/>
  11. <meta name="color:text" content="#000000"/>
  12. <meta name="color:border" content="#eeeeee"/>
  13. <meta name="color:background" content="#ffffff"/>
  14.  
  15. <meta name="image:sidebar" content=""/>
  16.  
  17.  
  18. <meta name="text:Link 1 URL" content="/"/>
  19. <meta name="text:Link 1 Name" content=""/>
  20. <meta name="text:Link 2 URL" content="/"/>
  21. <meta name="text:Link 2 Name" content=""/>
  22. <meta name="text:Link 3 URL" content="/"/>
  23. <meta name="text:Link 3 Name" content=""/>
  24. <meta name="text:Link 4 URL" content="/"/>
  25. <meta name="text:Link 4 Name" content=""/>
  26.  
  27.  
  28.  
  29.  
  30. <style type="text/css">
  31. /*General Body and theme settings*/
  32. body
  33. {font-family:calibri;
  34. font-size:11px;
  35. color:{color:text};
  36. background-color:{color:background};
  37. }
  38.  
  39. a
  40. {text-decoration:none;
  41. -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;
  42. color:{color:links};
  43. }
  44.  
  45. a:hover
  46. {text-decoration:none;
  47. opacity:1;
  48. color:{color:linkshover};
  49. }
  50. /*ignore this stuff here*/
  51.  
  52. #container {
  53. width:500px;
  54. }
  55.  
  56. #content {
  57. width:500px;
  58. margin: 0 auto -12px auto;
  59. text-align: center;
  60. }
  61.  
  62. /*everything in the sidebar*/
  63.  
  64. #sidebar {
  65. margin-top:150px;
  66. margin-left:150px;
  67. width:150px;
  68. position:fixed;
  69. }
  70.  
  71. #sidebarimg {
  72. padding:10px;
  73. }
  74.  
  75. #description {
  76. font-size:9px;
  77. font-family:calibri;
  78. line-height:140%;
  79. position:fixed;
  80. width:150px;
  81. margin-top:30px;
  82. text-align:center;
  83. }
  84.  
  85. /*all of the links together*/
  86. .links {
  87. position:fixed;
  88. font-size:10px;
  89. font-family:calibri;
  90. color:{color:links};
  91. width:150px;
  92. text-align:center;
  93. border-top:1px solid #000;
  94. }
  95.  
  96. /*individual link*/
  97.  
  98. .links a{
  99. font-size:10px;
  100. text-align:center;
  101. line-height:120%;
  102. text-decoration:none;
  103. padding:5px;
  104. color:{color:links};
  105. -webkit-transition: opacity 0.4s linear;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;
  106. }
  107.  
  108. /*link hover*/
  109.  
  110. .links a:hover{
  111. color:{color:linkshover};
  112. -moz-transition-duration:0.5s;
  113. -webkit-transition-duration:0.5s;
  114. -o-transition-duration:0.5s;
  115.  
  116. }
  117.  
  118. #posts {
  119. margin-left:400px;
  120. width:500px;
  121. font-size:10px;
  122. margin-top:20px;
  123. }
  124.  
  125.  
  126. #info {
  127. font-family:calibri;
  128. font-size: 9px;
  129. margin-top:5px;
  130. width:500px;
  131. padding:3px;
  132. text-transform:lowercase;
  133. }
  134.  
  135. /*audio posts*/
  136.  
  137. #audioplayer {
  138. width:27px;
  139. height:27px;
  140. overflow:hidden;
  141. position:absolute;
  142. margin-top:38px;
  143. margin-left:36px;
  144. opacity:1;
  145. }
  146.  
  147. #audioplayer:hover {
  148. opacity:1;
  149. }
  150.  
  151. .caption {
  152. margin-left:115px;
  153. font-size:10px;
  154. margin-top:-100px;
  155. }
  156.  
  157. /*asks*/
  158.  
  159. #asker {
  160. padding:5px;
  161. }
  162.  
  163. #question {
  164. padding:5px;
  165. }
  166.  
  167. /*link posts*/
  168.  
  169. #linkage {
  170. font-size:12px;
  171. text-align:center;
  172. }
  173.  
  174. /*chat posts*/
  175.  
  176. #chat {
  177. padding:3px;
  178. border-bottom:1px solid #eee;
  179. }
  180.  
  181. </style>
  182. </head>
  183. <body>
  184.  
  185. <div id="container">
  186. <div id="content">
  187.  
  188.  
  189. <div id="sidebar">
  190.  
  191. <!--change the width of the sidebar img here!-->
  192. <div id="sidebarimg"><img src="{image:sidebar}" width="100px;"></div>
  193.  
  194. <div class="links">
  195. <a href="{text:Link 1 URL}">{text:Link 1 Name}</a>
  196. <a href="{text:Link 2 URL}">{text:Link 2 Name}</a>
  197. <a href="{text:Link 3 URL}">{text:Link 3 Name}</a>
  198. <a href="{text:Link 4 URL}">{text:Link 4 Name}</a>
  199. </div>
  200.  
  201. <div id="description">{Description}<br>
  202.  
  203. <!--change the symbols for the pagination here!-->
  204. {block:PreviousPage}<a href="{PreviousPage}">- </a>{/block:PreviousPage}
  205. {block:NextPage}<a href="{NextPage}"> +</a>{/block:NextPage}
  206. </div>
  207.  
  208. </div>
  209. </div>
  210.  
  211. {block:Posts}<div id="posts">
  212. {block:Text}
  213. {block:Title}
  214. <h3><a href="{Permalink}">{Title}</a></h3>
  215. {/block:Title}
  216.  
  217.  
  218. {Body}
  219.  
  220. {/block:Text}
  221.  
  222. {block:Photo}<img src="{PhotoURL-500}">{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  223.  
  224. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  225.  
  226.  
  227. {block:Quote}
  228. "{Quote}"
  229.  
  230. {block:Source}
  231. <div class="source"><i>quoted from </i>{Source}</div>
  232. {/block:Source}
  233.  
  234. {/block:Quote}
  235.  
  236. {block:Link}<div id="linkage">
  237. <a href="{URL}" class="link" {Target}>{Name}</a>
  238. </div>
  239. {block:Description}
  240. <div class="description">{Description}</div>
  241. {/block:Description}
  242.  
  243. {/block:Link}
  244.  
  245. {block:Chat}
  246. {block:Title}
  247. <h3><a href="{Permalink}">{Title}</a></h3>
  248. {/block:Title}
  249.  
  250. {block:Lines}
  251. {block:Label}
  252. <span class="label">{Label}</span>
  253. {/block:Label}
  254.  
  255. <div id="chat"> {Line}<br></div>
  256. {/block:Lines}
  257.  
  258. {/block:Chat}
  259.  
  260. {block:Video}
  261. {Video-500}
  262. {block:Caption}
  263. <div class="caption">{Caption}</div>
  264. {/block:Caption}
  265. {/block:Video}
  266.  
  267. {block:Answer}<div id="asker"><b>{Asker} asks:</b><br> </div><div id="question">"{Question}"</div>
  268. {Answer}{/block:answer}
  269.  
  270.  
  271. {block:Audio}<div id="audioplayer" style="border-radius:100px;">
  272. {AudioPlayerGrey}</div>
  273.  
  274. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  275. <div class="caption">
  276. {block:TrackName}
  277. + {TrackName}
  278. {/block:TrackName}<br>
  279. {block:Artist}
  280. + by {Artist}
  281. {/block:Artist} <br>
  282. {block:PlayCount} {PlayCount} Plays {/block:PlayCount}</div><br>
  283. <div style="margin-top:65px;">
  284. {block:Caption}
  285. {/block:Caption}
  286. </div>
  287.  
  288. {/block:Audio}
  289.  
  290. <div id="info">
  291. {block:IndexPage}<br>
  292. posted
  293. <a href="{Permalink}"> {TimeAgo}</a>
  294. with
  295. <a href="{Permalink}">{NoteCountwithlabel} </a>
  296. <br>
  297. {block:RebloggedFrom} reblogged through <a href="{ReblogParentURL}" target="_blank"> {ReblogParentName}</a> originally by <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a> {/block:RebloggedFrom}
  298.  
  299. <br>
  300. {block:HasTags}
  301. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  302. {/block:Tags}
  303. {/block:HasTags}
  304. </center> </div>
  305. {block:ContentSource}
  306. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  307. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  308. {/block:SourceLogo}
  309. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  310. {/block:ContentSource}
  311. {/block:IndexPage}
  312.  
  313. {block:PermalinkPage}
  314. {block:Date}
  315. {TimeAgo} on
  316. {ShortMonth} {DayofMonth},{Year}
  317. {/block:Date}
  318. {block:NoteCount} {NoteCountWithLabel}
  319. {/block:NoteCount}<br>
  320. {block:HasTags} {block:Tags}<a href="{TagURL}">#{Tag}</a>
  321. {/block:Tags}
  322. {/block:HasTags}
  323. <br>{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank" > {ReblogParentName}</a> ( <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  324. </center>
  325. {/block:PermalinkPage}
  326.  
  327. {block:PostNotes}
  328. {PostNotes}
  329. {/block:PostNotes}
  330.  
  331.  
  332. </div>
  333. {/block:Posts}
  334. </body>
  335.  
  336. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement