API tools faq
paste
Advertisement
pnktape

☾ RUDE LOVE - THEME ONE BY BAMARO

pnktape
Dec 18th, 2016
679
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.25 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2. ☾ RUDE LOVE - THEME ONE BY BAMARO
  3.  
  4. You may edit this theme to please you but, please, don't remove the credits and/or redistribute it.
  5.  
  6. bamaromadeit.tumblr.com or bamaro.tumblr.com
  7. /ask if you have any question! :)
  8. --->
  9.  
  10. <!DOCTYPE html>
  11. <head>
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15.  
  16. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  17. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  18. <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
  19.  
  20. <meta name="image:sidebar" content="/" />
  21. <meta name="color:background" content="#fefefe">
  22. <meta name="color:text" content="#868e9f">
  23. <meta name="color:link" content="#6c778d">
  24. <meta name="color:link hover" content="#f4f2eb">
  25. <meta name="color:blockquote" content="#fbfaf7">
  26. <meta name="text:link one" content="http://"/>
  27. <meta name="text:link one title" content="Link One"/>
  28. <meta name="text:link two" content="http://"/>
  29. <meta name="text:link two title" content="Link Two"/>
  30. <meta name="text:link three" content="http://"/>
  31. <meta name="text:link three title" content="Link Three"/>
  32. <meta name="text:link four" content="http://"/>
  33. <meta name="text:link four title" content="Link Four"/>
  34. <meta name="text:link five" content="http://"/>
  35. <meta name="text:link five title" content="Link Five"/>
  36.  
  37. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  38.  
  39. <style type="text/css">
  40.  
  41. ::-webkit-scrollbar-thumb:vertical {background-color:{color:linkhover}; border:8px solid {color:background};}
  42. ::-webkit-scrollbar {background-color:{color:link hover}; border:9px solid #fefefe; width:19px;}
  43. ::selection {background:{color:link hover};color:#fff;}
  44. .tmblr-iframe.iframe-controls--desktop {opacity:.4;right:-20px!important;top:20px!important;filter:invert(100%);-webkit-filter:invert(100%);-moz-filter:invert(100%);-ms-filter:invert(100%); -o-filter:invert(100%);transform:scale(.8);}
  45.  
  46. body { font-family:karla;font-size:10pt;line-height:16pt;letter-spacing:1px;line-height:150%;color:{color:text};background:{color:background};text-align:justify;overflow-x:hidden;overflow-y:scroll;}
  47. a {color:{color:link};text-decoration:none;transition:ease .5s;}
  48. a:hover {color:{color:link hover};transition:ease .5s;}
  49. h1 {font-size:14px;font-weight:bold;font-family:arial;line-height:150%;text-transform:uppercase;}
  50. blockquote {background:{color:blockquote};padding-left:0px;margin:0px; padding:20px;}
  51. img {max-width:100%;}
  52.  
  53. .header {width:730px;background:#fff;top:0;left:50%;margin-left:-375px;position:fixed;z-index:9999;box-shadow: 0 15px 15px -15px rgba(0,0,0,.06);padding:20px 0 20px 0;}
  54. .link {float:right;opacity:.7;transition:ease 1s;}
  55. .link a:hover {opacity:1;transition:ease 1s;}
  56. .title {display:inline-block;margin-left:40px;float:left;cursor:pointer;font:9pt montserrat;color:#606b83;text-transform:uppercase;}
  57. .header a {display:inline-block;margin-right:10px;text-transform:uppercase;font-size:8pt;}
  58. .header a i {font-size:6pt;margin-right:2px;}
  59.  
  60. .wrapper {top:0px;width:730px;background:#fff;position:fixed;height:100%;left:50%;margin-left:-375px;box-shadow:0 0 30px rgba(0,0,0,.02);}
  61.  
  62. .entries {position:absolute;top:80px;left:50%;margin-left:-80px;width:400px;}
  63. .posts {background:#fff;margin-bottom:40px;}
  64.  
  65. .sidebar {position:fixed;top:40px;width:200px;position:fixed;top:0px;left:50%;margin-left:-340px;}
  66. .sidebar img {width:80px;margin-top:100px;margin-bottom:30px;border-radius:100%;}
  67. .sidebar .pagination {text-align:center;padding:20px;margin:20px 0;border-top:1px solid {color:link hover};opacity:.5;transition:ease 1s;}
  68. .sidebar .pagination:hover {opacity:1;transition:ease 1s;}
  69.  
  70. .quote {padding:10px;font-size:15pt}
  71. .quotesource {padding:10px;text-align:center}
  72. .chat {line-height:150%;list-style:none}
  73. .line.odd {padding:10px;background:{color:blockquote}}
  74. .line.even {padding:10px}
  75. .label {text-transform:uppercase;font-size:10px;letter-spacing:1px;font-weight:700}
  76.  
  77. .cover {position:relative;z-index:1;max-width:100px;padding:10px;float:left}
  78. .playbutton{ width:20px;height:30px;overflow:hidden;position:relative;z-index:2}
  79. .playbox {background-color:#000;position:absolute;z-index:2;padding:15px 24px 13px 16px;margin-top:30px;margin-left:30px;opacity:.5}
  80. .trackdetails {padding:10px;width:auto;height:100px;margin-top:10px;margin-left:100px}
  81.  
  82. .info {padding:10px;text-transform:uppercase;border-top:1px solid #eee;margin-top:25px;font-size:8pt;}
  83. .tags {margin-left:10px;margin-top:-5px;}
  84. .tags a {margin-right:10px;letter-spacing:1px;}
  85.  
  86. ol.notes{padding:0;margin:25px 0 0 -10px;list-style-type:none}
  87. ol.notes li.note{padding:10px}
  88. ol.notes li.note img.avatar{vertical-align:-4px;border-radius:100%;margin-right:30px;width:16px;height:16px}
  89. ol.notes li.note span.action{font-weight:none}
  90. ol.notes li.note .answer_content{font-weight:400}
  91. ol.notes li.note blockquote{padding:4px 10px;margin:10px 0 0 25px}
  92. ol.notes li.note blockquote a{text-decoration:none}
  93.  
  94. .credits {opacity:.3;position:fixed;bottom:20px;right:10px;font-size:6pt;text-transform:uppercase;line-height:6pt;height:20px;width:17px;border:2px solid  {color:linkhover};padding:5px 5px 1px 5px;transition:ease 1s;}
  95. .credits:hover {opacity:.6;transition:ease 1s;}
  96.  
  97. </style>
  98. </head>
  99. <body>
  100.  
  101. <div class="header">
  102. <div class="title"><a href="/">{Title}</a></div>
  103. <div class="link">
  104. <a href="{text:link one}"><i class="fa fa-envelope" aria-hidden="true"></i> {text:link one title}</a>
  105. <a href="{text:link two}"><i class="fa fa-star" aria-hidden="true"></i> {text:link two title}</a>
  106. <a href="{text:link three}"><i class="fa fa-pencil" aria-hidden="true"></i> {text:link three title}</a>
  107. <a href="{text:link four}"><i class="fa fa-tag" aria-hidden="true"></i> {text:link four title}</a>
  108. <a href="{text:link five}"><i class="fa fa-heart" aria-hidden="true"></i> {text:link five title}</a>
  109. </div>
  110. </div>
  111.  
  112. <div class="wrapper"></div>
  113.  
  114. <div class="sidebar">
  115.     <center><img src="{image:sidebar}"/></center>
  116.     <div class="desc">{Description}</div>
  117.    
  118.     <div class="pagination">
  119. {block:Pagination}
  120. {block:PreviousPage}
  121. <a href="{PreviousPage}">back</a>{/block:PreviousPage}&nbsp; &nbsp;&nbsp;
  122.  
  123. {block:NextPage}
  124. <a href="{NextPage}">next</a>
  125. {/block:NextPage}
  126. {/block:Pagination}
  127. </div>
  128. </div>
  129.    
  130. <div class="entries">
  131.  
  132. {block:Posts}
  133.  
  134. <div class="posts">
  135.  
  136. {block:Text}
  137. <h1>{block:Title}{Title}{/block:Title}</h1>
  138. {Body}{/block:Text}
  139.  
  140.  
  141. {block:Photo}
  142. {LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  143. {block:Caption}{Caption}{/block:Caption}
  144. {/block:Photo}
  145.  
  146.  
  147. {block:Photoset}
  148. {Photoset-400}
  149. {block:Caption}{Caption}{/block:Caption}
  150. {/block:Photoset}
  151.  
  152.  
  153. {block:Quote}
  154. <div class="quote">"{Quote}"</div>
  155. {block:Source}<div class="quotesource"> — {Source}</div>
  156. {/block:Source}{/block:Quote}
  157.  
  158.  
  159. {block:Link}
  160. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  161. {block:Description}{Description}{/block:Description}
  162. {/block:Link}
  163.  
  164.  
  165. {block:Chat}
  166. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  167. {/block:Chat}
  168.  
  169.  
  170. {block:Audio}
  171.  
  172. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  173.  
  174. {block:AlbumArt}
  175. <img src="{AlbumArtURL}" class="cover">
  176. {/block:AlbumArt}
  177.  
  178.  
  179. <div class="trackdetails"><br>
  180. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  181.  
  182. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  183.  
  184. <b>PLAYS:</b> {FormattedPlayCount}</div>
  185.  
  186.  
  187. {block:Caption}
  188. <div class="caption">{Caption}</div>
  189. {/block:Caption}
  190. {/block:Audio}
  191.  
  192.  
  193. {block:Video}
  194. {Video-400}
  195. {block:Caption}{Caption}{/block:Caption}
  196. {/block:Video}
  197.  
  198.  
  199. {block:Answer}
  200. <div class="question">
  201. <div class="asker"><b>{Asker} said:</b></div>
  202. {Question}</div>
  203. <div class="answer">
  204. {Answer}</div>
  205. {/block:Answer}
  206.  
  207.  
  208. <div class="info">
  209. {block:Date}
  210. <b><a href="{Permalink}" title="{Month} {DayOfMonth}{DayOfMonthSuffix}">{timeago}</b></a>
  211. {/block:Date}
  212.  
  213. &nbsp;&nbsp;
  214. <a href="{Permalink}">{NoteCount}</a>
  215. &nbsp;&nbsp;
  216.  
  217. <a href="{ReblogURL}" target="_blank" class="details"><i class="fa fa-repeat"></i></a>
  218.  
  219. <span style="float:right">
  220. {block:RebloggedFrom}
  221. <a href="{ReblogParentURL}" title="{ReblogParentName}">via </a>
  222. {block:ContentSource}
  223. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}">/ src</a>
  224. {/block:ContentSource}
  225. {/block:RebloggedFrom}
  226. </span>
  227.  
  228.  
  229. </div>
  230.  
  231.  
  232. {block:HasTags}
  233. <div class="tags">
  234. {block:Tags}
  235. <a href="{TagURL}">#{Tag}</a>
  236. {/block:Tags}
  237. </div>
  238. {/block:HasTags}
  239.  
  240. </div>
  241.  
  242.  
  243. {block:PostNotes}
  244. {PostNotes}
  245. {/block:PostNotes}
  246.  
  247. {/block:Posts}
  248.  
  249. {block:ContentSource}
  250. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  251. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  252. {/block:SourceLogo}
  253. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  254. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  255.    
  256. </div>
  257.  
  258. <!-- Don't remove the link! -->
  259. <div class="credits"><a href="http://www.bamaromadeit.tumblr.com">b m<br>r —</a></div>
  260.  
  261. </body>
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!