API tools faq
paste
Advertisement
ma1007

theme codes

ma1007
Apr 18th, 2014
21
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 15.68 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. <!--(c) 2014 Theme Crave | HTTP://THEMECRAVE.TUMBLR.COM-->
  4. <!--CHOOSE MORE BACKGROUNDS AT THEMECRAVE.TUMBLR.COM-->
  5. <!--Choose more Fav Icons at KAWAIILAYOUTS.TUMBLR.COM-->
  6. <!--MAIN BLOG - CUTESECRETS.TUMBLR.COM-->
  7.  
  8. <html>
  9. <head>
  10. <script type="text/javascript" src="http://codes.bitshare.cm/infinitescrolling.js"></script>
  11. <title>{Title}</title>
  12.  
  13.  
  14. <link rel="shortcut icon" href="{text:Favicon}" />
  15. <link href='http://fonts.googleapis.com/css?family=Lato:100,300,100italic,300italic' rel='stylesheet' type='text/css'>
  16. <link href='http://fonts.googleapis.com/css?family=PT+Mono' rel='stylesheet' type='text/css'>
  17.  
  18. <meta name="image:Photo" content="http://media0.giphy.com/media/lOVZE2EFoLoju/giphy.gif"/>
  19. <meta name="text:Background URL" content="Background URL Here"/>
  20. <meta name="text:Favicon" content="http://i205.photobucket.com/albums/bb186/mhilkas/favoicons/icon_dnnico.jpg"/>
  21. <meta name="text:Link 1 Name" content="link here"/>
  22. <meta name="text:Link 1 URL" content=""/>
  23. <meta name="text:Link 2 Name" content="link here"/>
  24. <meta name="text:Link 2 URL" content=""/>
  25. <meta name="text:Link 3 Name" content="link here"/>
  26. <meta name="text:Link 3 URL" content=""/>
  27. <meta name="color:Background Color" content="#fafafa"/>
  28. <meta name="color:Post" content="#ffffff"/>
  29. <meta name="color:Post Titles" content="#b1b1b1"/>
  30. <meta name="color:Post Text" content="#b1b1b1"/>
  31. <meta name="color:Sidebar" content="#ffffff"/>
  32. <meta name="color:Blog Title BG" content="#ff309d"/>
  33. <meta name="color:Blog Title Txt" content="#ffffff"/>
  34. <meta name="color:Description Box" content="#363636"/>
  35. <meta name="color:Description Text" content="#aaaaaa"/>
  36.  
  37.  
  38.  
  39.  
  40. <style type="text/css">
  41.  
  42. body{
  43. background:url(http://24.media.tumblr.com/646e48a8addb28b06607ad221923fbdc/tumblr_mzt07eZLPI1tqy9dvo1_400.gif
  44. );
  45. background-color:{color:Background Color};
  46. background-repeat:repeat;
  47. background-position:left bottom;
  48. background-attachment:fixed;
  49. margin:0px;
  50. font-size: 12px;
  51. color:{color:Post Text};
  52. font-family: arial;
  53. text-decoration:none;
  54. }
  55.  
  56.  
  57.  
  58. #wrapper{
  59. width:100%;
  60. margin:auto;
  61. position:relative;
  62. margin-top:0px;
  63. }
  64.  
  65. #body{
  66. width:720px;
  67. margin:auto;
  68. margin-top:25px;
  69. }
  70.  
  71. #contents{
  72. width:500px;
  73. float:left;
  74. margin-left:220px;
  75. }
  76.  
  77. #post {
  78. background:url();
  79. background-color: {color:Post};
  80. float:left;
  81. width:470px;
  82. padding:10px;
  83. margin:5px;
  84. border:0px solid #ececec;
  85. }
  86.  
  87.  
  88. #drop
  89. #drop a{
  90. display:block
  91. }
  92. #drop .hover {
  93. margin-top:-25px;filter: alpha(opacity = 0);
  94. opacity:0;-webkit-transition: all 0.5s ease-out;
  95. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  96. }
  97.  
  98. #drop:hover .hover {
  99. margin-top:2px;
  100. -webkit-transition: all 0.8s ease-out;
  101. -moz-transition: all 0.8s ease-out;
  102. transition: all 0.8s ease-out;
  103. filter: alpha(opacity = 100);
  104. filter: alpha(opacity = 100);
  105. opacity:100;
  106. }
  107.  
  108. #post2 {
  109. background:url();
  110. background-color: {color:Post};
  111. float:left;
  112. width:480px;
  113. padding:5px;
  114. margin:5px;
  115. border:0px solid #ececec;
  116. }
  117.  
  118. #side
  119. {
  120. width:210px;
  121. float:left;
  122. margin-top:5px;
  123. position:fixed;
  124. }
  125.  
  126.  
  127. #sidebar{
  128. background:url() {color:Sidebar};
  129. width:200px;
  130. float:left;
  131. padding:5px;
  132. margin-bottom:10px;
  133. border:0px solid #ececec;
  134. }
  135.  
  136.  
  137. .sidenav
  138. {
  139. width:200px;
  140. }
  141.  
  142. .topnavbg
  143. {
  144. background:#f8f8f8;
  145. width:194px;
  146. height:15px;
  147. display: inline-block;
  148. padding:3px;
  149. margin-top:2px;
  150. text-align:center;
  151. border-bottom:0px dashed #c0c0c0;
  152. }
  153.  
  154.  
  155. .sidenavheader
  156. {
  157. background:;
  158. color:#cccccc;
  159. text-decoration:none;
  160. text-align:center;
  161. font-weight:normal;
  162. font-family:'Lato', sans-serif;
  163. font-size:12px;
  164. text-transform:uppercase;
  165. letter-spacing:1px;
  166. }
  167.  
  168. .sidenav a:link, .sidenav a:active, .sidenav a:visited
  169. {
  170. width:188px;
  171. background:#fefefe;
  172. color:#b1b1b1;
  173. display: inline-block;
  174. letter-spacing:2px;
  175. text-decoration:none;
  176. text-transform:uppercase;
  177. font-family:'Lato', sans-serif;
  178. letter-spacing:1px;
  179. font-size:12px;
  180. padding:2px;
  181. padding-left:10px;
  182. border-bottom:1px dashed #efefef;
  183. -webkit-transition-property:color, text;
  184. -webkit-transition-duration: .2s;
  185. -moz-transition-duration: .2s;
  186. -webkit-transition-timing-function: linear, ease-in;
  187. }
  188.  
  189. .sidenav a:hover
  190. {
  191. width:179px;
  192. color:#56C0DE;
  193. padding-left:20px;
  194. -webkit-transition-duration: .2s;
  195. -moz-transition-duration: .2s;
  196. }
  197.  
  198. .sidenav2 a:link, .sidenav2 a:active, .sidenav2 a:visited
  199. {
  200. width:96px;
  201. background:#f5f5f5;
  202. color:#acacac;
  203. display: inline-block;
  204. text-decoration:none;
  205. text-transform:uppercase;
  206. text-align:center;
  207. font-family:arial;
  208. font-size:11px;
  209. font-weight:normal;
  210. padding:1px;
  211. margin-top:2px;
  212. letter-spacing:1px;
  213. -webkit-transition-property:color, text;
  214. -webkit-transition-duration: .2s;
  215. -moz-transition-duration: .2s;
  216. -webkit-transition-timing-function: linear, ease-in;
  217. border-bottom:1px solid #efefef;
  218. }
  219.  
  220. .sidenav2 a:hover
  221. {
  222. -webkit-transition-duration: .2s;
  223. -moz-transition-duration: .2s;
  224. background:#FFF1F9;
  225. color:#FF83C6;
  226. border-bottom:1px solid #FFD9EE;
  227. }
  228.  
  229.  
  230. .blogheader{
  231. background:{color:Blog Title BG};
  232. display:block;
  233. padding:3px;
  234. }
  235.  
  236. .blogtitle{
  237.     color:{color:Blog Title Txt};.
  238.     letter-spacing:1px;
  239.     font-size:15px;
  240.     text-align:center;
  241. }
  242.  
  243.  
  244. .description{
  245. background:url() {color:Description Box};
  246. color:{color:Description Text};
  247. width:190px;
  248. float:left;
  249. padding:5px;
  250. margin-bottom:10px;
  251. font-size:11px;
  252. font-family: 'PT Mono', sans-serif;
  253. }
  254.  
  255. .border{border-bottom:1px solid #f3f3f3;margin-bottom: 7px;}
  256.  
  257. h1
  258. {color:{color:Post Titles};}
  259.  
  260. h2
  261. {color:{color:Post Titles};font-size:20px;font-family:arial;}
  262.  
  263. h2:hover
  264. {color:#F392A0;}
  265.  
  266.  
  267. h3
  268. {color:{color:Post Titles};}
  269.  
  270. h4
  271. {font-size:25px; font-family:arial; font-style:oblique; font-weight:bold; color:{color:Post Titles};}
  272.  
  273. b {color: #ffaa9b;}
  274. s {color: #868787;}
  275. i {color: #a8e6ce;}
  276. u {font-color: #fffb9b;}
  277.  
  278.  
  279. a:link, a:visited, a:active
  280. { text-decoration: none; color:#a0a0a0; font-weight: normal; border-bottom: 0px solid #d0d0d0;
  281. font-size:12px; border:0px; text-decoration:none;
  282. -webkit-transition-duration: .3s;
  283. -moz-transition-duration: .3s;
  284. }
  285.  
  286. a:hover {
  287. color: #ff88cc;
  288. text-decoration:none;
  289. border:0px;
  290. -webkit-transition-duration: .3s;
  291. -moz-transition-duration: .3s;
  292. }
  293.  
  294. .postlink a:link, .postlink a:active, .postlink a:visited, .postlink
  295. {
  296. font-weight:normal;
  297. text-transform:uppercase;
  298. font-family:tahoma;
  299. font-size:11px;
  300. color:#b1b1b1;
  301. letter-spacing:1px;
  302. text-align:right;
  303. }
  304.  
  305. .postlink a:hover
  306. {
  307. color:#F8BBC7;
  308. }
  309.  
  310. .photo
  311. {
  312. border: 0px solid #FFFFF5;
  313. padding: 0px;
  314. background-color:#E0CDBD;
  315. -webkit-transition-duration:.5s;
  316. -moz-transition-duration:.5s;
  317. }
  318.  
  319. .photo:hover
  320. {
  321. opacity:0.6;
  322. -webkit-transition-duration:.5s;
  323. -moz-transition-duration:.5s;
  324. }
  325.  
  326. .photo2
  327. {
  328. border:0px solid #ffffff;
  329. background-color:#E0CDBD;
  330. -webkit-transition-duration:.5s;
  331. -moz-transition-duration:.5s;
  332. }
  333.  
  334. .photo2:hover
  335. {
  336. opacity:0.6;
  337. -webkit-transition-duration:.5s;
  338. -moz-transition-duration:.5s;
  339. }
  340.  
  341. .title
  342. {
  343. color:#ff6666;
  344. font-size:20px;
  345. font-family:georgia;
  346. letter-spacing:1px;
  347. display:block;
  348. background:#fefefe;
  349. line-height:20px;
  350. -webkit-transition-duration: .3s;
  351. -moz-transition-duration: .3s;
  352. }
  353.  
  354. .title:hover
  355. {
  356. color:#F07183;
  357. -webkit-transition-duration: .3s;
  358. -moz-transition-duration: .3s;
  359. }
  360.  
  361. .dates
  362. {
  363. color:#b1b1b1;
  364. font-weight:normal;
  365. font-size:11px;
  366. font-family:arial;
  367. text-transform:uppercase;
  368. line-height:10px;
  369. }
  370.  
  371.  
  372. img{border:0px;}
  373.  
  374. input[type=submit]
  375. {
  376. width: 60px;
  377. background-color: #848585;
  378. border:0px;
  379. color:#fff;
  380. font-family:Helvetica;
  381. }
  382.  
  383. input[type=text]
  384. {
  385. width: 137px;
  386. background-color: #efefef;
  387. border:none;
  388. }
  389.  
  390. textarea:focus, input:focus{
  391.     outline: 0;
  392. }
  393.  
  394. .currentpage
  395. {
  396. color:#a8e6ce;
  397. background:#363636;
  398. border-top:3px solid #444444;
  399. padding:3px 7px 3px 7px;
  400. font-size:8px;
  401. font-family:arial;
  402. }
  403. .pagination a:link, .pagination a:active, .pagination a:visited
  404. {
  405. color:#aaaaaa;
  406. background:#363636;
  407. padding:3px 7px 3px 7px;
  408. -webkit-transition-property:color, text;
  409. -webkit-transition-duration: .3s;
  410. -moz-transition-duration: .3s;
  411. -webkit-transition-timing-function: linear, ease-in;
  412. font-size:8px;
  413. font-family:arial;
  414. text-transform:uppercase;
  415. border-top:3px solid #444444;
  416. }
  417.  
  418. .pagination a:hover
  419. {
  420. background:#363636;
  421. border-top:3px solid #444444;
  422. }
  423.  
  424. .theme:link,.theme:active, .theme:visited
  425. {
  426. color:#ffffff;
  427. background:#202020;
  428. padding:2px 4px;
  429. }
  430.  
  431.  
  432. ol.notes {
  433. padding: 0px;
  434. margin: 5px 0px;
  435. list-style-type: none;
  436. border-bottom: solid 1px #fafafa;
  437. }
  438.  
  439. ol.notes li.note {
  440. border-bottom: solid 1px #fafafa;
  441. padding: 5px;
  442. }
  443.  
  444. ol.notes li.note img.avatar {
  445. vertical-align: -4px;
  446. margin-right: 10px;
  447. width: 16px;
  448. height: 16px;
  449. border:1px solid #fafafa;
  450. padding:2px;
  451. }
  452.  
  453. ol.notes li.note span.action {
  454. font-weight: bold;
  455. }
  456.  
  457. ol.notes li.note .answer_content {
  458. font-weight: normal;
  459. }
  460.  
  461. ol.notes li.note blockquote {
  462. border-color: #ffffff;
  463. padding: 4px 10px;
  464. margin: 10px 0px 0px 25px;
  465. }
  466.  
  467. ol.notes li.note blockquote a {
  468. text-decoration: none;
  469. }
  470.  
  471. ol.notes li.note a:link,ol.notes li.note a:visited,ol.notes li.note a:active {
  472. color: #b1b1b1;
  473. cursor: default;
  474. text-decoration:none;
  475. }
  476. ol.notes li.note a:hover {
  477. color: #ffffff;
  478. cursor: pointer;
  479. text-decoration:none;
  480. }
  481.  
  482.  
  483.  
  484. </style>
  485.  
  486.  
  487.  
  488.  
  489.  
  490.  
  491. </head>
  492.  
  493. <body>
  494. <!-- SCM Music Player http://scmplayer.net -->
  495. <script type="text/javascript" src="http://scmplayer.net/script.js"
  496. data-config="{'skin':'skins/simpleGreen/skin.css','volume':50,'autoplay':true,'shuffle':false,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'Ushiage Hanabi - SCANDAL','url':'https://www.youtube.com/watch?v=1Z1u8CSM3gY'},{'title':'I Still Haven%27t Found What I%27m Looking For - Glee Cast','url':'https://www.youtube.com/watch?v=ktj6Flh2ghE'},{'title':'Happy - Pharrell Williams','url':'https://www.youtube.com/watch?v=Q-GLuydiMe4'},{'title':'Be Okay . Oh Honey','url':'https://www.youtube.com/watch?v=15pMHi9h8rI'},{'title':'Sing A Song - Earth, Wind & Fire','url':'https://www.youtube.com/watch?v=JF9s-2Qk9fE'},{'title':'L-O-V-E - Al Green','url':'https://www.youtube.com/watch?v=DpAbAFJ4MJI'}]}" ></script>
  497. <!-- SCM Music Player script end -->
  498.  
  499.  
  500.  
  501. <div style="position:fixed; right:10px; bottom:10px;">
  502.     <a class="theme" href="http://themecrave.tumblr.com" target="_blank">© Theme</a>
  503. </div>
  504.  
  505. <div id="wrapper">
  506.  
  507. <div id="body">
  508.  
  509.  
  510. <div id="side">
  511.  
  512.  
  513.  
  514. <div id="sidebar">
  515.  
  516. <img src="{image:Photo}" width="200px">
  517. <div class="sidenav2">
  518.  
  519. </div>
  520. </div>
  521.  
  522. <div id="sidebar">
  523. <div class="blogheader"><div class="blogtitle">{title}</div></div>
  524. <div class="description">{description}</div>
  525. </div>
  526.  
  527. <div id="sidebar">
  528. <div class="topnavbg"><div class="sidenavheader">Navigation</div></div>
  529. <div class="sidenav2">
  530. <a href="/">Home</a>
  531. <a href="/ask">Ask me</a>
  532. <a href="/archive">Archive</a>
  533. <a href="/random">Random</a>
  534. </div>
  535. </div>
  536.  
  537. <div id="sidebar">
  538.  
  539. <div class="topnavbg"><div class="sidenavheader">My Links</div></div>
  540. <div class="sidenav">
  541. <a href="{text:Link 1 URL}"><img src="http://media.tumblr.com/tumblr_lfhu2nfXDI1qzvcyt.gif"> {text:Link 1 Name}</a>
  542. <a href="{text:Link 2 URL}"><img src="http://media.tumblr.com/tumblr_lfhu2nfXDI1qzvcyt.gif"> {text:Link 2 Name}</a>
  543. <a href="{text:Link 3 URL}"><img src="http://media.tumblr.com/tumblr_lfhu2nfXDI1qzvcyt.gif"> {text:Link 3 Name}</a>
  544. </div>
  545.  
  546. </div>
  547.  
  548.  
  549.  
  550. <div id="sidebar">
  551. <form action="/search" method="get">
  552. <input type="text" name="q" onclick="this.className='onclick'" value=""/>
  553. <input type="submit" value="Search"/>
  554. </form>
  555. </div>
  556.  
  557. </div>
  558.  
  559.  
  560. <div id="contents">
  561.  
  562.  
  563.  
  564. {block:Posts}
  565.  
  566. <div id="drop">
  567. <div id="post">
  568.  
  569. <div class="hover">
  570. <table width="100%"><tr><td>
  571. <div class="dates">{block:Date}{DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}</div>
  572.  
  573. </td><td align="right">
  574. <div class="postlink">
  575. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  576. |
  577. <a href="{ReblogURL}" target="_blank">Reblog</a>
  578. |
  579. <a href="{Permalink}">Read More!</a>
  580. </div>
  581. </td></tr></table>
  582.  
  583. <div class="border"></div>
  584. </div>
  585.  
  586.  
  587.  
  588. {block:Text}<a href="{Permalink}"><div class="title">{Title}</div></a>{block:IndexPage}{Body}{/block:IndexPage}{block:PermalinkPage}{Body}{/block:PermalinkPage}{/block:Text}
  589.  
  590. {block:Photo}<center>{block:IndexPage}<a href="{permalink}"><img class="photo" src="{PhotoURL-500}" alt="{PhotoAlt}" width="470px"/></a>{/block:IndexPage}
  591. {block:PermalinkPage}{LinkOpenTag}
  592. <img src="{PhotoURL-500}" class="photo2" alt="{PhotoAlt}"  width="470px"/>{LinkCloseTag}<br>{block:Caption}
  593. <p>{Caption}</p>
  594. {/block:Caption}{/block:PermalinkPage}</center>{/block:Photo}
  595.  
  596. {block:Photoset}<center>{block:IndexPage}{Photoset-400}{/block:IndexPage}
  597. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}</center>{block:PermalinkPage}
  598. {/block:PermalinkPage}
  599. {/block:Photoset}
  600.  
  601. {block:Quote}<center><h4>&ldquo;{Quote}&rdquo;</h4>{block:Source}{Source}{/block:Source}</center>
  602. {/block:Quote}
  603.  
  604. {block:Link} <a href="{URL}" id="postlink" {Target}><h2>{Name}&rarr;</h2></a><BR>{block:Description}{Description}{/block:Description}
  605. {/block:Link}
  606.  
  607. {block:Chat}<a href="{Permalink}"><div class="header">{Title}</div></a><ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  608. {/block:Chat}
  609.  
  610. {block:Video}<center>{block:IndexPage}<div id="video">{Video-250}</div>{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>
  611. {/block:Video}
  612.  
  613. {block:Audio}{block:IndexPage}{block:AlbumArt}<img src="{AlbumArtURL}" width="250px" height="100px" />{/block:AlbumArt}<div style="width:260; height:30; background: #000; "><span class="audio"><center>{AudioPlayerBlack}</center></span></div><b><center>{block:TrackName}{TrackName}{/block:TrackName} - {block:Artist}{Artist}{/block:Artist}<br></b> <i>with {PlayCountWithLabel}</i></center>{/block:IndexPage}{block:PermalinkPage}<br><center>
  614. {block:AlbumArt}<img src="{AlbumArtURL}" width="500px" height="300px" />{/block:AlbumArt}<div style="width:500; height:30; background: #000; "><span class="audio"><center>{AudioPlayerBlack}</center></span></div><b><center>{block:TrackName}{TrackName}{/block:TrackName} - {block:Artist}{Artist}{/block:Artist}<br></b> <i>with {PlayCountWithLabel}</i></center>
  615. {block:Caption}{Caption}{/block:Caption}</center>{/block:PermalinkPage}
  616. {/block:Audio}
  617.  
  618. {block:Answer}<span class="answer"><div id="question"><div id="asked"><img src="{AskerPortraitURL-40}"align="left" /><b>{Asker} asked:</b><BR> {Question}</div></div>{Answer}</span>{/block:Answer}
  619.  
  620. {block:PermalinkPage}
  621. <div class="border"></div>
  622.  
  623. <B>POST DETAILS:</B><BR>
  624. {block:Date} Posted on <a href="{Permalink}">{Month}/{DayOfMonth}/{Year}{/block:Date}</a>
  625. {block:HasTags}<br>Tagged as:
  626.  
  627. {block:Tags}
  628. <a href="{TagURL}">{Tag}</a>,
  629. {/block:Tags}
  630. {/block:HasTags}{block:ContentSource}<br>Originally Posted by:<a href="{SourceURL}" target="_blank">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo} {SourceTitle}{/block:NoSourceLogo}</a> {/block:ContentSource}{block:RebloggedFrom}
  631. <br>
  632. Reblogged From: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}<br>
  633. {block:PostNotes}
  634. <br><B>POST NOTES:</B>
  635. {PostNotes}
  636. {/block:PostNotes}
  637. {/block:PermalinkPage}
  638.  
  639.  
  640. </div>
  641.  
  642.  
  643. </div>
  644. {/block:Posts}
  645.  
  646.  
  647.  
  648. <div id="post2">
  649. <center>
  650. <div class="pagination">
  651.  
  652.  
  653. </div>
  654. </center>
  655. <div class="border"></div>
  656. <center>Theme by: <a href="http://cutesecrets.tumblr.com" target="_blank">CUTESECRETS</a>. Powered by: <a href="http://tumblr.com" target="_blank">Tumblr</a>.</center>
  657. </div>
  658.  
  659.  
  660.  
  661.  
  662. </div>
  663.  
  664. </body></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!