API tools faq
paste
Advertisement
Guest User

5sos official

a guest
Mar 26th, 2015
287
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.23 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">
  3. <head>
  4.  
  5. <!-- 5sos-official theme!
  6. you can edit as much as you want, or take out/add more sidebars.
  7.  
  8. you can also edit the credit, just please make sure the cred stays somewhere on the first page and always have it give kudos to the original on 5sos-offial
  9.  
  10. this is messy that's why i'm calling it a beta haha
  11. -->
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18. <meta name="color:background" content="#ffffff">
  19. <meta name="color:text" content="#838282">
  20. <meta name="color:link" content="#CCCCCC">
  21. <meta name="color:navlink" content="#e3e3e3">
  22. <meta name="color:hover" content="#e0e0e0">
  23. <meta name="color:sidebar links" content="#282828">
  24. <meta name="color:post background" content="#FFFFFF">
  25. <meta name="color:post titles" content="#72caf6">
  26. <meta name="color:Title" content="#484848">
  27. <meta name="color:ask background" content="#e6e6e6">
  28. <meta name="color:italic text" content="#DF52A9">
  29. <meta name="color:bolded text" content="#16A8A8">
  30. <meta name="color:link background" content="#000000">
  31. <meta name="color:very top color" content="#000000">
  32. <meta name="image:sidebar" content=""/>
  33. <meta name="image:sidebar2" content=""/>
  34.  
  35. <meta name="image:top image" content=""/>
  36. <meta name="image:background image" content=""/>
  37. <meta name="text:Description Font Size" content="11px" />
  38. <meta name="text:desc2" content="" />
  39.  
  40. <meta name="text:linkA" content="">
  41. <meta name="text:linkA url" content="/">
  42. <meta name="text:linkB" content="">
  43. <meta name="text:linkB url" content="/">
  44. <meta name="text:linkC" content="">
  45. <meta name="text:linkC url" content="/">
  46. <meta name="text:linkD" content="">
  47. <meta name="text:linkD url" content="/">
  48. <meta name="text:linkE" content="">
  49. <meta name="text:linkE url" content="/">
  50. <meta name="text:extra title" content="just beings lads">
  51. <meta name="text:extra title2" content="the boys">
  52.  
  53. <meta name="if:5sosPromoLogo" content="1" />
  54. <meta name="if:Search5sosInfo" content="1" />
  55. <meta name="if:CursorHelp" content="1" />
  56. <meta name="if:RepeatBackground" content="0" />
  57.  
  58. <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic|Montserrat' rel='stylesheet' type='text/css'>
  59.  
  60.  
  61. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  62.  
  63.  
  64. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  65.  
  66. <!-- start of script tooltip -->
  67. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  68. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  69. <script>
  70. (function($){
  71. $(document).ready(function(){
  72. $("a[title]").style_my_tooltips({
  73. tip_follows_cursor:true,
  74. tip_delay_time:90,
  75. tip_fade_speed:600,
  76. attribute:"title"
  77. });
  78. });
  79. })(jQuery);
  80. </script>
  81. <!-- end of script tooltip -->
  82.  
  83.  
  84. <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
  85.  
  86. <script src="http://static.tumblr.com/pcbucej/tQPn5ildm/jquery.rwdimagemaps.min.js" type="text/javascript" ></script>
  87.  
  88. <script src="http://static.tumblr.com/7wtblbo/suwm9qgl5/smoothscroll.js" type="text/javascript" ></script>
  89.  
  90. <script src="http://static.tumblr.com/7wtblbo/V8mm9qglz/jquery.easing.1.3.js" type="text/javascript"></script>
  91.  
  92. <script src="http://static.tumblr.com/7wtblbo/mbDm9qgmm/jquery.ui.totop.js" type="text/javascript"></script>
  93.  
  94.  
  95.  
  96.  
  97. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,300italic,400italic,700,700italic' rel='stylesheet' type='text/css'>
  98. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  99. <style type="text/css">
  100.  
  101.  
  102.  
  103. body {
  104. background:{color:background} url('{image:background image}') top left fixed repeat;
  105. {block:IfNotRepeatBackground}background-size:cover;{/block:IfNotRepeatBackground}
  106. margin:0px;
  107. color:{color:text};
  108. font-style: none;
  109. overflow-y: scroll;
  110. overflow-x: hidden;
  111.  
  112. font-family: 'Source Sans Pro', 'Arial', sans-serif;font-weight:300;
  113. font-size:15px;
  114. line-height:23px;
  115. letter-spacing:0.5px;
  116.  
  117. }
  118.  
  119. .icon {
  120. color: {color:link};
  121. }
  122. b, strong {color:{color:bolded text};}
  123.  
  124. i, em {color:{color:italic text};}
  125.  
  126. a {
  127. text-decoration:none;
  128. outline:none;
  129. -moz-outline-style:none;
  130. color:{color:link};
  131. -moz-transition-duration:0.5s;
  132. -webkit-transition-duration:0.5s;
  133. -o-transition-duration:0.5s;}
  134. a:hover{
  135. color:{color:hover};
  136. {block:ifCursorHelp}
  137. cursor:help;
  138. {/block:ifCursorHelp}
  139. -moz-transition-duration:0.5s;
  140. -webkit-transition-duration:0.5s;
  141. -o-transition-duration:0.5s;}
  142. u {
  143. border-bottom: 1px dotted {color:link};
  144. text-decoration: none;}
  145.  
  146. h1 {
  147. font-weight:normal;
  148. font-size:10px;
  149. text-align:center;
  150. font-style:normal;
  151. line-height:80%;
  152. letter-spacing:1px;
  153. text-transform:uppercase;
  154. color:{color:text};}
  155. h2 {
  156. text-align:left;
  157. line-height:100%;
  158. letter-spacing:1px;
  159. color:{color:post titles};
  160. padding-bottom:2px;
  161. font-family: 'Montserrat', sans-serif;
  162. font-style:italic;
  163. font-size:13px;
  164. font-weight:normal;
  165. padding-left:10px;}
  166.  
  167. pre {
  168. white-space: pre-wrap;
  169. white-space: -moz-pre-wrap;
  170. white-space: -pre-wrap;
  171. white-space: -o-pre-wrap;
  172. word-wrap: break-word;}
  173.  
  174. blockquote, blockquote blockquote {
  175. border-left: 1px dotted {color:Title};
  176. padding-left: 15px;
  177. margin:10px 0 10px 10px;}
  178.  
  179.  
  180.  
  181. /*sidebar*/
  182. #sidebar {
  183.  
  184.  
  185. width:245px;
  186. margin-left:240px;
  187. position:absolute;
  188. background-color:{color:post background};
  189. top:530px;
  190. padding:25px;}
  191.  
  192. #sidebarimage {
  193.  
  194. width:245px;
  195.  
  196. }
  197.  
  198. #sidebarimage img {
  199.  
  200. width:245px;
  201.  
  202. }
  203.  
  204.  
  205. @font-face {
  206. font-family: 'impact_label_reversedregular';
  207. src: url('http://static.tumblr.com/xseh5hk/1OSmrf168/impact_label_reversed-webfont.eot');
  208. }
  209.  
  210. #title{
  211. margin-bottom:10px;
  212. font-family: 'Montserrat', sans-serif;
  213. padding-top:0px;
  214. font-size:10px;
  215. font-style:none;
  216. letter-spacing:2px;
  217. text-transform:uppercase;
  218. text-align:left;
  219. color: #000;
  220. }
  221.  
  222. /* description */
  223. #desc {
  224. display: block;
  225. font-size:{text:Description Font Size};
  226. text-align:left; /* ALIGN YOUR DESCRIPTION HERE EXAMPE: CENTER, JUSTIFY, RIGHT, OR LEFT */
  227. margin-top:5px;
  228. border-bottom:1px solid #e3e3e3;
  229. padding-top:10px;
  230. padding-bottom:15px;
  231. color:{color:text};
  232. font-style:normal;
  233. line-height:15px;}
  234.  
  235. /* if you wanted a 3rd sidebar you'd have to repeat this process. ex.
  236.  
  237. #sidebar3{
  238. width:245px;
  239. margin-left:240px;
  240.  
  241. position:absolute;
  242. background-color:{color:post background};
  243. top:1300px;
  244. padding:25px;
  245. }
  246.  
  247. #sidebarimage3 {
  248. width:245px;
  249. }
  250.  
  251. #sidebarimage3 img {
  252. width:245px;
  253. }
  254.  
  255. and do the same process under <body> (example will be there)
  256. */
  257.  
  258.  
  259. /*sidebar*/
  260. #sidebar2 {
  261. width:245px;
  262. margin-left:240px;
  263.  
  264. position:absolute;
  265. background-color:{color:post background}; /*if you want your sidebar a different color than the posts here you go, however keeping everything white looks good with a colored background */
  266. top:990px;
  267. padding:25px;
  268. }
  269.  
  270. #sidebarimage2 {
  271. width:245px;
  272. }
  273.  
  274. #sidebarimage2 img {
  275. width:245px;
  276. }
  277.  
  278. #title2{
  279. margin-bottom:10px;
  280. font-family: 'Montserrat', sans-serif;
  281. padding-top:0px;
  282. font-size:10px;
  283. font-style:none;
  284. text-align:left;
  285. color: #000;
  286. }
  287.  
  288. /* description */
  289.  
  290.  
  291. #desc2 {
  292. display: block;
  293. font-size:{text:Description Font Size};
  294. text-align:left; /* ALIGN YOUR DESCRIPTION HERE EXAMPE: CENTER, JUSTIFY, RIGHT, OR LEFT */
  295. margin-top:5px;
  296. border-bottom:1px solid #e3e3e3;
  297. padding-top:10px;
  298. padding-bottom:15px;
  299. color:{color:text};
  300. font-style:normal;
  301. line-height:15px;}
  302.  
  303.  
  304. .selectnav {
  305. margin-top:10px;
  306. margin-left:-4px;
  307. font-size:11px;
  308. text-align:left;
  309. line-height:110%;
  310. color:{color:text};
  311. display:block;}
  312.  
  313. /* posts */
  314. #entries {
  315. position:relative;
  316.  
  317. width:522px;
  318. left:560px;
  319.  
  320. top:520px;
  321. text-align:justify;
  322. padding:10px;
  323. }
  324. #post {
  325. margin-bottom:2px;
  326. width:500px;
  327.  
  328. line-height:140%;
  329. padding:25px;
  330. background-color:{color:post background};
  331. {block:ifShadow} box-shadow:rgba(0,0,0,0.1)9px 9px; {/block:ifShadow}}
  332. #post ul {
  333. margin: 6px 0 12px 12px;
  334. list-style: square;}
  335. #post img {
  336. max-width: 100%;
  337. -webkit-transition: all 0.5s ease;
  338. -moz-transition: all 0.5s ease;
  339. transition: all 0.5s ease;}
  340.  
  341. /* post info */
  342. #postinfo {
  343. width:500px;
  344.  
  345. font-size:12px;
  346. font-weight:;
  347. margin:16px 0 0 0;
  348. color:{color:text};
  349. font-family: CALIBRI;
  350. text-transform:uppercase;
  351. border-radius:2px;
  352. text-align:left;
  353. font-style:normal;
  354. background-color:{color:post background};
  355. -moz-transition-duration:0.5s;
  356. -webkit-transition-duration:0.5s;
  357. -o-transition-duration:0.5s;}
  358. #postinfo a {
  359. color:{color:link};
  360. text-align:left;
  361. letter-spacing:0px;}
  362. #postinfo a:hover {
  363. color:{color:hover};}
  364. /* tags*/
  365. .tags {
  366. text-transform:normal;
  367. margin:7px 0 0 0;
  368. border-radius:2px;
  369. color:{color:text};
  370. line-height:14px;
  371. font-size:12px;
  372. font-family:arial;
  373. text-align:left;
  374.  
  375. color:{color:text};
  376. background-color:{color:post background};
  377. -moz-transition-duratin:0.5s;
  378. -webkit-transition-duration:0.5s;
  379. -o-transition-duration:0.5s;}
  380. .tags a {
  381. display:inline;
  382. width:500px;
  383.  
  384. text-decoration:underline;
  385. color:{color:link};}
  386. .tags a:hover {
  387. color:{color:hover};}
  388.  
  389. /* pagination */
  390. #pagination {
  391. margin-top:30px;
  392. width:250px;
  393. font-size:12px;
  394. margin-left:auto;
  395. text-align:right;
  396. padding-bottom:20px;
  397. font-weight:bold;
  398. font-family:arial;
  399. text-transform:normal;
  400. -webkit-transition: .8s ease-in-out;
  401. -moz-transition: .8s ease-in-out;
  402. -o-transition: .8s ease-in-out;}
  403. #pagination a {
  404. color:{color:link};
  405. background-color:{color:post background};
  406. padding:7px;}
  407.  
  408. /* be careful editing anything below! X */
  409.  
  410. ol {
  411. list-style-type: none; margin: 0;}
  412. ol.notes li {padding: 10px;margin: 0 0 3px -50px;{block:if400px}
  413. width:400px;
  414. {/block:if400px}width: 500px;}
  415. ol.notes li img {width:16px;padding-right: 10px;margin-bottom: -5px;opacity: 0.85;}
  416. ol.notes li img:hover {opacity: 1; filter:alpha(opacity=100);}
  417. /*quote*/
  418. #quotes {text-align:left;font-size:14px;line-height:18px;font-weight:bold;}
  419. #source {margin-top:15px;margin-left:15px;}
  420. /* music */
  421. #audio {width:500px;height:70px;margin-bottom:0px;}
  422. .artcover {width:90px;height:90px;position:absolute;}
  423. .artcover img {width:90px;height:90px;float:left;}
  424. .player {margin-top:25px;margin-left:25px;position:absolute;z-index:1;width:40px;height:40px;display:block;opacity:0.5;background:#fff;
  425. -webkit-border-radius: 0px;border-radius: 0px;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition: all 0.4s;transition:all 0.5s;}
  426. .player:hover {-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s; -ms-transition: all 0.4s; transition:all 0.4s; opacity:0.7;}
  427. .musicplayer {width:24px;height:24px;margin-top:4px;margin-left:4px;overflow:hidden;padding:3px;}
  428. .audioinformation {
  429. color:{color:text};background:#fff; width:430px;height:72px;margin-left:70px;display:block;padding-top:18px;font-size:11px;letter-spacing:1px;text-transform:uppercase;text-align:center;}
  430. .titoloc {text-transform:none;font-style:italic; font-size:12px;font-family:arial; color:{color:text};}
  431. select {border:none;text-transform:normal;-webkit-appearance: none;cursor:pointer;}
  432. #al {position:fixed;font-size:10px;font-weight:normal;right:10px;bottom:10px;background-color:transparent;-moz-transition-duration:0.7s;-webkit-transition-duration:0.7s;-o-transition-duration:0.7s;}
  433. #al a {border:1px solid transparent;padding:3px;color:{color:link};}
  434. /* asks */
  435. .copy {color: {color:text};padding: 10px;font-size: 11px;font-family:arial;line-height: 15px;}
  436. .copy a {color: {color:link};text-decoration: underline;}
  437. .copy a:hover {-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;color: {color:link};background: {color:hover};text-decoration: underline;letter-spacing: 2px;}
  438. .copy pre {margin: 10px 0px 10px 0px;padding: 10px;background-color: #e6e6e6;font: normal 11px Courier, monospace;overflow: auto;}
  439. .copy img {max-width: 100%;}
  440. .asker_container {margin: 10px 0 10px 20px;}
  441. .asker_container img {margin: 0 12px -7px 0;border-radius: 25%;}
  442. .asker_container a.asker {color: {color:links};font-family: arial;font-size: 11px;font-weight:bold;}
  443. .question {color: {color:text};font-size: 11px;font-weight: normal;background: {color:ask background};border:1px solid #f1f1f1;font-weight:bold;margin: 0 0 15px 0;padding: 15px 20px;position: relative;}
  444. #triangle {color:{color:ask background};font-size:40px;position:relative;margin-top:-20px;margin-left:10px;}
  445. #header{
  446. width:100%;
  447. background: #000;
  448. height:30px;
  449. position: absolute;
  450. }
  451.  
  452.  
  453. #topper { background: {color:very top color};padding-top:41px;
  454. padding-bottom:5px;
  455. width:100%;
  456. float: left;
  457. max-height:450px;
  458. overflow:hidden;
  459. position: absolute;
  460. z-index: 5555;}
  461. #topper img{
  462. width:100%;
  463. max-height:450px;
  464. overflow:hidden;
  465. display:block;
  466. }
  467.  
  468. .links{background:{color:link background};position:absolute;top:420px;z-index:99999999;width:100%;padding:25px;text-align:center;text-transform:uppercase;letter-spacing:1px;opacity:0.8;}
  469.  
  470. .links a{
  471. font-family: 'Montserrat', sans-serif;
  472. font-size:9px;
  473. letter-spacing:3px;
  474. margin-right:45px;text-decoration:none;border:0px;padding:2px 6px;color:{color:navlink};text-shadow: 0 1px 1px rgba(0,0,0,.2);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;text-shadow:12px 0px transparent, -12px 0px transparent;text-decoration:none;
  475. color:white;
  476. -moz-transition-duration:0.7s;
  477. -webkit-transition-duration:0.7s;
  478. -o-transition-duration:0.7s;
  479.  
  480. }
  481. .links a:hover{ color:transparent;
  482. text-shadow:0px 0px #ffffff, -0px 0px #ffffff;
  483.  
  484. -moz-transition-duration:0.4s;
  485. -webkit-transition-duration:0.4s;
  486. -o-transition-duration:0.4s;
  487.  
  488. }
  489. .links.fixed{position:fixed;z-index:9999;top:0;}
  490.  
  491.  
  492. #toTop {
  493. display:none;
  494. text-decoration:none;
  495. position:fixed;
  496. bottom:30px;
  497. right:50px;
  498. overflow:hidden;
  499. width:51px;
  500. height:51px;
  501. border:none;
  502. text-indent:-999px;
  503. background:url(http://static.tumblr.com/8jq17g7/Ecym0czgw/ui.totop.png) no-repeat left top;}
  504. #toTopHover {
  505. background:url(http://static.tumblr.com/8jq17g7/Ecym0czgw/ui.totop.png) no-repeat left -51px;
  506. width:51px;
  507. height:51px;
  508. display:block;
  509. overflow:hidden;
  510. float:left;
  511. opacity: 0;
  512. -moz-opacity: 0;
  513. filter:alpha(opacity=0);}
  514. #toTop:active, #toTop:focus {
  515. outline:none;}
  516.  
  517. #pageHeader {
  518. background: #000;
  519. padding: 5px 0 5px 0;
  520. width: 100%;
  521. float: left;
  522. position: relative;
  523. z-index: 999999999;
  524.  
  525. }
  526. #pageHeader .share {
  527. float: left;
  528. }
  529. #pageHeader .share > div {
  530. margin: 5px 0 0 5px;
  531. }
  532. #pageHeader .social {
  533. float: left;
  534. }
  535. #pageHeader .social ul {
  536. float: left;
  537. width: auto;
  538. list-style: none;
  539. margin: 0 5px 0 0;
  540. padding: 0;
  541. }
  542. #pageHeader .social li {
  543. width: 29px;
  544. height: 29px;
  545. float: left;
  546. margin: 0 0 0 10px;
  547. }
  548. #pageHeader .social li.youtube {
  549. width: 70px;
  550. }
  551. #pageHeader .social a {
  552. background: url('http://static.tumblr.com/pcbucej/juAn1z227/social-icons.jpg') no-repeat 0 0;
  553. width: 29px;
  554. height: 29px;
  555. display: block;
  556. overflow: hidden;
  557. text-indent: 9999px;
  558. }
  559. #pageHeader .twitter a {
  560. background-position: -50px 0;
  561. }
  562. #pageHeader .youtube a {
  563. background-position: -93px 0;
  564. width: 70px;
  565. }
  566. #pageHeader .instagram a {
  567. background-position: -243px 0;
  568. width: 26px;
  569. }
  570. #pageHeader .newsletter a {
  571. background-position: -280px 0;
  572. }
  573. #pageHeader .soundcloud a {
  574. background-position: -317px 0;
  575. width: 44px;
  576. }
  577. #pageHeader .social .soundcloud {
  578. width: 44px;
  579. }
  580. #pageHeader .googleplus a { background-position: -366px 0; width: 27px; }
  581.  
  582. .albumBadge {
  583. width: 20%;
  584.  
  585. position: absolute;
  586. top: 100px;
  587. left: 5%;
  588. z-index:999999;
  589. }
  590.  
  591. .sfm input {background-color: #212121;
  592. font-size: 8px;
  593. border: 0px;
  594. text-transform: uppercase;
  595. margin-top: 5px;
  596. margin-left:7px;
  597. color: #f1f1f1;
  598. letter-spacing: 1px;
  599. padding: 4px 8px;
  600. width:100px;
  601. float:left;
  602. font-family: calibri, helvetica, arial;}
  603.  
  604.  
  605.  
  606.  
  607. {CustomCSS}</style>
  608.  
  609. </head>
  610.  
  611. <script src="http://static.tumblr.com/8jq17g7/e7bm0d3ib/ui.totop_jquery_easing.js" type="text/javascript"></script>
  612. <script type="text/javascript">
  613. $(document).ready(function() {
  614. $().UItoTop({ easingType: 'easeOutQuart' });
  615. });
  616. </script>
  617. </head>
  618. <body>
  619.  
  620. {block:ifSearch5sosInfo}
  621.  
  622. <div id="pageHeader">
  623. <div class="row">
  624. <form action="/search" method="get" class="sfm">
  625. <input type="text" name="q" value="{SearchQuery}" id="sf"/>
  626. <input type="submit" value="Search" id="sb"/>
  627. </form></div>
  628. <div class="share">
  629. <div class="fb-like" data-href="https://www.facebook.com/5secondsofsummer" data-width="150" data-layout="button_count" data-show-faces="false" data-send="false"></div>
  630. </div>
  631. <div class="social">
  632. <ul>
  633. <li class="facebook"><a href="https://www.facebook.com/5secondsofsummer" target="_blank">Facebook</a></li>
  634. <li class="twitter"><a href="http://www.twitter.com/5sos" target="_blank">Twitter</a></li>
  635. <li class="youtube"><a href="http://www.youtube.com/user/hemmo1996" target="_blank">Youtube</a></li>
  636. <li class="instagram"><a href="http://www.instagram.com/5sos" target="_blank">Instagram</a></li>
  637. <li class="newsletter"><a href="javascript:void(0)" onclick="window.open('http://zaphod.uk.vvhp.net/vvreg/8220-295133', 'Sign-up-window', 'width=500,height=780');">Sign up</a></li>
  638. <li class="soundcloud"><a href="https://soundcloud.com/5-seconds-of-summer" target="_blank">Soundcloud</a></li>
  639. <li class="googleplus"><a class="overflowHidden" href="https://plus.google.com/101769211068452272951/" rel="publisher" target="_blank">Google+</a></li>
  640. </ul>
  641. </div>
  642. </div>
  643. </div>
  644. {/block:ifSearch5sosInfo}
  645. {block:if5sosPromoLogo} <div class="albumBadge"><a href="http://po.st/5SOSFORMATS" target="_blank"><img src="http://static.tumblr.com/pcbucej/jkqn7z5zn/5sos-album-badge.png" alt="5SOS Album Out now"></a></div>{/block:if5sosPromoLogo}
  646.  
  647.  
  648. <div id="topper"><img src="{image:top image}"></div>
  649. <div class="links">
  650. {block:IfLinkA}
  651. <a href="{text:linkA url}">{text:linkA}</a>
  652. {/block:IfLinkA}
  653. {block:IfLinkB}
  654. <a href="{text:linkB url}">{text:linkB}</a>
  655. {/block:IfLinkB}
  656. {block:IfLinkC}
  657. <a href="{text:linkC url}">{text:linkC}</a>
  658. {/block:IfLinkC}
  659. {block:IfLinkD}
  660. <a href="{text:linkD url}">{text:linkD}</a>
  661. {/block:IfLinkD}
  662. {block:IfLinkE}
  663. <a href="{text:linkE url}">{text:linkE}</a>
  664. {/block:IfLinkE}
  665. </div>
  666.  
  667. </div>
  668.  
  669. <div id="sidebar">
  670. <div id="sidebarimage">
  671. <div id="title"><FONT
  672. style="BACKGROUND-COLOR: white">{text:extra title}</FONT></div>
  673. <a href="/"><img src="{image:sidebar}"></a></div>
  674.  
  675. <div id="desc">{Description}</div>
  676.  
  677.  
  678.  
  679. </div></div>
  680.  
  681. <div id="sidebar2">
  682. <div id="sidebarimage2">
  683. <div id="title"><FONT
  684. style="BACKGROUND-COLOR: white">{text:extra title2}</FONT></div>
  685. <a href="/"><img src="{image:sidebar2}"></a></div>
  686.  
  687. <div id="desc2">{text:desc2}</div>
  688.  
  689.  
  690. </div></div>
  691.  
  692. <!-- here is where you'd add the extra sidebar. in context to the #sidebar3 tag
  693.  
  694. <div id="sidebar3">
  695. <div id="sidebarimage3"></div></div>
  696. picture is optional
  697. -->
  698.  
  699. <div id="entries">
  700. <div class = "autopagerize_page_element" >{block:Posts}<div id="post">
  701.  
  702. {block:ContentSource}
  703. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  704. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  705. {/block:SourceLogo}
  706. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  707. {/block:ContentSource}
  708.  
  709. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  710.  
  711. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  712.  
  713. {block:Photoset}
  714. {Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  715.  
  716.  
  717. {block:Quote}
  718.  
  719.  
  720. <div id="quotes">“{Quote}”</div>
  721. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  722. {/block:Quote}
  723.  
  724. {block:Link}<a href="{URL}"><h2>{Name} &rarr;</h2></a>
  725. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  726.  
  727. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  728.  
  729. {block:Audio}
  730. <div id="audio">
  731. <div class="artcover"><img src="http://static.tumblr.com/liul60i/IcMmdl9id/nmusic2.png"></div>{block:AlbumArt}<div class="artcover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  732. <div class="player">
  733. <div class="musicplayer">{AudioPlayerWhite}</div></div>
  734. <div class="audioinformation">
  735. {block:TrackName}<span class="titoloc"><b>♫</b> {TrackName} </span>{/block:TrackName}
  736. <div style="font-size:8px; margin-top:5px;">
  737. {block:Artist}{Artist}{/block:Artist}{block:Album} - {Album}{/block:Album} ({FormattedPlayCount})
  738. </div></div></div><br><br>{block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  739.  
  740.  
  741. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  742.  
  743.  
  744.  
  745. {block:Answer}
  746. <div class="question">
  747. {Question}
  748. </div>
  749.  
  750. <div id="triangle">
  751. &#9660;
  752. </div>
  753. <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
  754. <div class="copy">{Answer}</div>
  755. {/block:Answer}
  756.  
  757. {block:Date}
  758.  
  759. {block:IndexPage}<div id="postinfo"><a href="{Permalink}">PERMALINK</a><a href="{Permalink}"> &nbsp;&nbsp;&nbsp;&nbsp;{NoteCountWithLabel}</a><span style="float:right;"><a href="{ReblogURL}" title="reblog!" target="_blank" class="details">Reblog</a></span> {/block:IndexPage}
  760.  
  761. {block:PermalinkPage}<div id="postinfo"><a href="{Permalink}">{TimeAgo} with {NoteCountWithLabel}</a>
  762. <br><br>
  763. {block:RebloggedFrom}<b>Via:</b> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>&nbsp; <b>Source:</b> <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a> {/block:RebloggedFrom}
  764. {/block:PermalinkPage}
  765.  
  766. <br></div>{/block:Date}
  767. {block:HasTags}
  768. <div class="tags"><b>Tagged As:</b>
  769. {block:Tags} <a href="{TagURL}">#{Tag}</a>&nbsp; {/block:Tags}
  770. </div>
  771. {/block:HasTags}
  772. <div class="note"><P><P>
  773. {block:PostNotes}{PostNotes}{/block:PostNotes}
  774.  
  775. </div>
  776. </div>
  777. {/block:Posts}
  778.  
  779. </div>
  780. <div id="al"><a href="http://lucas5sos.tumblr.com/"title="credit to aconi! 5sos-official! no copyright intended."><i class="fa fa-copyright icon"></i></i></a></div>
  781.  
  782. </div>
  783. </div>
  784. </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!