Untitled

SUBMITTED BY: Guest

DATE: June 15, 2013, 4:40 p.m.

FORMAT: Text only

SIZE: 20.2 kB

Raw Download

HITS: 31994

Report
  3. <!DOCTYPE html>
  4. <html lang="en">
  6. <!--
  8. PLEASE DO NOT REMOVE THIS.
  9. IF YOU REMOVE CREDIT, MAKE SURE IT'S ON A CREDITS PAGE.
  11. THEME NAMED STATIC WEBPAGE
  12. MADE BY EMYLOPES91
  14. -->
  17. <head>
  18. <meta charset="utf-8" />
  19. <title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}" />
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  22. <meta name="description" content="{MetaDescription}" />
  25. <!-- FONTS -->
  26. <link href='http://fonts.googleapis.com/css?family=Raleway:700,500,300' rel='stylesheet' type='text/css'>
  27. <link href='http://fonts.googleapis.com/css?family=Economica:400,700,400italic,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  28. <link href='http://fonts.googleapis.com/css?family=Advent+Pro:400,700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  29. <link href='http://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'>
  30. <link href='http://fonts.googleapis.com/css?family=Mr+Dafoe&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  33. <!-- DEFAULT VARIABLES -->
  35. <meta name="image:background" content=""/>
  37. <meta name="color:background" content="#faf5f5"/>
  38. <meta name="color:textbody" content="#424242"/>
  39. <meta name="color:texttitle" content="#424242"/>
  40. <meta name="color:description" content="#000000"/>
  41. <meta name="color:textnavbar" content="#000000"/>
  42. <meta name="color:texth1" content="#424242"/>
  43. <meta name="color:postinfo" content="#000000"/>
  44. <meta name="color:borderpage" content="#424242"/>
  45. <meta name="color:bgpost" content="#ddd7d7"/>
  47. <meta name="image:slide1" content=""/>
  48. <meta name="image:slide2" content=""/>
  49. <meta name="image:slide3" content=""/>
  50. <meta name="image:slide4" content=""/>
  51. <meta name="image:slide5" content=""/>
  53. <meta name="image:circle1" content=""/>
  54. <meta name="image:circle2" content=""/>
  55. <meta name="image:circle3" content=""/>
  56. <meta name="image:circle4" content=""/>
  58. <meta name="text:archivename" content="Read all the news archive >>"/>
  59. <meta name="text:titledescription" content="About Us"/>
  60. <meta name="text:titlesociallinks" content="Follow Us"/>
  61. <meta name="text:titlenews" content="Latest News"/>
  65. <!-- SOCIAL NAVBAR -->
  66. <meta name="text:social link twitter" content=""/>
  67. <meta name="text:social link facebook" content=""/>
  68. <meta name="text:social link youtube" content=""/>
  71. </head>
  72. <style type="text/css">
  76. body {
  77. margin-left: 0px;
  78. text-decoration: none;
  79. background-image: url("{image:background}");
  80. background-size: 100%;
  81. background-repeat: no-repeat;
  82. background-attachment: fixed;
  83. background-color: {color:Background};
  84. font-family: 'Raleway', sans-serif;
  85. color: {color:textbody};
  86. font-size: 15px;
  87. text-align: justify;
  88. }
  91. /* __________________________________________FIRST PAGE */
  93. /* SLIDER */
  95. #slider {
  96. width: 1500px;
  97. height: 600px;
  98. position: relative;
  99. border: 2px solid {color:borderpage};
  100. background-color: {color:bgpost};
  101. margin-left: 30px;
  102. margin-top: 20px;
  103. }
  106. /* TITLE / DESCRIPTION / CIRCLES */
  108. #firstpart {
  109. position: relative;
  110. text-align: center;
  111. margin-left: 30px;
  112. top: 20px;
  113. width: 1500px;
  114. font-family: 'Raleway', sans-serif;
  115. font-size: 30px;
  116. text-transform: uppercase;
  117. color: {color:textnavbar};
  118. }
  121. /* TITLE */
  122. #title {
  123. width : 1500px;
  124. font-family: 'Raleway', sans-serif;
  125. text-decoration: none;
  126. font-size: 50px;
  127. text-align: center;
  128. padding-bottom: 20px;
  129. color: {color:texttitle};
  130. }
  133. #title a {
  134. font-family: 'Raleway', sans-serif;
  135. text-decoration: none;
  136. color: {color:texttitle};
  137. }
  139. /* DESCRIPTION */
  140. #description {
  141. width: 380px;
  142. text-align: justify;
  143. font-family: 'Economica', sans-serif;
  144. color: {color:description};
  145. font-size: 10px;
  146. font-style: italic;
  147. }
  149. #description a {
  150. color: {color:description};
  151. text-transform: uppercase;
  152. }
  154. #socialnavbar {
  155. position: relative;
  156. text-align: right;
  157. top: 10px;
  158. width: 380px;
  159. }
  161. /* CIRCLES */
  163. .circular1 {
  164. top: 100px;
  165. margin-left: 450px;
  166. position: absolute;
  167. width: 600px;
  168. height: 600px;
  169. border-radius: 300px;
  170. -webkit-border-radius: 300px;
  171. -moz-border-radius: 300px;
  172. background: url("{image:circle1}") no-repeat;
  173. border: 2px solid {color:borderpage};
  174. }
  176. .circular2 {
  177. top: 70px;
  178. margin-left: 400px;
  179. position: absolute;
  180. width: 300px;
  181. height: 300px;
  182. border-radius: 150px;
  183. -webkit-border-radius: 150px;
  184. -moz-border-radius: 150px;
  185. background: url("{image:circle2}") no-repeat;
  186. border: 2px solid {color:borderpage};
  187. }
  189. .circular3 {
  190. top: 480px;
  191. margin-left: 900px;
  192. position: absolute;
  193. width: 300px;
  194. height: 300px;
  195. border-radius: 150px;
  196. -webkit-border-radius: 150px;
  197. -moz-border-radius: 150px;
  198. background: url("{image:circle3}") no-repeat;
  199. border: 2px solid {color:borderpage};
  200. }
  203. .circular4 {
  204. top: 450px;
  205. margin-left: 400px;
  206. position: absolute;
  207. width: 300px;
  208. height: 300px;
  209. border-radius: 150px;
  210. -webkit-border-radius: 150px;
  211. -moz-border-radius: 150px;
  212. background: url("{image:circle4}") no-repeat;
  213. border: 2px solid {color:borderpage};
  214. }
  218. /* ________________________________________________RIGHT SIDEBAR */
  220. /* NAVIGATION MENU */
  222. #navbar {
  223. position: relative;
  224. top: 30px;
  225. margin-left: 350px;
  226. width: 200px;
  227. font-family: 'Raleway', sans-serif;
  228. color: {color:textnavbar};
  229. font-size: 12px;
  230. text-align: right;
  231. text-transform: uppercase;
  232. font-weight: bold;
  233. }
  235. #navbar a {
  236. color: {color:textnavbar};
  237. }
  239. #navbar a:hover {
  240. color: {color:textnavbar};
  241. background-color: {color:bgpost};
  242. }
  248. /* ________________________________________________BODY POSTS PAGE */
  250. /* BODY POSTS PAGES */
  251. #bodypage {
  252. overflow: auto;
  253. position: absolute;
  254. text-decoration: none;
  255. width: 450px;
  256. height: 550px;
  257. margin-left: 1050px;
  258. top: 790px;
  259. padding: 10px;
  260. font-size: 11px;
  261. color: {color:textbody};
  262. }
  264. /* PADDING POSTS */
  265. #paddingpost {
  266. padding-top: 10px;
  267. padding-bottom: 5px;
  268. }
  270. /* POSTS */
  271. .posts {
  272. background-color: {color:bgpost};
  273. padding: 15px;
  274. border: 2px solid {color:borderpage};
  275. }
  277. /* POSTS INFO */
  278. #info {
  279. font-family: 'Raleway', sans-serif;
  280. text-align: right;
  281. color: {color:postinfo};
  282. font-size: 7px;
  283. text-transform: uppercase;
  284. }
  286. #info a {
  287. font-family: 'Raleway', sans-serif;
  288. color: {color:postinfo};
  289. font-weight: bold;
  290. }
  295. /* ________________________________________________CSS TEXT STYLE */
  297. .categorytitle {
  298. font-family: 'Mr Dafoe', cursive;
  299. font-size: 48px;
  300. text-transform: lowercase;
  301. font-weight: normal;
  302. }
  304. .categorytitle a {
  305. font-family: 'Mr Dafoe', cursive;
  306. font-size: 40px;
  307. text-transform: lowercase;
  308. font-weight: normal;
  309. color: {color:textbody};
  310. }
  312. .categorytitlenews {
  313. position: absolute;
  314. width: 450px;
  315. top: 740px;
  316. margin-left: 1050px;
  317. font-family: 'Mr Dafoe', cursive;
  318. font-size: 48px;
  319. text-transform: lowercase;
  320. font-weight: normal;
  321. text-align: right;
  322. }
  324. .text {
  325. font-size: 15px;
  326. font-weight: bold;
  327. }
  329. .text h1 {
  330. text-decoration: none;
  331. color: {color:texth1};
  332. text-transform: uppercase;
  333. }
  335. .text h1 i, em, a {
  336. text-decoration: none;
  337. color: {color:texth1};
  338. text-transform: uppercase;
  339. font-weight: bold;
  340. }
  342. .text h1 b, strong {
  343. text-decoration: none;
  344. color: {color:texth1};
  345. text-transform: uppercase;
  346. }
  348. .audio {
  349. height: 180px;
  350. }
  352. .audioart {
  353. text-align: left;
  354. }
  356. .audioinfo {
  357. text-align: left;
  358. margin-left: 200px;
  359. margin-top: -170px;
  360. }
  362. .ask {
  363. font-size: 12px;
  364. }
  366. .question {
  367. font-family: 'Raleway', sans-serif;
  368. font-size: 15px;
  369. text-transform: uppercase;
  370. border-bottom: 1px solid #999999;
  371. padding-left: 25px;
  372. padding-bottom: 5px;
  373. font-weight: bold;
  374. }
  376. .answer {
  377. font-family: 'Special Elite', cursive;
  378. font-size: 13px;
  379. padding-left: 10px;
  380. margin-left: 30px;
  381. border-left: 1px solid #999999;
  382. }
  387. /* ____________________________________________________PAGINATION */
  389. .pagination {
  390. position: absolute;
  391. top: 1370px;
  392. margin-left: 1050px;
  393. width: 450px;
  394. text-align: right;
  395. font-size: 15px;
  397. }
  400. /* ________________________________________________________NOTES */
  402. ol.notes {
  403. padding: 0px;
  404. font-size: 8px;
  405. margin: 25px 0px;
  406. list-style-type: none;
  407. border-bottom: solid 1px #ccc;
  408. }
  410. ol.notes li.note {
  411. border-top: solid 1px #ccc;
  412. padding: 10px;
  413. }
  415. ol.notes li.note img.avatar {
  416. vertical-align: -4px;
  417. margin-right: 10px;
  418. width: 16px;
  419. height: 16px;
  420. }
  422. ol.notes li.note span.action {
  423. font-weight: bold;
  424. }
  426. ol.notes li.note .answer_content {
  427. font-weight: normal;
  428. }
  430. ol.notes li.note blockquote {
  431. border-color: #eee;
  432. padding: 4px 10px;
  433. margin: 10px 0px 0px 25px;
  434. }
  436. ol.notes li.note blockquote a {
  437. text-decoration: none;
  438. }
  443. {CustomCSS}
  444. </style>
  445. <body>
  447. <!-- SLIDER -->
  449. <div id="slider">
  450. <script type="text/javascript" src="http://static.tumblr.com/r13rflu/MaHmcjgyo/emylopes91slidershow.js"></script>
  451. <script type="text/javascript">
  452. var mygallery=new fadeSlideShow({
  453. wrapperid: "fadeshow2",
  454. dimensions: [1500, 600],
  455. imagearray: [
  456. ["{image:slide1}"],
  457. ["{image:slide2}"],
  458. ["{image:slide3}"],
  459. ["{image:slide4}"],
  460. ["{image:slide5}"]// <--no trailing comma after very last image element!
  461. ],
  462. displaymode: {type:'auto', pause:1000, cycles:0, wraparound:false},
  463. persist: false, //remember last viewed slide and recall within same session?
  464. fadeduration: 2000, //transition duration (milliseconds)
  465. descreveal: "ondemand",
  466. togglerid: ""
  467. })
  468. </script><div id="fadeshow2">
  469. </div>
  470. </div>
  472. <div id="firstpart">
  474. <!-- TITLE -->
  476. <div id="title">
  477. <a href="/">{Title}</a>
  478. </div>
  480. <!-- DESCRIPTION -->
  482. <div id="description">
  483. <div class="categorytitle">{text:titledescription}</div>
  485. {description}
  486. </div>
  488. <!-- SOCIAL NAVBAR OPTIONS -->
  490. <div id="socialnavbar">
  491. <div class="categorytitle">{text:titlesociallinks}</div>
  492. <a href="{text:social link twitter}"><img src="http://static.tumblr.com/oemof2g/inDmdwavo/twitter.png" alt="" /> </a>
  493. <a href="{text:social link facebook}"><img src="http://static.tumblr.com/oemof2g/kn8mdwawh/facebook.png" alt="" /> </a>
  494. <a href="{text:social link youtube}"><img src="http://static.tumblr.com/oemof2g/qyNmdwax3/youtube.png" alt="" /> </a>
  495. <a href="/rss"><img src="http://static.tumblr.com/oemof2g/iXNmdwazd/rss.png" alt="" /> </a>
  496. <div class="categorytitle">
  497. {block:HasPages}
  498. {block:Pages}<a href="{URL}">{Label}</a> - {/block:Pages}
  499. {/block:HasPages}
  500. {block:AskEnabled}<a href="/ask">{AskLabel}</a> - {/block:AskEnabled}
  501. {block:SubmissionsEnabled}<a href="/submit" title="{SubmitLabel}">{SubmitLabel}</a> {/block:SubmissionsEnabled}
  502. </div>
  503. </div>
  505. <!-- CIRCLES -->
  506. <div class="circular1"></div>
  507. <div class="circular2"></div>
  508. <div class="circular3"></div>
  509. <div class="circular4"></div>
  514. </div>
  518. </div>
  521. <!-- NAVIGATION PAGES - ARCHIVE -->
  523. <div class="pagination">
  524. <a href="/archive" class="_blank">{text:archivename}</a>
  525. </div>
  527. </div>
  533. <!-- POSTS -->
  535. <div class="categorytitlenews">{text:titlenews}</div>
  538. <div id="bodypage">
  541. {block:Posts}
  543. <div id="paddingpost">
  545. <!-- BLOCK TEXT -->
  546. {block:Title}
  547. <div class="posts">
  548. <div class="text h1"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  549. {block:Text}{Body}
  550. </div>
  551. {/block:Text}
  553. <!-- BLOCK PHOTO -->
  554. {block:Photo}
  555. <div class="posts">
  556. {LinkOpenTag}<center><a href="{PhotoURL-HighRes}"><img src="{PhotoURL-400}" alt="{PhotoAlt}"/></a></center>{LinkCloseTag}
  557. {block:Caption}{Caption}{/block:Caption}
  558. </div>
  559. {/block:Photo}
  561. <!-- BLOCK PHOTOSET -->
  562. {block:Photoset}
  563. <div class="posts">
  564. <center>{Photoset-400}</center>
  565. {block:Caption}{Caption}{/block:Caption}
  566. </div>
  567. {/block:Photoset}
  569. <!-- BLOCK AUDIO -->
  570. {block:Audio}
  571. <div class="posts">
  572. <div class="audio">
  573. <div class="audioart">{block:AlbumArt}<img src="{AlbumArtURL}" width="180px"><br>{/block:AlbumArt}</div>
  574. <div class="audioinfo">
  575. {AudioPlayerGrey}<br>
  576. {block:TrackName}<b>Track Title:</b> {TrackName}<br>{/block:TrackName}
  577. {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  578. {block:Album}<b>Album:</b> {Album}<br>{/block:Album}
  579. <b>Play Counter:</b> {FormattedPlayCount}
  580. {block:Caption}{Caption}{/block:Caption}</div>
  581. </div>
  582. </div>
  583. {/block:Audio}
  586. <!-- BLOCK VIDEO -->
  587. {block:Video}
  588. <div class="posts">
  589. <center>{Video-400}
  590. {block:Caption}{Caption}{/block:Caption}</center>
  591. </div>
  592. {/block:Video}
  594. <!-- BLOCK LINK -->
  595. {block:Link}
  596. <div class="posts">
  597. <a href="{URL}" class="link" {Target}>{Name} > </a>
  598. {block:Description}{Description}{/block:Description}
  599. </div>
  600. {/block:Link}
  602. <!-- BLOCK QUOTE -->
  603. {block:Quote}
  604. <div class="posts">
  605. <div class="quote">"{Quote}"</div>
  606. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  607. </div>
  608. {/block:Quote}
  610. <!-- BLOCK CHAT -->
  611. {block:Chat}
  612. <div class="posts">
  613. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
  614. </div>
  615. {/block:Chat}
  617. <!-- BLOCK ASK OPTION -->
  618. {block:Answer}
  619. <div class="posts">
  620. <div class="ask">
  621. <img src="{AskerPortraitURL-16}" border="2px solid #999999"> {Asker} asked: <div class="question">"{Question}"</div>
  622. <div class="answer">{Answer}</div>
  623. </div></div>
  624. {/block:Answer}
  626. <!-- BLOCK INFOS POST -->
  628. {block:Date}
  629. <div id="info">
  630. Posted on <a href="{Permalink}">{DayOfMonth} {Month} {Year}</a>{/block:Date} {block:NoteCount}- <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  631. {block:ContentSource} - Source : <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  632. {block:HasTags} - Tags : {block:Tags}#<a href="{TagURL}">{Tag}</a>
  633. {/block:Tags}{/block:HasTags}
  635. </div>
  636. {/block:posts}
  638. {block:PostNotes}
  639. {PostNotes}
  640. {/block:PostNotes}
  642. </div>
  647. </body>
  649. </html>
comments powered by Disqus