Advertisement
Amanduhh7

Theme 002

Jun 10th, 2016
208
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.08 KB | None | 0 0
  1. <html>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. <meta name="description" content="" />
  7. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  8.  
  9.  
  10. <!--DO NOT REMOVE CREDIT IN THEME-->
  11. <!--CREDIT TO SLAPDASHTHEMES-->
  12. <!--DO NOT REMOVE CREDIT IN THEME-->
  13.  
  14. <!--DO NOT USE AS BASE CODE-->
  15.  
  16.  
  17. <meta name="color:titlebox" content="#6aaf9c"/>
  18.  
  19. <meta name="color:postlink" content="#6aaf9c"/>
  20. <meta name="color:tags" content="#6aaf9c"/>
  21. <meta name="color:navigation hover" content="#eaeaea"/>
  22. <meta name="color:navigation" content="#6aaf9c"/>
  23.  
  24. <meta name="image:sidebar" content=""/>
  25. <meta name="image:header" contnet=""/>
  26.  
  27. <meta name="text:link one URL" content=""/>
  28. <meta name="text:link one title" content="link"/>
  29. <meta name="text:link two URL" content=""/>
  30. <meta name="text:link two title" content="link"/>
  31. <meta name="text:link three URL" content=""/>
  32. <meta name="text:link three title" content="link"/>
  33. <meta name="text:link four URL" content=""/>
  34. <meta name="text:link four title" content="link"/>
  35.  
  36. <meta name="text: link five URL" content=""/>
  37. <meta name="text: link five title" content="custom link"/>
  38. <meta name="text: link six URL" content=""/>
  39. <meta name="text: link six title" content="custom link"/>
  40. <meta name="text: link seven URL" content=""/>
  41. <meta name="text: link seven title" content="custom link"/>
  42. <meta name="text: link eight URL" content=""/>
  43. <meta name="text: link eight title" content="custom link"/>
  44.  
  45. <link href='https://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
  46.  
  47. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  48.  
  49. <style type="text/css">
  50.  
  51. /*CSS GOES HERE*/
  52.  
  53. /*GOBAL*/
  54.  
  55. #body{
  56. background-color:#fff;
  57. color:#555;
  58. font-size:11px;
  59. font-family:Arial, Calibri, sans-serif;
  60. overflow-y:scroll;
  61. }
  62.  
  63. a{
  64. text-decoration:none;
  65. -moz-transition-duration:0.5s;
  66. -o-transition-duration:0.5s;
  67. -webkit-transition-duration:0.5s;
  68. transition-duration:0.5s;
  69. }
  70.  
  71. a:hover{
  72. -moz-transition-duration:0.5s;
  73. -o-transition-duration:0.5s;
  74. -webkit-transition-duration:0.5s;
  75. transition-duration:0.5s;
  76. }
  77.  
  78. .container{
  79. width:1000px;
  80. margin:auto;
  81. }
  82.  
  83. .header_nav_con{
  84. width:1000px;
  85. height:auto;
  86. }
  87.  
  88. .header{
  89. position:absolute;
  90. width:900px;
  91. height:300px;
  92. margin-left:auto;
  93. margin-right:auto;
  94. background-color:#eaeaea;
  95. }
  96.  
  97.  
  98. .header img{
  99. width:900px;
  100. height:300px;
  101. }
  102.  
  103. .navigation{
  104. position:relative;
  105. width:900px;
  106. height:30px;
  107. border-bottom:1px solid #eaeaea;
  108. top:305px;
  109. }
  110.  
  111. .navigation ul{
  112. list-style-type:none;
  113. }
  114.  
  115. .navigation ul li{
  116. display:inline-block;
  117. padding:2px;
  118. line-height:170%;
  119. width:100px;
  120. }
  121.  
  122. .navigation ul li a{
  123. color:{color:navigation};
  124. font-size:12px;
  125. font-family: 'Montserrat', sans-serif;
  126. }
  127.  
  128. .navigation ul li a:hover{
  129. color:#eaeaea;
  130. }
  131.  
  132. .titlebox{
  133. width:300px;
  134. padding-top:4px;
  135. padding-bottom:4px;
  136. margin-top:0px;
  137. margin-bottom:px;
  138. text-align:center;
  139. color:{color:titlebox};
  140. text-transform:uppercase;
  141. font-family: 'Montserrat', sans-serif;
  142. border-bottom:1px solid #eaeaea;
  143. }
  144.  
  145. .sidebar{
  146. position:absolute;
  147. width:300px;
  148. height:auto;
  149. margin-top:320px;
  150. margin-left:;
  151. padding-bottom:10px;
  152. float:left;
  153. }
  154.  
  155. .sidebar a{
  156. color:#6aaf9c;
  157. }
  158.  
  159. .titlebox a{
  160. color:{color:titlebox};
  161. }
  162.  
  163. .sidebar img{
  164. width:300px;
  165. }
  166.  
  167. .description{
  168. font-size:12px;
  169. padding-top:5px;
  170. padding-left:5px;
  171. padding-bottom:5px;
  172. padding-right:5px;
  173. color:#bfbfbf;
  174. text-align:justify;
  175. word-wrap:break-word;
  176. border-bottom:1px solid #eaeaea;
  177. font-family: 'Montserrat', sans-serif;
  178. }
  179.  
  180. .side_nav{
  181. width:300px;
  182. }
  183.  
  184. .side_nav ul{
  185. list-style-type:none;
  186. }
  187.  
  188. .side_nav ul li{
  189. width:px;
  190. border-bottom:1px solid #eaeaea;
  191. margin-left:-40px;
  192. padding:2px;
  193. text-align:right;
  194. }
  195.  
  196. .side_nav ul li a{
  197. color:#6aaf9c;
  198. font-size:12px;
  199. font-family: 'Montserrat', sans-serif;
  200. }
  201.  
  202. .side_nav ul li a:hover{
  203. color:#eaeaea;
  204. }
  205.  
  206. .sidebar p{
  207. font-size:12px;
  208. font-family: 'Montserrat', sans-serif;
  209. color:#bfbfbf;
  210. padding:5px;
  211. }
  212.  
  213. .sidebar p span{
  214. color:#f58f8d;
  215. }
  216.  
  217. .clear:{
  218. height:50px;
  219. }
  220.  
  221. .project_sec{
  222. width:290px;
  223. border:1px solid #bfbfbf;
  224. padding:5px;
  225. }
  226.  
  227. .project_photo img{
  228. width:290px;
  229. }
  230.  
  231.  
  232. .project_info{
  233. width:300px;
  234. padding-top:5px;
  235. font-family: 'Montserrat', sans-serif;
  236. border-bottom:1px solid #eaeaea;
  237. font-size:12px;
  238. }
  239.  
  240. .project_info span{
  241. font-weight:normal;
  242. font-family: 'Fjalla One', sans-serif;
  243. font-size:14px;
  244. text-transform:uppercase;
  245. padding-right:10px;
  246. }
  247.  
  248. .postscon{
  249. position:absolute;
  250. width:600px;
  251. margin-top:320px;
  252. margin-left:378px;
  253. }
  254.  
  255. .posts{
  256. width:500px;
  257. margin-bottom:10px;
  258. padding:10px;
  259. border:1px solid #eaeaea;
  260. }
  261.  
  262. h1{
  263. text-align:center;
  264. text-transform:uppercase;
  265. font-family: 'Fjalla One', sans-serif;
  266. font-size:20px;
  267. color:#bfbfbf;
  268. }
  269.  
  270. .posts li{
  271. list-style:disc;
  272. color{color:postlink};
  273. }
  274.  
  275. .posts blockquote{
  276. border-left:1px solid #555;
  277. padding-left:10px;
  278. }
  279.  
  280. .posts p{
  281. font-size:14px;
  282. font-family: 'Montserrat', sans-serif;
  283. font-weight:normal;
  284. color:#bfbfbf;
  285. }
  286.  
  287. .posts p a{
  288. color:{color:postlink};
  289. }
  290.  
  291. .question{
  292. font-weight:bold;
  293. border-bottom:1px solid #ccc;
  294. padding-bottom:5px;
  295. text-align:center;
  296. }
  297.  
  298. .answer{
  299. text-align:left;
  300. }
  301.  
  302. h2{
  303. text-align:center;
  304. font-family: 'Fjalla One', sans-serif;
  305. font-size:17px;
  306. font-weight:normal;
  307. }
  308.  
  309. .source{
  310. text-align:center;
  311. font-style:italic;
  312. font-family: 'Fjalla One', sans-serif;
  313. font-size:12px;
  314. }
  315.  
  316. .chat{
  317. list-style:none;
  318. line-height:120%;
  319. font-size:15px;
  320. }
  321.  
  322. .line{
  323. border-bottom:1px solid #ddd;
  324. padding-bottom:3px;
  325. font-family: 'Montserrat', sans-serif;
  326. }
  327.  
  328. .label{
  329. text-transform:uppercase;
  330. padding-right:5px;
  331. font-weight:bold;
  332. font-family: 'Fjalla One', sans-serif;
  333. font-size:12px;
  334. }
  335.  
  336. .linkpost_link a{
  337. font-family: 'Fjalla One', sans-serif;
  338. color:#f58f8d;
  339. }
  340.  
  341. #info{
  342. width:500px;
  343. background-color:#efefef;
  344. text-align:center;
  345. line-height:200%;
  346. font-size:12px;
  347. }
  348.  
  349. #info a{
  350. text-decoration:none;
  351. color:#000000;
  352. font-size:12px;
  353. font-family: 'Montserrat', sans-serif;
  354.  
  355. }
  356.  
  357. .date{
  358. float:left;
  359. }
  360. .date a{
  361. text-decoration:none;
  362. color:black;
  363. font-size:9px;
  364. }
  365.  
  366. .reblog{
  367. float:right;
  368. font-size:9px;
  369. }
  370.  
  371. .tpages {
  372. width:600px;
  373. border:1px solid;
  374. border-color:{color:post borders};
  375. padding:0px;
  376. margin-top:75px;
  377. margin-bottom:-35px;
  378. font-family: 'Montserrat', sans-serif;
  379. letter-spacing:1px;
  380. word-spacing:1px;
  381. text-align:center;
  382. font-size:10px;
  383. font-weight:bold;
  384. text-transform:lowercase;
  385. color:{color:text};
  386. background:{color:post bg};
  387. word-wrap: break-word;
  388. }
  389.  
  390.  
  391. #tags {
  392. width:600px;
  393. word-wrap:break-word;
  394. font-family: 'Montserrat', sans-serif;
  395. text-transform:lowercase;
  396. text-align:left;
  397. font-size:10px;
  398. line-height:22px;
  399. letter-spacing:1px;
  400. padding-top:7px;
  401. color:{color:tags};
  402. -webkit-transition: opacity 0.5s linear;
  403. -webkit-transition: all 0.5s ease-in-out;
  404. -moz-transition: all 0.5s ease-in-out;
  405. -o-transition: all 0.5s ease-in-out;
  406. }
  407.  
  408.  
  409. #tags a{
  410. color:{color:tags};}
  411.  
  412. #tags a:hover{
  413. color:{color:tags};}
  414.  
  415.  
  416.  
  417.  
  418.  
  419.  
  420.  
  421. #paginacaoml {font-family: calibri;font-size: 11px; font-weight: bold;}
  422.  
  423. #paginacaoml a {background: #eee;margin: 1px; padding: 4px 10px; color: #6aaf9c; text-decoration: none;}
  424.  
  425. #paginacaoml a:hover {background: #fff; border: none;color:#000;text-decoration: none;}
  426.  
  427. #paginacaoml span.pagina_atual {background: #fff;margin: 1px; padding: 4px 10px; color: #666; text-decoration: none; }
  428.  
  429. #paginacaoml span.info { margin: 1px; padding: 4px 8px; color: #777; text-decoration: none;}
  430.  
  431. #pagi{
  432. background-color: #eaeaea;
  433. width:515px;
  434. height:30px;
  435. bottom:0;
  436. left:832px;
  437. position:fixed;
  438. padding:3px;
  439. opacity: 0.7;
  440. z-index:9999;
  441. text-align:center;
  442. }
  443.  
  444. {block:Permalink}#pagi{
  445. display:none;
  446. }{/block:Permalink}
  447.  
  448.  
  449. .pagi2{
  450. background-color: transparent;
  451. width:515px;
  452. height:30px;
  453. position:fixed;
  454. bottom:-8px;
  455. left:832px;
  456. padding:3px;
  457. opacity: 0.8;
  458. z-index:9999;
  459. text-align:center;
  460. }
  461.  
  462. {block:Permalink}
  463. .pagi2{
  464. display:none;
  465. }
  466. {/block:Permalink}
  467.  
  468. .pagi2:hover .des{
  469. opacity: 1;
  470. -webkit-transition: opacity 0.5s linear;
  471. -webkit-transition: all 0.5s linear;
  472. -moz-transition: all 0.5s linear;
  473. transition: all 0.5s linear;
  474. }
  475.  
  476. ol.notes {
  477. padding: 0px;
  478. margin: 0px 0px;
  479. list-style-type: none;
  480. width:500px;
  481. font-family:'Roboto', sans-serif;
  482. font-size:12px;
  483. color:#000000;
  484. }
  485.  
  486. ol.notes li.note {
  487. border-bottom: solid 1px #ccc;
  488. padding:0px;
  489. margin-bottom:2px;
  490. display:block;
  491. width:500px;
  492. color:#000000;
  493. }
  494.  
  495. ol.notes li.note img.avatar {
  496. vertical-align: -4px;
  497. margin-right: 10px;
  498. width: 16px;
  499. height: 16px;
  500. }
  501.  
  502. ol.notes li.note span.action {
  503. font-weight: normal;
  504. color:#000000;
  505. font-size:12px;
  506. }
  507.  
  508. ol.notes li.note span.action a{
  509. color:#000000;
  510. }
  511.  
  512. ol.notes li.note .answer_content {
  513. font-weight: normal;
  514. }
  515.  
  516. ol.notes li.note blockquote {
  517. border-color: #eee;
  518. padding: 4px 10px;
  519. margin: 10px 0px 0px 25px;
  520. }
  521.  
  522. ol.notes li.note blockquote a {
  523. text-decoration: none;
  524. }
  525.  
  526. ol.notes .more_notes_link a{
  527. color:#000000;
  528. }
  529.  
  530. ol.notes a{
  531. color:#000000;
  532. }
  533.  
  534. </style>
  535. </head>
  536.  
  537. <body>
  538.  
  539. <!--HTML GOES HERE-->
  540.  
  541.  
  542.  
  543. <div class="container">
  544.  
  545.  
  546. <div class="header_nav_con">
  547. <!--BEGIN HEADER-->
  548. <div class="header"><img src="{image:header}"/></div>
  549.  
  550.  
  551. <div class="navigation">
  552. <ul>
  553. <li><a href="/">refresh</a></li>
  554. <li><a href="/ask">message</a></li>
  555. <li><a href="/submit">submit</a></li>
  556. <li><a href="{text: link one URL}">{text:link one title}</a></li>
  557. <li><a href="{text:link two URL}">{text:link two title}</a></li>
  558. <li><a href="{text:link three URL}">{text:link three title}</a></li>
  559. <li><a href="{text:link four URL}">{text:link four title}</a></li>
  560. <li><a href="http://www.slapdashthemes.tumblr.com">theme</a></li>
  561. </ul>
  562. </div><!--END NAVIGATION-->
  563. </div><!--end header-nav-con-->
  564.  
  565.  
  566. <div class="sidebar">
  567. <div class="titlebox"><a href="/">{Title}</a></div>
  568. <img src="{image:sidebar}"/>
  569.  
  570. <div class="description">{Description} </div>
  571.  
  572. <div class="side_nav">
  573. <ul>
  574. <li><a href="{text: link five URL}">{text: link five title}</a></li>
  575. <li><a href="{text: link six URL}">{text: link six title}</a></li>
  576. <li><a href="{text: link seven URL}">{text: link seven title}</a></li>
  577. <li><a href="{text: link eight URL}">{text: link seven title}</a></li>
  578. </ul>
  579. </div><!--end navigation-->
  580.  
  581.  
  582. <!--BEGIN PROJECT SECTION-->
  583. <div class="project_sec">
  584. <div class="project_photo"><img src="http://i98.photobucket.com/albums/l274/shell282/ts.png"/></div>
  585. <div class="project_info"><span>project title:</span>title</div>
  586. <div class="project_info"><span>release date:</span> month xx, xxxx</div>
  587. <div class="project_info"><span>status:</span>status</div>
  588. </div><!--END PROJECT SECTION-->
  589.  
  590. <br>
  591.  
  592. <!--BEGIN PROJECT SECTION-->
  593. <div class="project_sec">
  594. <div class="project_photo"><img src="http://i98.photobucket.com/albums/l274/shell282/tasw.jpg"/></div>
  595. <div class="project_info"><span>project title:</span>title</div>
  596. <div class="project_info"><span>release date:</span>month xx, xxxx</div>
  597. <div class="project_info"><span>status:</span>status</div>
  598. </div><!--END PROJECT SECTION-->
  599.  
  600. <br>
  601.  
  602. <!--BEGIN PROJECT SECTION-->
  603. <div class="project_sec">
  604. <div class="project_photo"><img src="http://i98.photobucket.com/albums/l274/shell282/tayswi.jpg"/></div>
  605. <div class="project_info"><span>project title:</span>title</div>
  606. <div class="project_info"><span>release date:</span>month xx, xxxx</div>
  607. <div class="project_info"><span>status:</span>status</div>
  608. </div><!--END PROJECT SECTION-->
  609.  
  610.  
  611.  
  612. <br>
  613. <div class="titlebox">Disclaimer</div>
  614. <div class="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque diam, finibus nec rhoncus id, rutrum et enim. In malesuada semper erat dictum efficitur. Nulla in metus vitae leo eleifend malesuada non et orci. </div>
  615.  
  616.  
  617. </div><!--end sidebar-->
  618.  
  619.  
  620.  
  621.  
  622.  
  623.  
  624.  
  625. <!--BEGIN POSTS-->
  626. <div class="postscon">
  627.  
  628. {block:TagPage}<div class="tpages"><i class="fa fa-tag"></i>&nbsp;Posts tagged <span style="color:{color:links}">#{Tag}</span></div>{/block:TagPage}
  629.  
  630. {block:Posts}
  631. <div class="posts">
  632.  
  633. {block:Text}
  634. {block:Title}<h1>{Title}</h1>{/block:Title}
  635. {Body}
  636. {/block:Text}
  637.  
  638. {block:Answer}
  639. <div class="question">{Asker} asked: {Question}</div>
  640. <div class="answer">{Answer}</div>
  641. {/block:Answer}
  642.  
  643. {block:Quote}
  644. <h2>{Quote}</h2>
  645. {block:Source}<div class="source">{Source}</div>{/block:Source}
  646. {/block:Quote}
  647.  
  648. {block:Link}
  649. <div class="linkpost_link"><a href="{URL}">{Name}</a></div>
  650. {block:Description}{Description}{/block:Description}
  651. {/block:Link}
  652.  
  653. {block:Chat}
  654. {block:Title}<h1>{Title}</h1>{/block:Title}
  655. <div class="chat">
  656. {block:Lines}<div class="line">{block:Label}<span class="label">{Label}</span>{/block:label}{Line}</div>{/block:Lines}</div>
  657. {/block:Chat}
  658.  
  659. {block:Photo}
  660. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkClostTag}
  661. {block:Caption}{Caption}{/block:Caption}
  662. {/block:Photo}
  663.  
  664. {block:Photoset}
  665. {Photoset-500}
  666. {block:Caption}{Caption}{/block:Caption}
  667. {/block:Photoset}
  668.  
  669. {block:Video}
  670. {Video-500}
  671. {block:Caption}{Caption}{/block:Caption}
  672. {/block:Video}
  673.  
  674.  
  675.  
  676. <div id="info"><div id="permalink">
  677. <a href="{Permalink}">
  678. {block:Date}{TimeAgo} |{/block:Date}
  679. {block:Date}{NoteCountWithLabel} |{/block:Date}
  680. {block:Date}<a href="{ReblogURL}">Reblog</a>{/block:Date}
  681. </a>
  682.  
  683. </div>
  684. </div><!--END POST FOOTER-->
  685.  
  686.  
  687. <div id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  688.  
  689. {block:PostNotes}{PostNotes}{/block:PostNotes}
  690.  
  691. </div>
  692. {/block:Posts}
  693. </div>
  694.  
  695.  
  696. <!--END POSTS-->
  697.  
  698. <div id="pagi"></div>
  699. <div class="pagi2"><center><div id="paginacaoml">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination} {block:JumpPagination length="10"} {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage} {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage} {/block:JumpPagination} {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination} </div></center></div>
  700.  
  701.  
  702. </div><!--END CONTAINER-->
  703.  
  704.  
  705.  
  706. </body>
  707. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement