Advertisement
boavistas

Theme II by sibunas (revamped)

Mar 29th, 2014
461
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 18.11 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4. <head>
  5.  
  6. <!------------------------------------------------------------------------
  7. © sibunas, 2012.
  8. Last updated on 2014.
  9. More themes by sibunas @ http://boavistas.tumblr.com
  10.  
  11. Do not redistribute or claim as your own ANY fraction of this coding.
  12. ------------------------------------------------------------------------->
  13.  
  14.     <meta name="color:background" content="#fff" />
  15.     <meta name="color:posts" content="#fefac8" />
  16.     <meta name="color:sidebar" content="#fefac8" />
  17.     <meta name="color:text" content="#CABDBD" />
  18.     <meta name="color:link" content="#7D6C86" />
  19.     <meta name="color:hover" content="#d3abb8" />
  20.     <meta name="color:permalink" content="#FCFCFC" />
  21.     <meta name="color:highlights" content="#e6dece" />
  22.    
  23.     <meta name="font:body" content="arial" />
  24.     <meta name="font:links" content="georgia" />
  25.    
  26.     <meta name="text:font size" content="9px" />
  27.     <meta name="text:line height" content="11px" />
  28.     <meta name="text:top margin of sidebar navigation" content="80" />
  29.  
  30.     <meta name="if:show captions" content="yes"/>
  31.     <meta name="if:show subtitle" content="yes"/>
  32.     <meta name="image:sidebar" content=""/>
  33.     <meta name="text:title" content="{Title}" />
  34.     <meta name="text:subtitle" content="when you leave me the bed is empty" />
  35.    
  36.     <meta name="text:link one" content="/" />
  37.     <meta name="text:link one title" content="link one" />
  38.     <meta name="text:link two" content="/" />
  39.     <meta name="text:link two title" content="link two" />
  40.     <meta name="text:link three" content="/" />
  41.     <meta name="text:link three title" content="link tres" />
  42.     <meta name="text:link four" content="/" />
  43.     <meta name="text:link four title" content="link four" />
  44.     <meta name="text:link five" content="/" />
  45.     <meta name="text:link five title" content="link five" />
  46.    
  47.  
  48.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  49.     <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  50.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  51.     <link rel="shortcut icon" href="{Favicon}" />
  52.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  53.    
  54.  
  55.  <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
  56.  
  57.  
  58.  
  59. <style type="text/css">
  60.  
  61. /* --------------------------- general css --------------------------- */
  62.  
  63. body {
  64.     color: {color:text};
  65.     background-color: {color:background};
  66.     font-family:{font:body};
  67.     font-size: {text:font size};
  68.     line-height: {text:line height};
  69.     text-align: justify;
  70. }
  71.  
  72. a:link, a:active, a:visited {
  73.     color: {color:link};
  74.     text-decoration:none;
  75.     -webkit-transition: all 0.5s ease-in-out;
  76.     -moz-transition: all 0.5s ease-in-out;
  77.     -o-transition: all 0.5s ease-in-out;
  78.     -ms-transition: all 0.5s ease-in-out;
  79.     transition: all 0.5s ease-in-out;
  80. }
  81.  
  82. a:hover {
  83.     color: {color:hover};
  84.     -webkit-transition: all 0.5s ease-in-out;
  85.     -moz-transition: all 0.5s ease-in-out;
  86.     -o-transition: all 0.5s ease-in-out;
  87.     -ms-transition: all 0.5s ease-in-out;
  88.     transition: all 0.5s ease-in-out;
  89. }
  90.  
  91. small {font-size: 90%;}
  92. blockquote {margin-left: 10px; border-left: 1px solid {color:highlights}; padding-left: 5px; width: 90%;}
  93. ul {list-style-type: square;}
  94.  
  95. h1{font-size: 16px; font-family: 'Lobster'; line-height: 20px;}
  96. h2{font-size: 18px; font-family: 'Lobster'; line-height: 22px;}
  97. h3{font-size:20px;font-style:bold;font-family:'Lobster';line-height:25px;}
  98. h4{font-size: 20px; font-style: italic; letter-spacing: 1px; font-family: trebuchet ms; margin-bottom: 0px;}
  99.  
  100.  
  101. /* ------------------------------- posts ------------------------------ */
  102.  
  103. #content {
  104.  float: left;
  105.  position: absolute;
  106.  width: 700px;
  107.  margin: 20px 20px 0 360px;
  108.  }
  109.  
  110. #entries {
  111.  width: 500px;
  112.  padding: 20px  20px 0 20px;
  113.  background-color: {color:posts};
  114.  margin-bottom: 30px;
  115.   }
  116.  
  117. /* ------------------------------ sidebar ----------------------------- */
  118.  
  119. #sidebar {
  120.  position: fixed;
  121.  width: 290px;
  122.  height: 110%;
  123.  padding: 20px;
  124.  background-color: {color:sidebar};
  125.  z-index: 20;
  126.  margin: -10px;
  127.  }
  128.  
  129. #sidebar img{
  130.     margin-top: 20px;
  131.     border: 10px solid {color:highlights};
  132.     width: 270px;
  133. }
  134.  
  135. #imagenes:hover #navigation {
  136. opacity: 1;
  137. width: 250px;
  138. -webkit-transition: all 0.5s ease-in-out;
  139. -moz-transition: all 0.5s ease-in-out;
  140. -o-transition: all 0.5s ease-in-out;
  141. -ms-transition: all 0.5s ease-in-out;
  142. transition: all 0.5s ease-in-out;
  143. }
  144.  
  145. #navigation {
  146. opacity: 0;
  147. position: fixed;
  148. width: 0px;
  149. font-family: trebuchet ms;
  150. text-transform: uppercase;
  151. font-family: 12px;
  152. margin: 0 auto;
  153. margin-top: {text:top margin of sidebar navigation}px;
  154. letter-spacing: 2px;
  155.  -webkit-transition: all 0.5s ease-in-out;
  156.  -moz-transition: all 0.5s ease-in-out;
  157.  -o-transition: all 0.5s ease-in-out;
  158.  -ms-transition: all 0.5s ease-in-out;
  159.  -transition: all 0.5s ease-in-out;
  160. }
  161.  
  162. #navigation ul{list-style: none;}
  163.  
  164. #navigation li{
  165.     text-align: center;
  166.     background-color: white;
  167.     opacity: 0.9;
  168.     margin-bottom: 1px;
  169.     padding: 20px 0px 20px 0px;
  170. }
  171.  
  172. #sobre {
  173. width: 260px;
  174. padding: 5px;
  175. letter-spacing: 1px;
  176. opacity: 0.4;
  177. font-size: 8px;
  178. text-align: right;
  179. text-transform: uppercase;
  180. margin-top: -35px;
  181. font-family: trebuchet ms;
  182. color: {color:highlights};
  183. }
  184.  
  185. .description {text-align: justify; margin-top: 20px;}
  186.  
  187. .pagination {
  188.  text-align: center;
  189.  font-family: arial;
  190.  font-size: 18px;
  191.  font-weight: bold;
  192.  font-style: italic;
  193.  padding-top: 20px;
  194.  }
  195.  
  196.  
  197. /* ---------------------------- sidebar 2 ----------------------------- */
  198.  
  199. #bubble {
  200. margin-top: 280px;
  201. background-color: transparent;
  202. color:{color:highlights};
  203. position: fixed;
  204. float: left;
  205. margin-left: 1130px;
  206. font-size:30px;
  207. z-index: 200;
  208. -webkit-transform: rotate(-110deg);
  209. -moz-transform: rotate(-110deg);
  210. -o-transform: rotate(-110deg);
  211. }
  212.  
  213. #lulus {
  214. margin-top: 150px;
  215. position: fixed;
  216. float: left;
  217. left: 980px;
  218. width: 200px;
  219. height: 143px;
  220. z-index: 150;
  221. }
  222.  
  223. #lulus a {font-family: trebuchet ms; letter-spacing: 3px; font-weight: bold; color: {color:link};}
  224. #lulus a:hover {letter-spacing:1px;text-shadow: 1px 1px 0px {color:posts}}
  225.  
  226. #lulus ul {list-style: none; margin-left: -36px; margin-top: 3px; width: 138px;}
  227. #lulus li {background-color: {color:highlights}; padding: 7px 5px 6px 20px; margin-bottom: 2px;}
  228.  
  229.  
  230. #home {
  231. margin-top: 153px;
  232. position: fixed;
  233. background-color: {color:highlights};
  234. float: left;
  235. left: 1124px;
  236. width: 15px;
  237. height: 53px;
  238. z-index: 150;
  239. padding: 20px;
  240. padding-top: 60px;
  241. border-top-right-radius: 15px;
  242. border-bottom-right-radius: 15px;
  243. }
  244.  
  245.  
  246. #blogtitle{
  247.  left: 995px;
  248.  float: left;
  249.  position: fixed;
  250.  width: 120px;
  251.  margin-top: 300px;
  252.  background-color: transparent;
  253.  text-transform: lowercase;
  254.  font-size: 15px;
  255.  line-height: 20px;
  256.  font-family: 'Lobster';
  257.  z-index: 300;
  258.  }
  259.  
  260. #subtitle{
  261.  left: 995px;
  262.  float: left;
  263.  position: fixed;
  264.  width: 200px;
  265.  top: 323px;
  266.  background-color: transparent;
  267.  text-transform: lowercase;
  268.  font-size: 10px;
  269.  line-height: 12px;
  270.  font-family: Georgia;
  271.  z-index: 300;
  272.  }
  273.  
  274.  
  275. /* ---------------------------- permalink ----------------------------- */
  276.  
  277. #permalink {
  278.  min-height: 13px;
  279.  width: 510px;
  280.  padding: 3px 15px 3px 15px;
  281.  background-color: {color:permalink};
  282.  margin-top: 20px;
  283.  margin-left: -20px;
  284.  font-size: 8px;
  285.  letter-spacing: 1px;
  286.  -webkit-transition: all 0.5s ease-out;
  287.  -moz-transition: all 0.5s ease-out;
  288.  transition: all 0.5s ease-out;
  289. color:{color:text};
  290. font-family: calibri;
  291. text-transform: uppercase;
  292.  }
  293.  
  294. .timeago {text-align: left;}
  295. .source {text-align: right; margin-top: -10px; margin-bottom: 10px;}
  296.  
  297. .tags {
  298.  margin-top: -20px;
  299.  display: block;
  300.  opacity: 0;
  301.  -webkit-transition: all 0.5s ease-out;
  302.  -moz-transition: all 0.5s ease-out;
  303.  transition: all 0.5s ease-out;
  304. }
  305.  
  306. #permalink:hover {
  307.  background-color: {color:highlights};
  308.  color: {color:posts};
  309. }
  310.  
  311. #permalink:hover .tags {
  312.  opacity: 1;
  313.  margin-top: -10px;
  314.  -webkit-transition: all 0.5s ease-out;
  315.  -moz-transition: all 0.5s ease-out;
  316.  transition: all 0.5s ease-out;
  317. }
  318.  
  319. #permalink:hover a {color:{color:posts};}
  320. #permalink a:hover {color: {color:posts}; opacity: 0.8; text-shadow: 1px 1px 0px {color:link}; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  321.  
  322.  
  323. #permas {
  324.     text-align: center;
  325.     font-family: calibri;
  326.     margin-top: 20px;
  327.     letter-spacing: 2px;
  328.     color: {color:posts};
  329.     background-color: {color:link};
  330.     padding: 10px;
  331.     height: auto;
  332.     margin-left: -20px;
  333.     width: 520px;
  334.     font-size: 8px;
  335.     -webkit-transition: all 0.5s ease-out;
  336.     -moz-transition: all 0.5s ease-out;
  337.     transition: all 0.5s ease-out;
  338.     text-transform: uppercase;
  339. }
  340.  
  341. #permas:hover {
  342.  background-color: {color:border};
  343.  -webkit-transition: opacity 0.6s linear;
  344.  -webkit-transition: all 0.5s ease-out;
  345.  -moz-transition: all 0.5s ease-out;
  346.  transition: all 0.5s ease-out;
  347.  }
  348.  
  349. #permas a {color:{color:posts}; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
  350.  
  351. #permas a:hover {-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; text-shadow: 1px 1px 0px {color:highlights};}
  352.  
  353. #notes {width: 500px;}
  354. #notes {list-style: none;}
  355. #notes li {padding-bottom:0.5em}
  356. #notes li img.avatar {vertical-align:-4px; margin-right:5px; width:10px;}
  357.  
  358.  
  359. /* --------------------------- extra divs ---------------------------- */
  360.  
  361. #qsource {font-size: 11px; letter-spacing: 1px; text-align: right; padding-right: 10px;}
  362.  
  363. #chat {background-color: #fff; border-left: 5px solid #dedddd; margin: 10px 10px 0 10px; ont-size: 14px;}
  364. .lines {margin-left: 1px;}
  365.  
  366. .line {background-color: {color:permalink}; color: {color:text}; margin-bottom: 1px; padding: 3px 5px;}
  367.                            
  368. .even {background-color: #dedddd;}
  369.  
  370. .musica {
  371.    position: relative;
  372.    width: 20px;
  373.    height: 30px;
  374.    overflow: hidden;
  375.    z-index: 500;
  376.    margin: 10px 19px 8px 11px;
  377. }
  378.  
  379.  
  380. #tod {height: 150px; width: 500px; position: relative;}
  381.    
  382. .inf {
  383.     margin-left: 150px;
  384.     padding-top: 20px;
  385.     font-family:calibri;
  386.     font-size: 12px;
  387.     line-height: 14px;
  388.     background: {color:highlights};
  389.     color: {color:posts};
  390.     height: 130px;
  391.     text-align: center;
  392. }
  393.  
  394. .box {
  395.     background: white;
  396.     position: absolute;
  397.     z-index: 500;
  398.     margin-top: 50px;
  399.     margin-left: 50px;
  400.     opacity: 0.7;
  401.     -webkit-transition: all 0.6s ease-in-out;
  402.     -moz-transition: all 0.6s ease-in-out;
  403.     -o-transition: all 0.6s ease-in-out;
  404.     -ms-transition: all 0.6s ease-in-out;
  405.         transition: all 0.6s ease-in-out;
  406. }
  407.  
  408. .box:hover {opacity: 0.9;}
  409.  
  410. .askr {
  411.     font-size: 80px;
  412.     font-family: trebuchet ms;
  413.     font-weight: bold;
  414.     color: {color:highlights};
  415. }
  416.  
  417. .qs {
  418.     background: {color:highlights};
  419.     padding: 10px;
  420.     color: {color:posts};
  421.     text-align: center;
  422. }
  423.  
  424. .qs a {text-transform: uppercase; text-decoration: underline; color: {color:posts}; font-style: italic;}
  425.  
  426. /* ---------- scrollbar and selection --------- */
  427.  
  428. ::-webkit-scrollbar {width:8px; height:8px; background:{color:background}}
  429. ::-webkit-scrollbar-thumb {background:{color:highlights};}
  430.  
  431. ::-webkit-selection {background:{color:highlights}; color:{color:posts};}
  432. ::selection {background:{color:highlights}; color:{color:posts};}
  433.  
  434. {CustomCSS}
  435. </style>
  436. </head>
  437.  
  438.  
  439. <body>
  440.  
  441. <div id="sidebar">
  442.  
  443. <div id="imagenes">
  444.  
  445. <div id="navigation">
  446. <ul>
  447. <li><a href="/">index</a></li>
  448. <li><a href="/ask">message</a></li>
  449. <li><a href="/archive" target="_blank">archive</a></li>
  450. <li><a href="http://boavistas.tumblr.com" target="_blank">theme</a></li>
  451. </ul></div><!--navigation-->
  452.  
  453. <img src="{image:sidebar}">
  454. <div id="sobre">hover</div><!--sobre-->
  455.    
  456. </div><!--imagenes-->
  457.  
  458. <div class="description">{Description}</div><!--description-->
  459.  
  460. {block:Pagination}
  461. <div class="pagination"> 
  462. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} 
  463. {CurrentPage}—{TotalPages} 
  464. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  465. </div><!--pagination-->
  466. {/block:Pagination}
  467.  
  468.  
  469. </div><!--sidebar-->
  470.  
  471. <!----------------------------------------------------------------------->
  472.  
  473. <div id="blogtitle"><a href="/">{text:title}</a></div><!--blogtitle-->
  474. {blockif:show subtitle}<div id="subtitle">{text:subtitle}</div>
  475. <!--subtitle-->{/blockif:show subtitle}
  476.  
  477. <div id="bubble">&#9660;</div><!--bubble-->
  478. <div id="lulus">
  479. <ul>
  480. <li style="border-top-left-radius: 15px;"><a href="{text:link one}">{text:link one title}</a></li>
  481. <li><a href="{text:link two}">{text:link two title}</a></li>
  482. <li><a href="{text:link three}">{text:link three title}</a></li>
  483. <li><a href="{text:link four}">{text:link four title}</a></li>
  484. <li style="border-bottom-left-radius: 15px;"><a href="{text:link five}">{text:link five title}</a></li>
  485. </ul></div><!--lulus-->
  486. <div id="home"><a href="/"><img src="http://i.imgur.com/IP917.png"></a></div><!--home-->
  487.  
  488. <!----------------------------------------------------------------------->
  489.  
  490. <div id="content">
  491. {block:Posts}
  492.  
  493. <div id="entries">
  494.  
  495.  
  496. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  497.  
  498. <!----------------------------------------------------------------------->
  499.  
  500. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  501. {block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}{block:ifnotshowcaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifnotshowcaptions}{/block:Photo}
  502.  
  503. <!----------------------------------------------------------------------->
  504.  
  505. {block:Photoset}{Photoset-500}{block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}{block:ifnotshowcaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifnotshowcaptions}{/block:Photoset}
  506.  
  507. <!----------------------------------------------------------------------->
  508.  
  509. {block:Quote}<h2>"{Quote}"</h2>{block:Source}<div id="qsource">— {Source}</div>{/block:Source}{/block:Quote}
  510.  
  511. <!----------------------------------------------------------------------->
  512.  
  513. {block:Link}<a href="{URL}" class="link" {Target}><h3>→ {Name}</h3></a>
  514. {block:Description}{Description}{/block:Description}{/block:Link}
  515.  
  516. <!----------------------------------------------------------------------->
  517.  
  518. {block:Chat}{block:Title}<div class="ctitle">{Title}</div>{/block:Title}<div class="id">                            <div class="lines">{block:Lines}<div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>{/block:Lines}</div></div><div class="clear"></div>{/block:Chat}
  519.  
  520. <!----------------------------------------------------------------------->
  521.  
  522. {block:Video}{Video-500}{block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}{block:ifnotshowcaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifnotshowcaptions}{/block:Video}
  523.  
  524. <!----------------------------------------------------------------------->
  525.  
  526. {block:Audio}
  527. <div id="tod">
  528.  
  529. <div class="box">
  530. <div class="musica">
  531. {block:AudioPlayer}
  532. {AudioPlayerWhite}
  533. {/block:AudioPlayer}    
  534. </div></div><!--musica-->
  535.  
  536. {block:AlbumArt}
  537. <img src="{AlbumArtURL}" width="150" style="position: relative" align="left">
  538. {/block:AlbumArt}
  539.  
  540. <div class="inf">
  541. {block:TrackName}<h4>{TrackName}</h4><br>{/block:TrackName}
  542. {block:Artist}<b>Artist</b>: {Artist}<br>{/block:Artist}
  543. {block:Album}<b>Album</b>: {Album}<br>{/block:Album}
  544. <i>played {PlayCount} times</i>
  545. </div><!--inf-->
  546.  
  547. </div><!--tod-->
  548.  
  549. {block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}
  550.  
  551. {/block:Audio}
  552.  
  553. <!----------------------------------------------------------------------->
  554.  
  555. {block:Answer}
  556.  
  557. <div class="askr"><img src="{AskerPortraitURL-48}" style="margin-left:200px; border: 4px solid {color:highlights};" /></a>?</div>
  558.  
  559. <div class="qs">{Asker}: {Question}</div>
  560.  
  561. {answer}
  562. {/block:Answer}
  563.  
  564. <!----------------------------------------------------------------------->
  565.  
  566. {block:IndexPage}
  567. <div id="permalink">
  568.  
  569. <div class="timeago">posted <a href="{Permalink}" target="_blank">{TimeAgo}</a>{block:NoteCount} with <a href="{Permalink}" target="_blank">{NoteCountwithLabel}{/block:NoteCount}</a></div><!--timeago-->
  570. <div class="source">{block:ContentSource} &copy; <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div><!--source-->
  571. <div class="tags">{block:HasTags}{block:Tags}#<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}{/block:HasTags}
  572. </div><!--tags-->
  573.    
  574. </div><!--permalink-->
  575. {/block:IndexPage}
  576.  
  577.  
  578. {block:Date}{block:PermalinkPage}
  579. <div id="permas">
  580.  
  581. Posted on {DayOfWeek} {DayOfMonth}{DayOfMonthSuffix}, {Month} {Year}{block:NoteCount} with {NoteCountWithLabel} {/block:NoteCount}{block:RebloggedFrom} <br>reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a> | originally by <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}<br>{block:HasTags}<i>filed under: {block:Tags}<a href="/tagged/{Tag}">{Tag}</a>, {/block:Tags}</i>{/block:HasTags}
  582.    
  583. </div><!--permas-->
  584. {/block:PermalinkPage}{/block:Date}
  585.  
  586.  
  587.  
  588. </div><!--entries-->
  589. {/block:Posts}
  590.  
  591.  
  592. {block:PostNotes}<center>{block:RebloggedFrom}Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom},{block:ContentSource} Original posted by: <a href="{SourceURL}">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}"alt="{SourceTitle}"/>{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>{/block:ContentSource}</center>
  593. <br /><div id="notes">{PostNotes}</div><br>{/block:PostNotes}
  594.  
  595.  
  596. </div><!--content-->
  597. </body>
  598. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement