API tools faq
paste
boobitch

Theme 14 - Selena Marie Gomez

boobitch
Mar 29th, 2013
152
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.38 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.  
  4. <html>
  5. <head>
  6.  
  7. <!-- Theme 14 by stateofgracce -->
  8.  
  9. <!-- HIIIIIIIIII!!!
  10. Please do not steal any part of this code. It takes me quite a while to make these themes for you guys so please don't claim the code as your own or use as a base code. If you want a basecode message me saying so. I love you. K bye. -->
  11.  
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17.  
  18. <meta name="color:Background" content ="#ffffff"/>
  19. <meta name="color:Content" content ="#ffffff"/>
  20. <meta name="color:Text" content="#8a6047"/>
  21. <meta name="color:Link" content="#ffffff"/>
  22. <meta name="color:Link Hover" content="#467273"/>
  23. <meta name="color:Navigation" content="#89bebf"/>
  24. <meta name="color:Navigation Text" content="#d0feff"/>
  25. <meta name="color:Navigation Hover" content="#467273"/>
  26. <meta name="color:Navigation Text Hover" content="#89bebf"/>
  27. <meta name="color:Question" content="#467273"/>
  28. <meta name="color:Header" content="#467273"/>
  29. <meta name="color:Title" content="#dadbdb"/>
  30. <meta name="color:Border" content ="#d0feff"/>
  31. <meta name="color:Scrollbar" content ="#dadbdb"/>
  32. <meta name="color:Srollbar BG" content ="#ffffff"/>
  33. <meta name="color:pagination" content ="#dadbdb"/>
  34.  
  35. <meta name="image:sbimage" content=""/>
  36.  
  37. <meta name="text:URL1" content="/" />
  38. <meta name="text:TITLE1" content="link 1" />
  39. <meta name="text:URL2" content="/" />
  40. <meta name="text:TITLE2" content="link 2" />
  41. <meta name="text:URL3" content="/" />
  42. <meta name="text:TITLE3" content="link 3" />
  43. <meta name="text:URL4" content="/" />
  44. <meta name="text:TITLE4" content="link 4" />
  45.  
  46. <link href='http://fonts.googleapis.com/css?family=Port+Lligat+Sans' rel='stylesheet' type='text/css'>
  47. <link href='http://fonts.googleapis.com/css?family=Comfortaa:400,700' rel='stylesheet' type='text/css'>
  48. <link href='http://fonts.googleapis.com/css?family=Lobster+Two:400,400italic' rel='stylesheet' type='text/css'>
  49.  
  50. <style type="text/css">
  51.  
  52. a {
  53. color:{color:link};
  54. text-decoration:none;
  55. -moz-transition-duration:0.5s;
  56. -webkit-transition-duration:0.5s;
  57. -o-transition-duration:0.5s;
  58. }
  59.  
  60. a:hover {
  61. color:{color:hover};
  62. text-decoration:none;
  63. -moz-transition-duration:0.5s;
  64. -webkit-transition-duration:0.5s;
  65. -o-transition-duration:0.5s;
  66. }
  67.  
  68. ::-webkit-scrollbar {background-color:{color:Scrollbar}; height:8px; width:8px}
  69. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Srollbar BG}; height:50px}
  70. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Srollbar BG}; height:8px!important}
  71.  
  72. body {
  73. background-color: {color:Background};
  74. background-image: url({image:Background});
  75. font-family: Helvetica;
  76. font-size: 12px;
  77. color: {color:Text};
  78. }
  79.  
  80. a {
  81. color: {color:Link};
  82. text-decoration: none;
  83. }
  84.  
  85. a:hover {
  86. color: {color:Link Hover};
  87. }
  88.  
  89. a img {
  90. border: 0px;
  91. }
  92.  
  93. .content {
  94. position: absolute;
  95. top: 50px;
  96. left: 450px;
  97. width: 500px;
  98. padding: 10px;
  99. background-color: {color:Content};
  100. }
  101.  
  102. blockquote {
  103. font-size: 12px;
  104. background-color: {color:Background};
  105. border-left: 5px solid {color:Text};
  106. margin: 0px;
  107. padding: 0 0 0 10px;
  108. }
  109.  
  110. #navigation {
  111. position:fixed;
  112. top:0px;
  113. left:450px;
  114. }
  115.  
  116. a.nav {
  117. width: 74.3px;
  118. height: 6px;
  119. font-family: 'Comfortaa';
  120. text-transform:uppercase;
  121. font-size: 9px;
  122. display:inline-block;
  123. text-align: center;
  124. background-color: {color:Navigation};
  125. color: {color:Navigation Text};
  126. margin-bottom: 60px;
  127. margin-right: -3px;
  128. padding-top: 10px;
  129. padding-bottom: 10px;
  130. line-height: 5px;
  131. }
  132.  
  133. a.nav:hover {
  134. background-color: {color:Navigation Hover};
  135. color: {color:Navigation Text Hover};
  136. border-bottom: 6px solid {color:Navigation};
  137. transition: all 0.5s linear;
  138. -moz-transition:all 0.5s linear;
  139. -webkit-transition:all 0.5s linear;
  140. -o-transition:all 0.5s linear;
  141. }
  142.  
  143. #sbar {
  144. position:fixed;
  145. margin-left:200px;
  146. margin-top:180px;
  147. width:180px;
  148. padding:10px;
  149. }
  150.  
  151. #sbar img{
  152. width:150px;
  153. height:auto;
  154. opacity:1;
  155. -moz-transition-duration:0.8s;
  156. -webkit-transition-duration:0.8s;
  157. -o-transition-duration:0.8s;
  158. }
  159.  
  160. #sbar:hover .desc{
  161. opacity:1;
  162. width:125px;
  163. height:auto;
  164. -moz-transition-duration:0.8s;
  165. -webkit-transition-duration:0.8s;
  166. -o-transition-duration:0.8s;
  167. }
  168.  
  169. #sbar:hover img{
  170. opacity: 0.1;
  171. -moz-transition-duration:0.8s;
  172. -webkit-transition-duration:0.8s;
  173. -o-transition-duration:0.8s;
  174. }
  175.  
  176. .desc {
  177. font-size:11px;
  178. margin-left:-20px;
  179. margin-top:-150px;
  180. position:fixed;
  181. opacity:0;
  182. z-index:2000;
  183. width:125px;
  184. height:120px;
  185. padding:30px;
  186. }
  187.  
  188. .post img {
  189. display: block;
  190. margin: 0 auto;
  191. }
  192.  
  193. h3 {
  194. font-size: 20px;
  195. margin: 0px;
  196. text-transform: uppercase;
  197. color: {color:Header};
  198. }
  199.  
  200. .quote {
  201. font-family: 'Lobster Two', cursive;
  202. font-style: italic;
  203. font-size: 21px;
  204. color: {color:Link};
  205. }
  206.  
  207. .source {
  208. margin-left: 25px;
  209. }
  210.  
  211. .link {
  212. color: {color:Link};
  213. font-size: 16px;
  214. font-weight: bold;
  215. font-family:'Port Lligat Sans', sans-serif;
  216. text-transform: uppercase;
  217. }
  218.  
  219. .link:hover {
  220. color:{color:Link Hover};
  221. }
  222.  
  223. ul.chat {
  224. margin: 0;
  225. padding: 0;
  226. }
  227.  
  228. .chat li {
  229. list-style-type: none;
  230. margin-left: 0px;
  231. padding: 3px;
  232. }
  233.  
  234. .chat li.odd {
  235. background-color: {color:Content};
  236. margin-bottom: 1px;
  237. color: {color:Background};
  238. }
  239.  
  240. .chat li.even {
  241. background-color: {color:Background};
  242. margin-bottom: 1px;
  243. color: {color:Content};
  244. }
  245.  
  246. .label {
  247. font-weight: bold;
  248. }
  249.  
  250. .title {
  251. font-size: 18px;
  252. font-family:Georgia, serif;
  253. color: {color:Title};
  254. text-align: left;
  255. letter-spacing: -1px;
  256. }
  257.  
  258. #mumbojumbo {
  259. width:500px;
  260. left:300px!important;
  261. padding:3px 0px;
  262. color:{color:Link};
  263. border-bottom: 1.5px solid {color:Sidebar Border};
  264. margin-bottom: 5px;
  265. }
  266.  
  267. #mumbojumbo a {
  268. color:{color:Link Hover};
  269. }
  270.  
  271. #date {
  272. width:500px;
  273. left:300px!important;
  274. margin-top:3px;
  275. text-transform:uppercase;
  276. color:{color:Text};
  277. background:{color:Sidebar Border};
  278. text-align: right;
  279. }
  280.  
  281. #date a {
  282. color:{color:Text};
  283. }
  284.  
  285. .ask {
  286. background-color: {color:Question};
  287. color: {color:Link};
  288. padding: 10px;
  289. }
  290.  
  291.  
  292. .postinfo {
  293. margin-bottom:50px;
  294. background-color: {color:infobg};
  295. text-transform:uppercase;
  296. padding:7px;
  297. font-style:normal;
  298. letter-spacing:0px;
  299. font-size:7px;
  300. color:{color:link};
  301. text-align:left;
  302. -moz-transition-duration:0.5s;
  303. -webkit-transition-duration:0.5s;
  304. -o-transition-duration:0.5s;
  305. }
  306.  
  307. .postinfo a {
  308. color:{color:link};
  309. letter-spacing:1px;
  310. display:inline-block;
  311. padding-right:5px;
  312. font-style:normal;
  313. }
  314.  
  315. .postinfo a:hover {
  316. color:{color:linkhover};
  317. }
  318.  
  319. .note {
  320. text-transform:uppercase;
  321. font-style:normal;
  322. letter-spacing:0px;
  323. font-size: 9px;
  324. text-align:left;
  325. line-height:90%;
  326. margin-left:-40px;
  327. }
  328.  
  329. .note li {
  330. list-style-type:none;
  331. border-bottom:1px solid {color:bg};
  332. padding:10px 25px 10px 25px;
  333. text-align:left;
  334. margin:0px;
  335. background-color:{color:bg};
  336. -moz-transition-duration:0.5s;
  337. -webkit-transition-duration:0.5s;
  338. -o-transition-duration:0.5s;
  339. }
  340.  
  341. .note li:hover {
  342. background-color:{color:postbg};
  343. -moz-transition-duration:0.5s;
  344. -webkit-transition-duration:0.5s;
  345. -o-transition-duration:0.5s;
  346. }
  347.  
  348. .note img {
  349. display:none;
  350. }
  351.  
  352. .tags {
  353. font-style:normal;
  354. text-transform:uppercase;
  355. text-align:left;
  356. color:{color:tags};
  357. letter-spacing:1px;
  358. padding:7px;
  359. line-height:100%;
  360. font-size:7px;
  361. text-align:left;
  362. -moz-transition-duration:0.7s;
  363. -webkit-transition-duration:0.7s;
  364. -o-transition-duration:0.7s;
  365. }
  366.  
  367. .tags a {
  368. color:{color:tags};
  369. letter-spacing:1px;
  370. display:inline-block;
  371. padding-right:5px;
  372. }
  373.  
  374. .tags a:hover {
  375. color:{color:linkhover};
  376. }
  377.  
  378. .pagi {
  379. text-align:center;
  380. border-top:1px solid {color:pagination};
  381. font-size:8px;
  382. width:100px;
  383. margin-top:5px;
  384. margin-left:25px;
  385. padding-top:5px;
  386. letter-spacing:0px;
  387. text-transform:uppercase;
  388. font-style:normal;
  389. color:{color:link};
  390. }
  391.  
  392. .pagi a {
  393. letter-spacing:1px;
  394. color:{color:link};
  395. }
  396.  
  397. iframe#tumblr_controls{ right: 3px !important; position: fixed !important; }
  398.  
  399.  
  400. {CustomCSS}
  401. </style>
  402.  
  403. <title>{Title}</title>
  404.  
  405. </head>
  406.  
  407. <body>
  408. <div class="content">
  409.  
  410. {block:Posts}
  411.  
  412. {block:Text}
  413. <div class="post">
  414. {block:Title}
  415. <h3><a href="{Permalink}">{Title}</a></h3>
  416. {/block:Title}
  417. {Body}
  418. </div>
  419. {/block:Text}
  420.  
  421. {block:Photo}
  422. <div class="post">
  423. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  424. {block:Caption}
  425. <div class="caption">{Caption}</div>
  426. {/block:Caption}
  427. </div>
  428. {/block:Photo}
  429.  
  430. {block:Photoset}
  431. <div class="post">
  432. <center>{Photoset-500}</center>
  433. {block:Caption}
  434. <div class="caption">{Caption}</div>
  435. {/block:Caption}
  436. </div>
  437. {/block:Photoset}
  438.  
  439. {block:Quote}
  440. <div class="post">
  441. <span class="quote">"{Quote}"</span>
  442. {block:Source}
  443. <div class="source">- {Source}</div>
  444. {/block:Source}
  445. </div>
  446. {/block:Quote}
  447.  
  448. {block:Link}
  449. <div class="post">
  450. <center><a href="{URL}" class="link" {Target}>{Name} &#8594;</a></center>
  451. {block:Description}
  452. <div class="description">{Description}</div>
  453. {/block:Description}
  454. </div>
  455. {/block:Link}
  456.  
  457. {block:Chat}
  458. <div class="post">
  459. {block:Title}
  460. <h3><a href="{Permalink}">{Title}</a></h3>
  461. {/block:Title}
  462. <ul class="chat">
  463. {block:Lines}
  464. <li class="{Alt} user_{UserNumber}">
  465. {block:Label}
  466. <span class="label">{Label}</span>
  467. {/block:Label}
  468. {Line}
  469. </li>
  470. {/block:Lines}
  471. </ul>
  472. </div>
  473. {/block:Chat}
  474.  
  475. {block:Video}
  476. <div class="post">
  477. <center>{Video-500}</center>
  478. {block:Caption}
  479. <div class="caption">{Caption}</div>
  480. {/block:Caption}
  481. </div>
  482. {/block:Video}
  483.  
  484. {block:Answer}
  485. <div class="ask">{Asker} <b>sent:</b> {Question}</div>
  486. {Answer}
  487. {/block:Answer}
  488.  
  489. {block:Audio}
  490. <div class="post">
  491. {AudioPlayerWhite}
  492. {block:Caption}
  493. <div class="caption">{Caption}</div>
  494. {/block:Caption}
  495. </div>
  496. {/block:Audio}
  497.  
  498. {block:Date}{block:HasTags}<div class="tags">tagged as:
  499. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  500. </div>{/block:HasTags}
  501. <div class="postinfo"><a href="{Permalink}">{TimeAgo}</a>{block:RebloggedFrom}via &nbsp;&nbsp;<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  502. {block:ContentSource}©<a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}{block:NoteCount}✫&nbsp;<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>{/block:Date}
  503. <div class="note">
  504. {block:PostNotes}{PostNotes}{/block:PostNotes}
  505. </div>
  506.  
  507. {/block:Posts}
  508.  
  509.  
  510. <p align="center">
  511.  
  512. </div>
  513.  
  514. <div id="navigation">
  515. <a href="/" class="nav">HOME</a>
  516. <a href="/ask" class="nav">ASK</a>
  517. {block:ifTITLE1}<a href="{text:URL1}" class="nav">{text:TITLE1}</a>{/block:ifTITLE1}
  518. {block:ifTITLE3}<a href="{text:URL2}" class="nav">{text:TITLE2}</a>{/block:ifTITLE3}
  519. {block:ifTITLE2}<a href="{text:URL3}" class="nav">{text:TITLE3}</a>{/block:ifTITLE2}
  520. {block:ifTITLE4}<a href="{text:URL4}" class="nav">{text:TITLE4}</a>{/block:ifTITLE4}
  521. <a href="http://stateofgracce.tumblr.com/" class="nav">THEME</a>
  522.  
  523. </div>
  524.  
  525. <div id="sbar">
  526. <div class="title">{TITLE}</div>
  527. <img src="{image:sbimage}">
  528. <div class="desc">
  529. {Description}
  530. </div>
  531.  
  532. {block:Pagination}
  533. <div class="pagi">
  534. {block:PreviousPage}
  535. <a href="{PreviousPage}"><</a>
  536. {/block:PreviousPage}
  537. &nbsp;page {CurrentPage} of {TotalPages}&nbsp;
  538. {block:NextPage}
  539. <a href="{NextPage}">></a>
  540. {/block:NextPage}
  541. </div>
  542. {/block:Pagination}
  543.  
  544. </div>
  545.  
  546.  
  547. </div>
  548. </div>
  549. </div>
  550. </body>
  551. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!