API tools faq
paste
Advertisement
amourelo

theme cold but beautiful (3)

amourelo
Aug 23rd, 2015
8,817
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.29 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
  3.  
  4.  
  5. <!-----
  6.  
  7. DON'T COPY BICTH!
  8. theme by amourelo ©
  9. ● respect my work, do not remove the credits.
  10.  
  11. ------>
  12.  
  13.  
  14.  
  15. <head>
  16. <title>{title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19.  
  20. <meta name="text:frase" content="we are the waiting unknown."/>
  21. <meta name="text:Link" content="/" />
  22. <meta name="text:Link1" content="/" />
  23. <meta name="text:Link2" content="/" />
  24. <meta name="text:Link3" content="/" />
  25. <meta name="text:Link4" content="/" />
  26. <meta name="text:Link5" content="/" />
  27. <meta name="image:icon" content="https://40.media.tumblr.com/24ca326c25ffef19429a4618cbb513ea/tumblr_ntk11isExX1rmb1bpo1_75sq.png"/>
  28. <meta name="image:miniheader" content="https://36.media.tumblr.com/14b3a33e1e62266e4451c8386de08502/tumblr_ntk139NaYI1rmb1bpo1_500.png"/>
  29.  
  30.  
  31.  
  32. <link href='http://fonts.googleapis.com/css?family=Titillium+Web' rel='stylesheet' type='text/css'>
  33. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,900,400italic,700italic' rel='stylesheet' type='text/css'>
  34. <link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'>
  35. <style>
  36.  
  37. /* --- ROLL --- */
  38. ::-webkit-scrollbar-thumb {height:auto;background-color: #ccc;border: 2px solid #f7f7f7;}
  39. ::-webkit-scrollbar {height:9px;width:9px;background-color: #f7f7f7;border: 4px solid #f7f7f7;}
  40.  
  41.  
  42.  
  43. /* --- ESSENCIAL --- */
  44. .container {height:auto}
  45. .container:before, .container:after {content: " ";display: table;}
  46. .container:after {clear: both;}
  47. .container .row {*zoom: 1;display: block;}
  48. .container .row:before, .container .row:after {content: " ";display: table;}
  49. .container .row:after {clear: both;}
  50.  
  51. #controls-container {color: white;position: fixed;top: 5px;left: 5px;font: 13px/1.1 "Helvetica Neue", Tahoma, Verdana;background: rgba(0, 0, 0, 0.7);padding: 5px;z-index: 1000;opacity: 0.2;}
  52. #controls-container:hover {opacity: 1;}
  53. #controls-container input {display: block;}
  54.  
  55. .table {display: table;}
  56. .table .row {display: table-row;}
  57. .table .cell {display: table-cell;}
  58.  
  59. .fullwidth {width: 100%;}
  60. .middle {vertical-align: middle;}
  61.  
  62. .fr {float: right;}
  63. .fl {float: left;}
  64.  
  65. .unstyled {margin: 0;padding: 0;list-style:none;}
  66. ul.table > li {display: table-cell;}
  67. .illustration {padding: 0.1em 1em;}
  68.  
  69.  
  70.  
  71. /* --- CORPO --- */
  72. body {font-family: 'Signika Negative', sans-serif;background: #f7f7f7;color: #858585;font-size:10px;padding: 0;margin: 0;}
  73.  
  74.  
  75. /* --- MUITO IMPORTANTE - POSTS E POSICIONAMENTO --- */
  76. #posts {left:105px;width:500px;position:absolute;margin:0 auto;padding:10px;height:auto;top:0px;padding-bottom:-500px;margin-top:-160px;}
  77. .entries {margin-bottom:85px;background:#fff;padding:18px; border-radius: 0.3rem;box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1);margin-bottom: 15px;width:500px;font-size:10px;}
  78. #posts img {max-width:500px;}
  79. #footer {margin:0;clear:both;padding:10px;bottom:0;position:fixed;width:-50%;background:{color:background};width:-680px;}
  80. #footer .wrap {margin:0 auto;}
  81. #chi {left:44%;margin-left:-200px;position:absolute;top:170px;}
  82.  
  83.  
  84.  
  85. /* --- PERSONALIZAÇÃO --- */
  86. b, strong {color:#696969;}
  87. i, em, italic {color:#696969;}
  88. a:link, a:active, a:visited {text-decoration:none;color:#333;}
  89. u {text-decoration:none}
  90. pre {-webkit-background-clip:initial;-webkit-background-origin:initial;
  91. background-attachment:initial;background-color:#FFF;
  92. background:#fafafa;background-position:0 0;background-repeat:no-repeat;color:#858585;display:block;font-size:12px;font:normal normal normal 1em/normal 'Ubuntu Mono', monospace;line-height:17px;overflow-x:auto;overflow-y:auto;text-align:left;border-color:#fafafa;border-style:solid;border-width:1px;margin:1em 0;padding:0 20px 0 30px;overflow:auto;}
  93. li {text-transform:square;}
  94. small {font-size:10px;}
  95. sub {font-size:10px;}
  96. blockquote {border-left: 1px solid #CCC; color: #474747; margin-right: 4px; padding:5px; margin-left: 5px; padding: 2px; margin-top:10px; overflow: hidden; margin-bottom: 7px;text-align:left;padding-left:10px;}
  97. .titles {font-size:15px;font-family: 'Source Sans Pro', Calibri, Arial, sans-serif;text-transform:uppercase;font-weight:bold;margin-bottom:10px;}
  98.  
  99.  
  100.  
  101. /* --- SITAÇÕES --- */
  102. .post_quote {padding:5px;background:#fafafa; }
  103. .quotes {font-size:120px;background:#transparent;color:#bbbbbb;font-family:'Keania One', arial; }
  104. .quote {color:#a5a5a5;margin-left:40px;font-size:14px;font-weight:bold;font-style:italic; }
  105. .source {margin-top:5px;text-align:right;letter-spacing:1px;text-transform:uppercase;font-size:8px; }
  106.  
  107.  
  108. /*--- ASKBOX ---*/
  109. .question {background:#f7f7f7;padding:15px;border-left:2px solid #eee;}
  110. .question a {color:{color:text};}
  111.  
  112.  
  113.  
  114. /* --- CHAT --- */
  115. .user_1 { background-color:#fcfcfc;padding:5px; }
  116. .user_2 { background-color:#f9f9f9;padding:5px; }
  117. .user_3 { background-color:#fcfcfc;padding:5px; }
  118. .user_4 { background-color:#f9f9f9;padding:5px; }
  119. .user_5 { background-color:#fcfcfc;padding:5px; }
  120. .user_6 { background-color:#f9f9f9;padding:5px; }
  121. .user_7 { background-color:#fcfcfc;padding:5px; }
  122. .user_8 { background-color:#f9f9f9;padding:5px; }
  123. .user_9 { background-color:#fcfcfc;padding:5px; }
  124. .user_10 { background-color:#f9f9f9;padding:5px; }
  125.  
  126.  
  127.  
  128. /* --- PERMALINKS --- */
  129. .notes li {font-size:8px;text-transform:uppercase;margin-right:0px;padding:5px;background:#fcfcfc;border-bottom:1px solid #eaeaea;display:none;}
  130. .notes li:hover {background:#fafafa;}
  131. .notes img { display:none;}
  132.  
  133.  
  134.  
  135. /* --- AUDIO --- */
  136. .audio {height:60px;padding:5px;margin-bottom:5px; }
  137. .audio-album {position:absolute;width:60px; }
  138. .audio-player {opacity:0.6;filter:alpha(opacity=60);border:2px solid #f2f2f2;width:25px;height:25px;overflow:hidden;position:absolute;
  139. z-index:2;margin-left:15px;margin-top:15px; }
  140. .audio-info {margin-top:-10px;position:relative;margin-left:70px;padding:5px;}
  141.  
  142.  
  143.  
  144. /* --- ifWhitefollowbutton --- */
  145. iframe#tumblr_controls {right:3px !important;position: fixed !important;-webkit-filter:invert(100%);-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;opacity: 0.3;}
  146. iframe#tumblr_controls:hover {right:3px !important;position: fixed !important;-webkit-filter:invert(100%);opacity: 0.7;}
  147.  
  148.  
  149.  
  150. /* --- NOTES --- */
  151. .postdata {margin-top:10px;width:97%;padding:14px 10px 14px 4px;font-family: 'Signika Negative', sans-serif;background:#f7f7f7;}
  152. .postdata-2 {float:left;padding:6px 8px 6px 8px;margin-top:-14px;font-size:9px;text-transform:uppercase;color:#777;background:#f7f7f7;font-weight: 600;line-height:16px;border-right:2px solid #fff;margin-left:-10px;border-left:2px solid #fff;}
  153. .postdata-2 a {color:#777;}
  154. .postdata-3 {float:right;padding:4px 0px 0px 6px;margin-top:-14px;font-size:15px;text-transform:uppercase;background:#f7f7f7;line-height:20px;}
  155. .postdata-3 a {color:#777;}
  156. .postdata-4 {float:right;padding:6px 6px 7px 6px;margin-top:-13px;font-size:16px;text-transform:uppercase;margin-left:-10px;border-right:2px solid #fff;border-left:2px solid #fff;}
  157. .postdata-4 a {color:#777;}
  158. .tags {font-size:10px;margin-top:1px;padding-left:0px;}
  159. .tags a {text-transform:lowercase;background:transparent;text-decoration:none;color:#858585;background:#f7f7f7;padding:1px;line-height:150%;}
  160. #liked {opacity:1;display:inline-block;margin-top:-1px;padding:1px;color:#777;-webkit-filter:invert(50%);margin-left:1px;}
  161. #liked:hover {opacity:1;}
  162.  
  163.  
  164. /* --- CREDITOS *NÃO REMOVA* --- */
  165. .credits{float:right;font-size:9px;line-height:9px;text-align:center;font-family: calibri;padding:3px;background:#fff;z-index:11;right:5px;position:fixed; text-transform: uppercase;bottom:8px;overflow: hidden;border:1px solid #eee;}
  166. .credits a {color:#888;}
  167.  
  168.  
  169. /* --- PAGINAÇÃO --- */
  170. .pagination {padding:5px; font-size:9px; margin-top:-10px;margin-bottom:20px;}
  171. .paginations a:hover { border-bottom:0px; }
  172. .numbers {padding:8px;font-family:arial;background:#666;color:#fff;font-weight:bold;border-radius:3px; margin-right:5px;}
  173. .pages { margin-right:4px; background:#fff; padding:7px;box-shadow: 0 0px 1px rgba(0, 0, 0, 0.1);}
  174.  
  175.  
  176.  
  177. /* --- SUPER SIDEBAR --- */
  178. .card {width:210px;margin-left:-110px;background: #fff;height:auto;border-radius: 0.3rem;box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1);margin-bottom: 1em;position:fixed;}
  179. .user-card h1 {color:#888; padding-top:10px;text-transform:uppercase;font-size:18px;font-family: 'Ubuntu Condensed', sans-serif;text-align:center;margin-bottom:0px;}
  180. .user-card header, .user-card .status {text-align: center;padding: 0 1.5em; }
  181. .user-card header h1 {margin-top: 0.35em;margin-bottom: 0; }
  182. .user-card .status {padding-bottom:5px;color: #75787b;text-align:justify;font-size: 10px;}
  183. .user-card .stats {margin-bottom: 0;padding: 0;margin-top:0px;list-style: none;display: table;width: 100.15%;}
  184. .user-card .stats li{margin: 0;padding: 0;width: 33.33334%;display: table-cell;text-align: center;border-left: 0.1em solid transparent;}
  185. .user-card .stats li:first-child {border-left: 0;}
  186. .user-card .stats li:first-child a {border-bottom-left-radius: 0.3rem;}
  187. .user-card .stats li:last-child a {border-bottom-right-radius: 0.3rem;}
  188. .user-card .stats li a, .user-card .stats li strong {display: block;}
  189. .user-card .stats li a {background: #f7f7f7;padding: 1em ;color: #fff;}
  190. .user-card .stats li a strong, .user-card .stats li a span {font-weight: 600;line-height: 1; }
  191. .user-card .stats li a strong {font-size:1.2em;}
  192. .user-card .stats li a span {color: #888;}
  193. .user-card .stats li a:hover {background: rgba(0, 0, 0, 0.05);color:#ec4973;}
  194. .user-card .stats li a:hover span {color: #666;}
  195. .user-card .user-avatar {text-align: center; }
  196. .user-card .user-avatar .user-bg {width: 100%;border-top-left-radius: 0.3rem;border-top-right-radius: 0.3rem; }
  197. .user-card .user-avatar .user-bg:after {content: ""; width: 100%;height: 100%;background: red; }
  198. .user-card .user-avatar .user-pic {background: white;padding: 0.25em 0.25em 0.30em 0.30em;border-radius: 0.3rem;margin-top: -4em;box-shadow: 0 0 1px rgba(0, 0, 0, 0.30); }
  199.  
  200.  
  201.  
  202. .main-menu ul li {color:transparent;border-bottom: 0.1em solid #EEE;margin-left:0px;}
  203. .main-menu ul li .icon {display: block;float: left;font-size: 0.80em;width: 1em;height: 1em;margin-right: 1em;text-align: center; }
  204. .main-menu ul li:first-child a {border-top-left-radius: 0.3rem;border-top-right-radius: 0.3rem;}
  205. .main-menu ul li:last-child {border-bottom: 0;}
  206. .main-menu ul li:last-child a {border-bottom-left-radius: 0.3rem;border-bottom-right-radius: 0.3rem;}
  207. .main-menu ul li a {display: block;padding: 0.8em;color:#777;}
  208. .main-menu ul li a .title {font-size: 0.82em;margin-top:0.1em;text-transform: uppercase;font-family: arial;}
  209. .main-menu ul li.orange a {color: white;}
  210. .main-menu ul li > ul {padding: 0.5em 0;}
  211. .main-menu ul li > ul lii {border-bottom: 0;}
  212. .main-menu ul li > ul a {opacity: 0.75;padding: 0.5em 1em;}
  213. .main-menu ul li > ul a:hover {opacity: 1;}
  214. .main-menu ul li > ul .title {font-size: 1em;font-weight: 400;}
  215. .menu {color:{color:menu};padding:8px;text-transform:lowercase;font-size:13px;margin-top:0px;background-color:{color:border1};width:180px;margin-left:16px;margin-bottom:8px;}
  216.  
  217.  
  218.  
  219.  
  220.  
  221. /*# sourceMappingURL=style.css.map */
  222. </style>
  223. <div class="credits"><a href="http://amourelo.tumblr.com/">THEME</a></div>
  224. <link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet"><meta name="viewport" content="initial-scale=1.0"><div id="chi">
  225. <div class="col-lg-8 col-md-6 col-sm-12"><div class="container">
  226. <div class="col-lg-6 col-md-12 col-sm-12">
  227. <div class="user-card card">
  228. <div class="user-avatar"><img src="{image:miniheader}" class="user-bg"><img src="{image:icon}" class="user-pic"></div> <header>
  229. <center><div style="border: 1px solid #eee; width:100px; padding: 4px; background-color:{color:Background};margin-top:10px;margin-bottom:-15px">
  230.  
  231. code / code
  232.  
  233. </div></center>
  234. <h1><code>{title}</code></h1>
  235. <div class="status"><center>{text:frase}</center></div></header>
  236. <div class="status">{description}</div>
  237. <ul class="stats">
  238. <li><a href="{text:Link}"><strong><span class="icon icon-home"></span></strong></a></li>
  239.  
  240. <li><a href="{text:Link1}"><strong><span class="icon icon-envelope"></span></strong></a></li>
  241.  
  242. <li><a href="{text:Link2}"><strong><span class="icon icon-moon"></span></strong></a></li>
  243.  
  244. <li><a href="{text:Link3}"><strong><span class="icon icon-star-empty"></span></strong></a></li>
  245.  
  246. <li><a href="{text:Link4}"><strong><span class="icon icon-save"></span></strong></a></li>
  247.  
  248. <li><a href="{text:Link5}"><strong><span class="icon icon-calendar"></span></strong></a></li>
  249. </ul></div></div></div></div>
  250.  
  251.  
  252. <div id="posts">
  253. {block:Posts}
  254. <div class="entries">
  255. {block:Text}
  256. {block:Title}<div class="titles">{Title}</div>{/block:Title}
  257. {Body}{/block:Text}{block:Photo}
  258.  
  259. <div class="photo">
  260. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  261. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  262. </div>{/block:Photo}{block:Photoset}<div class="post_photoset">
  263. <div class="photoset"><div class="move">{Photoset-500}</div></div>
  264. {block:Caption}
  265. <div class="caption">{Caption}</div>
  266. {/block:Caption}
  267. </div>
  268. {/block:Photoset}
  269.  
  270.  
  271. {block:Quote}
  272. <div class="post_quote">
  273. <div class="quote">{Quote}</div>
  274. {block:Source}
  275. <div class="source">{Source}</div>
  276. {/block:Source}
  277. </div>
  278. {/block:Quote}
  279.  
  280. {block:Link}
  281. <div class="post_link">
  282. <a href="{URL}" class="title" {Target}>{Name}</a>
  283. {block:Description}
  284. <div class="description">{Description}</div>
  285. {/block:Description}
  286. </div>
  287. {/block:Link}
  288. {block:Chat}
  289. <div class="post_chat">
  290. {block:Title}
  291. <h3><a href="{Permalink}">{Title}</a></h3>
  292. {/block:Title}
  293.  
  294. <ul class="chat">
  295. {block:Lines}
  296. <li class="{Alt} user_{UserNumber}">
  297. {block:Label}
  298. <span class="label">{Label}</span>
  299. {/block:Label}
  300.  
  301. {Line}</li>{/block:Lines}
  302. </ul></div>{/block:Chat}
  303.  
  304. {block:Video}
  305. <div class="post_video">
  306. {Video-500}{block:Caption}
  307. <div class="caption">{Caption}</div>
  308. {/block:Caption}</div>{/block:Video}
  309.  
  310. {block:Audio}
  311. <div class="audio">
  312. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  313. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  314. <div class="audio-info">
  315. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  316. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  317. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  318. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
  319. </div></div>
  320. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  321. {/block:Audio}
  322.  
  323. {block:Answer}
  324. <div class="post_answer">
  325. <div class="question">{Asker}: {Question} </div>
  326. <div class="answer">{Answer}</div>
  327. </div>{/block:Answer}
  328.  
  329. <div class="postdata">
  330. <div class="postdata-2">
  331. {block:Date}{DayOfMonthWithZero}{ShortMonth}{ShortYear}{/block:Date}&nbsp;&nbsp; </div>
  332. <div class="postdata-2">
  333. <span class="icon icon-thumbs-up-alt"></span> <a href="{Permalink}">{NoteCountWithLabel}</a></div>
  334. <div class="postdata-3">
  335. <a href="{ReblogURL}" target="_blank">&nbsp;<span class="icon icon-retweet"></span></a></div>
  336. <div class="postdata-4"><div id="liked">{LikeButton size="14"}</div></div></div>
  337. {block:HasTags}<div class="tags">tags: {block:Tags}<span class="taghead"></span><a class="tag" href="{TagURL}"><font style="line-height:11px;">#{Tag}</a>&nbsp;&nbsp;&nbsp;&nbsp;</font>{/block:Tags}</div>{/block:HasTags}
  338. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:Posts}
  339.  
  340.  
  341. <br><div class="pagination">{block:Pagination}
  342. <span class="numbers">{CurrentPage} of {TotalPages}</span>
  343. {block:JumpPagination length="12"}
  344. {block:CurrentPage}
  345. <span class="pages">{PageNumber}</span>
  346. {/block:CurrentPage}
  347. {block:JumpPage}
  348. <a class="pages" href="{URL}">{PageNumber}</a>
  349. {/block:JumpPage}
  350. {/block:JumpPagination}
  351. {block:NextPage}
  352. <span class="pages"><a href="{NextPage}">next</a></span>
  353. {/block:NextPage}
  354. {/block:Pagination}
  355. </div></div></div>
  356. </div></div></div>
  357. </div></div></div>
  358. </div></div></div>
  359. </div></div></div>
  360. </div></div></div>
  361. <div class="footer"></div>
  362.  
  363. </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!