API tools faq
paste
Advertisement
getnakedmiley

Give Me Love theme

getnakedmiley
Apr 17th, 2013
4,766
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.12 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. <!-- Give Me Love theme by STATEOFGRACES -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7.  
  8. <head>
  9.  
  10. <meta name="color:bg" content="#FFFFFF">
  11. <meta name="color:sbarbg" content="#9A9A9A">
  12. <meta name="color:link" content="#E6E4E4">
  13. <meta name="color:hover" content="#454545">
  14. <meta name="color:text" content="#9A9A9A">
  15. <meta name="color:tags" content="#EDEDED">
  16. <meta name="color:scrollbar" content="#D6D5D5">
  17. <meta name="color:border" content="#F0F0F0">
  18. <meta name="color:accent1" content="#FAFAFA">
  19. <meta name="color:accent2" content="#ED1C24">
  20.  
  21. <meta name="image:sbimage" content="">
  22.  
  23. <meta name="text:linkA" content="">
  24. <meta name="text:linkA url" content="/">
  25. <meta name="text:linkB" content="">
  26. <meta name="text:linkB url" content="/">
  27. <meta name="text:linkC" content="">
  28. <meta name="text:linkC url" content="/">
  29. <meta name="text:linkD" content="">
  30. <meta name="text:linkD url" content="/">
  31.  
  32. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  33. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  34. <link rel="shortcut icon" href="{Favicon}" />
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  36. <link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
  37.  
  38.  
  39. <style type="text/css">
  40.  
  41.  
  42. a {
  43. color:{color:link};
  44. text-decoration:none;
  45. -moz-transition-duration:0.4s;
  46. -webkit-transition-duration:0.4s;
  47. -o-transition-duration:0.4s;
  48. }
  49.  
  50. a:hover {
  51. color:{color:hover};
  52. text-decoration:none;
  53. -moz-transition-duration:0.4s;
  54. -webkit-transition-duration:0.4s;
  55. -o-transition-duration:0.4s;
  56. }
  57.  
  58.  
  59. ::-webkit-scrollbar {background-color:{color:accent1}; height:8px; width:8px}
  60. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  61. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  62. ::selection {background-color: {color:accent1};
  63. }
  64.  
  65.  
  66. body {
  67. font-family:arial;
  68. font-weight:normal;
  69. }
  70.  
  71.  
  72.  
  73.  
  74. h1 {
  75. font-family:cambria;
  76. font-weight:normal;
  77. text-align:left;
  78. line-height:90%;
  79. font-size:14px;
  80. font-style:italic;
  81. color:{color:text};
  82. }
  83.  
  84. blockquote {
  85. border-left:2px solid {color:text};
  86. padding-left:5px;
  87. margin:5px;
  88. }
  89.  
  90. #theme {
  91. text-align: center;
  92. margin: 10px auto -12px auto;
  93. }
  94.  
  95. .sbar {
  96. width:200px;
  97. position:fixed;
  98. text-align:center;
  99. margin-top:200px;
  100. margin-left:20px;
  101. }
  102.  
  103. .sbar img {
  104. width:200px;
  105. height:auto;
  106. }
  107.  
  108. .links {
  109. text-align:right;
  110. margin-top:10px;
  111. width:200px;
  112. line-height:100%;
  113. border-top:1px solid {color:border};
  114. border-bottom:1px solid {color:border};
  115. -moz-transition-duration:0.6s;
  116. -webkit-transition-duration:0.6s;
  117. -o-transition-duration:0.6s;
  118. }
  119.  
  120. .links a{
  121. margin:5px 0px 5px;
  122. display:inline-block;
  123. font-size:10px;
  124. padding:10px 0px 10px;
  125. width:35px;
  126. text-transform:lowercase;
  127. text-align:center;
  128. line-height:100%;
  129. text-decoration:none;
  130. color:{color:link};
  131. background-color:{color:bg};
  132. -moz-transition-duration:0.6s;
  133. -webkit-transition-duration:0.6s;
  134. -o-transition-duration:0.6s;
  135. }
  136.  
  137. .links a:hover{
  138. color:{color:hover};
  139. background-color:{color:accent1};
  140. -moz-transition-duration:0.6s;
  141. -webkit-transition-duration:0.6s;
  142. -o-transition-duration:0.6s;
  143. }
  144.  
  145. .pagi {
  146. position:absolute;
  147. color:{color:text};
  148. text-transform:uppercase;
  149. text-align:left;
  150. }
  151.  
  152. .pagi a {
  153. color:{color:link};
  154. }
  155.  
  156. .desc {
  157. text-align:left;
  158. margin-top:10px;
  159. line-height:150%;
  160. font-size:11px;
  161. color:{color:text};
  162. }
  163.  
  164. .desclink {
  165. text-align:right;
  166. margin-bottom:10px;
  167. }
  168.  
  169. .desclink a {
  170. color:{color:text};
  171. text-decoration:none;
  172. -moz-transition-duration:0.6s;
  173. -webkit-transition-duration:0.6s;
  174. -o-transition-duration:0.6s;
  175. }
  176.  
  177. .desclink a:hover {
  178. text-decoration:underline;
  179. -moz-transition-duration:0.6s;
  180. -webkit-transition-duration:0.6s;
  181. -o-transition-duration:0.6s;
  182. }
  183.  
  184. #stuffcontainer {
  185. float:left;
  186. margin:100px 0px 100px 300px;
  187. text-align:justify;
  188. color:{color:text};
  189. }
  190.  
  191.  
  192. #stuff {
  193. width:500px;
  194. text-align:justify;
  195. font-size:10px;
  196. line-height:90%;
  197. color:{color:text};
  198. }
  199.  
  200. #stuff a {
  201. color:{color:link};
  202. }
  203.  
  204. #stuff:hover .tags {
  205. opacity:1;
  206. margin-left:505px;
  207. -moz-transition-duration:0.5s;
  208. -webkit-transition-duration:0.5s;
  209. -o-transition-duration:0.5s;
  210. }
  211.  
  212. #stuff:hover .blogs {
  213. opacity:1;
  214. margin-left:294px;
  215. -moz-transition-duration:0.5s;
  216. -webkit-transition-duration:0.5s;
  217. -o-transition-duration:0.5s;
  218. }
  219.  
  220. .caption {
  221. width:500px;
  222. text-align:justify;
  223. line-height:120%;
  224. }
  225.  
  226. .ask {
  227. padding:10px;
  228. text-align:left;
  229. color:{color:text};
  230. background-color:{color:accent1};
  231. }
  232.  
  233. .ans {
  234. text-align:left;
  235. padding:10px;
  236. color:{color:text};
  237. }
  238.  
  239. .audio {
  240. width:500px;
  241. padding-bottom:10px;
  242. }
  243.  
  244. .ai {
  245. text-align:left;
  246. margin-left:60px;
  247. width:420px;
  248. height:35px;
  249. line-height:130%;
  250. background-color:{color:accent1};
  251. padding:10px;
  252. font-size:9px;
  253. color:{color:text};
  254. }
  255.  
  256. .ap {
  257. position:absolute;
  258. width:55px;
  259. height:55px;
  260. background-color:{color:accent1};
  261. }
  262.  
  263.  
  264. .aplay {
  265. width:25px;
  266. height:25px;
  267. margin:15px;
  268. position:absolute;
  269. overflow:hidden;
  270. }
  271.  
  272. .postinfo {
  273. margin-bottom:50px;
  274. margin-top:15px;
  275. text-transform:uppercase;
  276. font-style:normal;
  277. letter-spacing:0px;
  278. padding:3px;
  279. font-size:8px;
  280. color:{color:link};
  281. text-align:left;
  282. -moz-transition-duration:0.5s;
  283. -webkit-transition-duration:0.5s;
  284. -o-transition-duration:0.5s;
  285. }
  286.  
  287. .postinfo a {
  288. color:{color:link};
  289. letter-spacing:0px;
  290. display:inline-block;
  291. font-style:normal;
  292. }
  293.  
  294. .postinfo a:hover {
  295. color:{color:hover};
  296. }
  297.  
  298. .perma {
  299. width:300px;
  300. position:absolute;
  301. padding-top:3px;
  302. }
  303.  
  304. .date {
  305. padding:5px;
  306. background-color:{color:accent1};
  307. margin-right:10px;
  308. }
  309.  
  310. .accent {
  311. color:{color:accent2};
  312. }
  313.  
  314. .blogs {
  315. position:absolute;
  316. text-align:right;
  317. width:200px;
  318. margin-left:250px;
  319. text-transform:uppercase;
  320. font-style:normal;
  321. letter-spacing:0px;
  322. padding:3px;
  323. font-size:8px;
  324. opacity:0;
  325. -moz-transition-duration:0.5s;
  326. -webkit-transition-duration:0.5s;
  327. -o-transition-duration:0.5s;
  328. }
  329.  
  330. .note {
  331. text-transform:uppercase;
  332. font-style:normal;
  333. letter-spacing:0px;
  334. font-size:8px;
  335. text-align:left;
  336. line-height:90%;
  337. margin-left:-40px;
  338. }
  339.  
  340. .note li {
  341. list-style-type:none;
  342. height:20px;
  343. border-bottom:1px solid {color:border};
  344. padding:10px 25px 10px 25px;
  345. text-align:left;
  346. margin:0px;
  347. background-color:{color:bg};
  348. -moz-transition-duration:0.5s;
  349. -webkit-transition-duration:0.5s;
  350. -o-transition-duration:0.5s;
  351. }
  352.  
  353. .note li:hover {
  354. background-color:{color:accent1};
  355. -moz-transition-duration:0.5s;
  356. -webkit-transition-duration:0.5s;
  357. -o-transition-duration:0.5s;
  358. }
  359.  
  360. .note img {
  361. width:20px;
  362. height:20px;
  363. margin-bottom:-7px;
  364. margin-right:5px;
  365. }
  366.  
  367. .tags {
  368. margin-left:550px;
  369. width:200px;
  370. opacity:0;
  371. position:absolute;
  372. font-style:normal;
  373. text-transform:uppercase;
  374. text-align:left;
  375. letter-spacing:2px;
  376. line-height:100%;
  377. font-size:7px;
  378. -moz-transition-duration:0.5s;
  379. -webkit-transition-duration:0.5s;
  380. -o-transition-duration:0.5s;
  381. }
  382.  
  383. ul.tag, .tag ol, .tag li {
  384. list-style:none;
  385. margin:0px;
  386. padding:0px;
  387. }
  388.  
  389.  
  390. .tag li:nth-child(odd) {
  391. border-left:5px solid {color:accent1};
  392. }
  393.  
  394. .tag li:nth-child(even) {
  395. border-left:5px solid {color:border};
  396. }
  397.  
  398. .tag a {
  399. color:{color:tags};
  400. background-color:{color:bg};
  401. font-family:trebuchet ms;
  402. letter-spacing:0px;
  403. display:inline-block;
  404. padding:5px;
  405. padding-right:5px;
  406. -moz-transition-duration:0.5s;
  407. -webkit-transition-duration:0.5s;
  408. -o-transition-duration:0.5s;
  409. }
  410.  
  411. .tag a:hover {
  412. background-color:{color:border};
  413. -moz-transition-duration:0.5s;
  414. -webkit-transition-duration:0.5s;
  415. -o-transition-duration:0.5s;
  416. }
  417.  
  418. .convo {
  419. padding-bottom:10px;
  420. }
  421.  
  422. ul.chat, .chat ol, .chat li {
  423. list-style:none;
  424. margin:0px;
  425. padding:0px;
  426. }
  427.  
  428. .chat li:nth-child(odd) {
  429. background-color:{color:bg};
  430. padding:5px;
  431. }
  432.  
  433. .chat li:nth-child(even) {
  434. background-color:{color:accent1};
  435. padding:5px;
  436. }
  437.  
  438. .label {
  439. font-weight:bold;
  440. margin-right:5px;
  441. }
  442.  
  443. {CustomCSS}
  444.  
  445. </style></head>
  446.  
  447. <body>
  448. <div id="theme">
  449. <div class="sbar">
  450. <img src="{image:sbimage}">
  451. <div class="links">
  452. {block:Pagination}
  453. <div class="pagi">
  454. {block:PreviousPage}
  455. <a href="{PreviousPage}">←</a>
  456. {/block:PreviousPage}
  457. {block:NextPage}
  458. <a href="{NextPage}">→</a>
  459. {/block:NextPage}
  460. </div>
  461. {/block:Pagination}
  462. <a href="/">home</a>
  463. <a href="/ask">ask</a>
  464. <a href="http://sunsgodownthemes.tumblr.com/">©</a>
  465. </div>
  466. <div class="desc">
  467. <div class="desclink">
  468. {block:IfLinkA}
  469. <a href="{text:linkA url}">{text:linkA}</a>
  470. {/block:IfLinkA}
  471. {block:IfLinkB}
  472. &nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;<a href="{text:linkB url}">{text:linkB}</a>
  473. {/block:IfLinkB}
  474. {block:IfLinkC}
  475. &nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;<a href="{text:linkC url}">{text:linkC}</a>
  476. {/block:IfLinkC}
  477. {block:IfLinkD}
  478. &nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;<a href="{text:linkD url}">{text:linkD}</a>
  479. {/block:IfLinkD}</div>
  480. {Description}
  481. </div>
  482. </div>
  483.  
  484. <div id="stuffcontainer">
  485.  
  486. {block:Posts}
  487.  
  488. <div id="stuff">
  489.  
  490. {block:HasTags}<div class="tags"><ul class="tag">
  491. {block:Tags}<li><a href="{TagURL}">{Tag}</a></li>{/block:Tags}</ul>
  492. </div>{/block:HasTags}
  493.  
  494. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  495.  
  496. {block:Quote}<h1>“{Quote}”<br>— {Source}</h1>{/block:Quote}
  497.  
  498. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  499. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  500.  
  501. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  502.  
  503. {block:Photoset}<center>{Photoset-500}</center>
  504. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  505.  
  506. {block:Chat}<div class="convo"><ul class="chat">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul></div>{/block:Chat}
  507.  
  508. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  509.  
  510. {block:Answer}<div class="ask">{Question} — {Asker}</div><div class="ans">{Answer}</div>{/block:answer}
  511.  
  512. {block:Audio}<div class="audio"><div class="ap"><div class="aplay">{AudioPlayerGrey}</div></div><div class="ai">{block:Artist}{Artist} - {/block:Artist}{block:TrackName}{TrackName}{/block:TrackName}<br>{block:Album}from the album "{Album}"{/block:Album}<br>{block:PlayCount}Played {FormattedPlayCount} times{/block:PlayCount}</div></div>
  513. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  514.  
  515.  
  516. {block:Date}<div class="postinfo"><div class="perma"><a href="{Permalink}"><span class="date">{MonthNumberWithZero}/{DayOfMonthWithZero}/{ShortYear} <span class="accent">{12Hour}:{Minutes} {CapitalAmPm}</span></span></a>{block:NoteCount}<a href="{Permalink}" >{NoteCountWithLabel}</a>{/block:NoteCount}</div><div class="blogs">{block:RebloggedFrom}(<a href="{ReblogParentURL}">via</a>){/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}"><span class="accent">src</span></a>{/block:ContentSource}</div></div>{/block:Date}
  517.  
  518. </div>
  519.  
  520. <div class="note">
  521. {block:PostNotes}{PostNotes}{/block:PostNotes}
  522. </div>
  523. {/block:Posts}
  524.  
  525.  
  526. </div>
  527.  
  528. </div>
  529.  
  530. </div>
  531.  
  532. </div>
  533.  
  534. </body>
  535. </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!