API tools faq
paste
Advertisement
Alliecatisallama

THEME #10 NIGHTLOCK BERRIES

Alliecatisallama
Jan 14th, 2013
123
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.47 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- Nightlockberries THEME #10 By Seede-r/Alliecatisallama
  4. Please do not use as a base code for your own theme or remove the credit otherwise I'll go all llama style on you.-->
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7.  
  8.  
  9. <head>
  10.  
  11.  
  12. <meta name="color:background" content="#fbfbfb">
  13. <meta name="color:infobg" content="#f1f1f1">
  14. <meta name="color:link" content="#353535">
  15. <meta name="color:text" content="#9a9a9a">
  16. <meta name="color:tags" content="#ededed">
  17. <meta name="color:scrollbar" content="#d5d5d5">
  18. <meta name="color:scrollbarbg" content="#d5d5d5">
  19. <meta name="color:border" content="#d6d6d6">
  20.  
  21. <meta name="image:sidebar" content=""/>
  22.  
  23. <meta name="text:link 1" content="link">
  24. <meta name="text:link 1 url" content="/">
  25. <meta name="text:link 2" content="link">
  26. <meta name="text:link 2 url" content="/">
  27. <meta name="text:link 3" content="link">
  28. <meta name="text:link 3 url" content="/">
  29. <meta name="text:link 4" content="link">
  30. <meta name="text:link 4 url" content="/">
  31.  
  32.  
  33. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  34. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  35. <link rel="shortcut icon" href="{Favicon}" />
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  37.  
  38. <style type="text/css">
  39.  
  40. ::-webkit-scrollbar {width: 7px; height:auto; background:{color:background}}
  41.  
  42. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar}; border-bottom: 5px solid {color:scrollbarbg}}
  43.  
  44. ::-webkit-scrollbar-thumb:horizontal {background: {color:scrollbarbg}; border: 0px solid {color:background}}
  45.  
  46. body {background-color: {color:background};}
  47.  
  48. a {
  49. color:{color:link};
  50. text-decoration:none;
  51. -moz-transition-duration:0.7s;
  52. -webkit-transition-duration:0.7s;
  53. -o-transition-duration:0.7s;
  54. }
  55.  
  56. a:hover {
  57. color:{color:text};
  58. }
  59.  
  60. h1 {
  61. font-family:'calibri';
  62. font-size:11px;
  63. text-align:right;
  64. font-weight:normal;
  65. font-style:none;
  66. line-height:120%;
  67. letter-spacing:1px;
  68. }
  69.  
  70. h2 {
  71. font-family:'calibri';
  72. font-size:10px;
  73. text-align:left;
  74. font-weight:normal;
  75. line-height:120%;
  76. font-style:italic;
  77. letter-spacing:-0.5px;
  78. }
  79.  
  80. blockquote {
  81. border-left:2px solid {color:text};
  82. padding-left:6px;
  83. margin:5px;
  84. }
  85.  
  86. #body {
  87. background-color:{color:background};
  88. width: 900px;
  89. text-align: center;
  90. margin: 0 auto -12px auto;
  91. }
  92.  
  93. #posts {
  94. float:left;
  95. margin-top:10px;
  96. margin-left:275px;
  97. text-align:justify;
  98. background-color:{color:bg};
  99. font-family:cambria;
  100. color:{color:text};
  101. margin-bottom: 5%;
  102. }
  103.  
  104. #entries {
  105. width:500px;
  106. margin-top:50px;
  107. font-family:calibri;
  108. text-align:justify;
  109. font-size:11px;
  110. line-height:120%;
  111. letter-spacing:0.5px;
  112. color:{color:text};
  113. padding:5px;
  114. background-color:{color:postbg};
  115. border: 1px solid {color:border};
  116. }
  117.  
  118. .caption {
  119. width:490px;
  120. text-align:justify;
  121. line-height:120%;
  122. }
  123.  
  124. .ask {
  125. padding:10px 20px 10px 20px;
  126. text-align:left;
  127. color:{color:text};
  128. }
  129.  
  130.  
  131. .asker {
  132. font-family:'consolas';
  133. font-size:10px;
  134. height:22px;
  135. text-align:right;
  136. font-weight:normal;
  137. line-height:120%;
  138. letter-spacing:1px;
  139. text-transform:uppercase;
  140. }
  141.  
  142. .audio {
  143. width:500px;
  144. height:170px;
  145. }
  146.  
  147. .albumart {
  148. width:120px;
  149. height:120px;
  150. position:absolute;
  151. }
  152.  
  153. .albumart img {
  154. width:150px;
  155. height:150px;
  156. float:left;
  157. }
  158.  
  159. .playercontainer {
  160. display:block;
  161. width:150px;
  162. height:150px;
  163. background-color:#ffffff;
  164. position:absolute;
  165. }
  166.  
  167. .player {
  168. margin-left:36px;
  169. margin-top:36px;
  170. width:25px;
  171. height:25px;
  172. overflow:hidden;
  173. background-color:white;
  174. }
  175.  
  176. .audioinfo {
  177. margin-left:160px;
  178. float:right;
  179. width:200px;
  180. padding:2px;
  181. margin-top:3px;
  182. }
  183.  
  184. #postinfo {
  185. width:508px;
  186. background-color:{color:infobg};
  187. text-transform:uppercase;
  188. font-family:calibri;
  189. text-align:right;
  190. letter-spacing:1px;
  191. font-size: 9px;
  192. line-height:120%;
  193. margin-bottom:10px;
  194. color:{color:link};
  195. padding:2px;
  196. border-right: 0px solid {color:link};
  197. -moz-transition-duration:0.7s;
  198. -webkit-transition-duration:0.7s;
  199. -o-transition-duration:0.7s;
  200. }
  201.  
  202. .note {
  203. padding:0px 20px 0px 20px;
  204. background-color:{color:bg};
  205. text-transform:uppercase;
  206. font-family:calibri;
  207. text-align:left;
  208. letter-spacing:1px;
  209. font-size: 9px;
  210. line-height:120%;
  211. color:{color:link};
  212. }
  213.  
  214. .note li {
  215. list-style-type:none;
  216. padding:5px 25px 5px 25px;
  217. text-align:left;
  218. margin-left:-40px;
  219. }
  220.  
  221. .date {
  222. padding-right:0px;
  223. border-right: 0px solid {color:link};
  224. -moz-transition-duration:0.7s;
  225. -webkit-transition-duration:0.7s;
  226. -o-transition-duration:0.7s;
  227. }
  228.  
  229. .date:hover {
  230. padding-right:20px;
  231. border-right: 5px solid {color:hover};
  232. -moz-transition-duration:0.7s;
  233. -webkit-transition-duration:0.7s;
  234. -o-transition-duration:0.7s;
  235. }
  236.  
  237. .tags {
  238. width:507px;
  239. background-color:{color:bg};
  240. font-family:cambria;
  241. font-style:italic;
  242. letter-spacing:0px;
  243. font-size: 9px;
  244. margin-top:-10px;
  245. text-align:right;
  246. line-height:120%;
  247. color:{color:tags};
  248. padding:4px;
  249. }
  250.  
  251. .audio {
  252. background-color:{color:background};
  253. display:{color:background};
  254. }
  255.  
  256. .user_1 .label {
  257. color:{color:text};
  258. font-weight:normal;
  259. }
  260. .user_2 .label {
  261. color:{color:info};
  262. font-weight:normal;
  263. text-transform:uppercase;
  264. }
  265.  
  266. ul.chat, .chat ol, .chat li {
  267. list-style:li;
  268. margin:5px;
  269. padding:0px
  270. }
  271.  
  272. #sidebar {
  273. width:130px;
  274. position:fixed;
  275. margin-left:650px;
  276. margin-top:160px;
  277. }
  278.  
  279. .sidebarlinks {
  280. font-size:9px;
  281. width: 130px;
  282. font-family: calibri;
  283. text-transform: uppercase;
  284. font-weight:50;
  285. color: {color:sbtitletext};
  286. margin-top: -220px;
  287. margin-left:5px;
  288. opacity:0;
  289. margin-right:auto;
  290. letter-spacing: 1.5px;
  291. line-height: 100%;
  292. -webkit-transition: all 0.5s ease-out;
  293. -moz-transition: all 0.5s ease-out;
  294. text-align: center;
  295. }
  296.  
  297. .linky {
  298. margin-top:2px;
  299. background-color: {color:bg};
  300. padding-top: 3px;
  301. padding-bottom: 3px;
  302. }
  303.  
  304.  
  305.  
  306.  
  307. .linky:hover{
  308. background-color: {color:bg};
  309. -webkit-transition: all 0.5s ease-out;
  310. -moz-transition: all 0.5s ease-out;
  311. }
  312. .linky a:hover{
  313. background-color: {color:bg};
  314. }
  315.  
  316.  
  317.  
  318. .description {
  319. color: {color:text};
  320. font-size: 10px;
  321. font-family:'consolas';
  322. width: 130px;
  323. height:70px;
  324. text-align: center;
  325. margin-left:0px;
  326. margin-top:-02px;
  327. opacity: 1;
  328. -webkit-transition: all 0.5s ease-out;
  329. -moz-transition: all 0.5s ease-out;
  330. border:double {color:border};
  331. padding:7px;
  332. }
  333.  
  334. #sidebar:hover .sidebarlinks {
  335. opacity: 0.9;
  336. -webkit-transition: all 0.5s ease-out;
  337. -moz-transition: all 0.5s ease-out;
  338. margin-left:110px;
  339. }
  340.  
  341.  
  342.  
  343. .pagination{
  344. font-size:10px;
  345. text-align:right;
  346. margin-bottom:2px;
  347. color:{color:text};
  348. font-family:'consolas';
  349. text-transform:uppercase;
  350. }
  351.  
  352. .sidebarimage {
  353. margin-top: 110px;
  354. max-width: 130px;
  355. text-align: center;
  356. z-index:2;
  357. border-radius:100px;
  358. }
  359.  
  360. .sidebarimage img {
  361. width:130px;
  362. z-index:2;
  363. border-radius:100px;
  364. }
  365. #theme {
  366. position: fixed;
  367. bottom: 0px;
  368. right: 0px;
  369. font-family: Arial;
  370. font-size: 8px;
  371. text-transform: uppercase;
  372. text-align: right;
  373. letter-spacing: 1px;
  374. }
  375.  
  376.  
  377. iframe#tumblr_controls {
  378. top: 0% !important;
  379. right:0% !important;
  380. opacity:0.3;
  381. position: fixed !important;
  382. filter:alpha(opacity=30);
  383. -webkit-transition: all 0.7s ease;
  384. -moz-transition: all 0.7s ease;
  385. -o-transition: all 0.7s ease;
  386. }
  387. iframe#tumblr_controls:hover{
  388. top: 0% !important;
  389. right:0% !important;
  390. opacity:0.8;
  391. position: fixed !important;
  392. filter:alpha(opacity=80);
  393. -webkit-transition: all 0.7s ease;
  394. -moz-transition: all 0.7s ease;
  395. -o-transition: all 0.7s ease;
  396. }
  397.  
  398. {CustomCSS}
  399.  
  400. </style>
  401.  
  402. </head>
  403. <body>
  404.  
  405. <div id="body">
  406.  
  407. <div id="sidebar">
  408.  
  409. <div class="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><em>←</em></a>{/block:PreviousPage}
  410. {CurrentPage} of {TotalPages}
  411. {block:NextPage}<a href="{NextPage}"><em>→</em></a>{/block:NextPage}{/block:Pagination}</div>
  412.  
  413. <div id="sidebarimage"><img src="{image:sidebar}">
  414.  
  415. <div class="description">{Description}</div></div>
  416.  
  417. <div class="sidebarlinks">
  418. <div class="linky"> <a href="/">home</a></div>
  419. <div class="linky"> <a href="/ask">ask</a></div>
  420. <div class="linky"> <a href="{text:Link 1 URL}">{text:Link 1}</a></div>
  421. <div class="linky"> <a href="{text:Link 2 URL}">{text:Link 2}</a></div>
  422. <div class="linky"> <a href="{text:Link 3 URL}">{text:Link 3}</a></div>
  423. <div class="linky"> <a href="{text:Link 4 URL}">{text:Link 4}</a></div> </div></div></div></div>
  424.  
  425.  
  426.  
  427. <div id="posts">
  428. {block:Posts}
  429. <div id="entries">
  430. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  431.  
  432. {block:Quote}<h2>“{Quote}”</h2><h1> — {Source}</h1>{/block:Quote}
  433.  
  434. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  435. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  436.  
  437. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  438.  
  439. {block:Photoset}<center>{Photoset-500}</center>
  440. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  441.  
  442. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  443.  
  444. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  445.  
  446. {block:Answer}<div class="ask"><h4><big>"</big><em>{Question}</em>"</h4><div class="asker">- {Asker}<br></div></div><center>{Answer}</center>{/block:answer}
  447.  
  448. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerblack}<br></span>
  449. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  450. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  451. {/block:ExternalAudio}
  452. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  453. </div>
  454.  
  455. <div id="postinfo">
  456. <div class="date">
  457. {block:Date}<a href="{Permalink}">posted {TimeAgo}</a>{/block:Date}
  458. {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  459. {block:RebloggedFrom}<a href="{ReblogParentURL}">- from: {ReblogParentName}</a> {/block:RebloggedFrom}
  460. {block:ContentSource} <a href="{SourceURL}">- @</a>{/block:ContentSource}</div></div>
  461. <div class="tags">
  462. {block:HasTags}{block:Tags}<a href="{TagURL}"&nbsp;&nbsp;&nbsp;><b></b><i>#{Tag}</i></a> {/block:Tags} {/block:HasTags}</div>
  463. <div class="note">
  464. {block:PostNotes}{PostNotes}{/block:PostNotes}
  465. </div>
  466.  
  467. {/block:Posts}
  468.  
  469. <div id="theme"></a><a href="http://fernandosspectacles.tumblr.com/"><img src="http://i1065.photobucket.com/albums/u386/AHT_Livingston/Untitled-2.png?t=1344121641"></a></div>
  470. </div>
  471. </div>
  472. </body>
  473. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!