API tools faq
paste
Advertisement
cyberthea

MINIMALCLASSY - Reszponzív klasszikus elegáns kinézet #3

cyberthea
Jul 8th, 2017
577
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. <!-- a témát készítette: Thea (http://themesbythea.blogspot.hu ÉS http://mindenurlfoglalt.blogspot.hu) -->
  2.  
  3. <html>
  4. <head>
  5.  
  6. <!-- a linkek új ablakban nyílnak meg -->
  7. <base target="_blank">
  8.  
  9. <!-- emiatt a sorocska miatt működnek az ikonok (ne töröld) -->
  10. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  11.  
  12. <!-- emiatt a sorocska miatt működnek a betűtípusok (ne töröld) -->
  13. <link href="https://fonts.googleapis.com/css?family=Clicker+Script|Francois+One|Raleway&amp;subset=latin-ext" rel="stylesheet">
  14.  
  15. <link rel="alternate" type="application/atom+xml" href="<$BlogURL$>feeds/posts/default">
  16. <link rel="alternate" type="application/rss+xml" href="<$BlogURL$>feeds/posts/default?alt=rss">
  17. <link rel="service.post" type="application/atom+xml" href="https://www.blogger.com/feeds/<$BlogID$>/posts/default">
  18.  
  19. <!-- favicon (a href=" " közötti linket cseréld ki a saját faviconodra-->
  20. <link href="https://goo.gl/Gt25wW" rel="icon" type="image/x-icon"/>
  21.  
  22. <title><$blogpagetitle$></title>
  23.  
  24. <style type="text/css">
  25.  
  26. /* mindenegyben, például linkek, félkövér, kijelölés stb. kinézete
  27. ----------------------------------------------- */
  28. body {
  29. background-color: #f5f5f5;
  30. font-family: 'Raleway', sans-serif;
  31. font-size: 13px;
  32. line-height: 23px;
  33. color: #444444;
  34. letter-spacing: 1px;
  35. overflow-x: hidden;
  36. oveflow-y: scroll;
  37. text-align: justify;
  38. cursor:url("https://goo.gl/af3Xy3"),default;
  39. }
  40.  
  41. a:link, a:visited {
  42. color: #d4c0a7;
  43. text-decoration: none;
  44. -webkit-transition: all 0.5s ease-in-out;
  45. -moz-transition: all 0.5s ease-in-out;
  46. -o-transition: all 0.5s ease-in-out;
  47. -ms-transition: all 0.5s ease-in-out;
  48. transition: all 0.5s ease-in-out;
  49. }
  50.  
  51. a:hover {
  52. color: #ede0d4;
  53. border-bottom: 1px dashed #d4c0a7;
  54. cursor:url("https://goo.gl/xHy9Js"),text;
  55. }
  56.  
  57. b, strong {
  58. font-weight: bold;
  59. color: #d4c0a7;
  60. text-shadow: #d4bfb4 1px 1px 2px;
  61. }
  62.  
  63. i, em {
  64. font-style: italic;
  65. color: #d4c0a7;
  66. }
  67.  
  68. u {
  69. text-decoration: none;
  70. border-bottom: 1px dashed #d4c0a7;
  71. padding: 2px;
  72. }
  73.  
  74. s, strike {
  75. color: #cccccc;
  76. padding: 1px;
  77. }
  78.  
  79. blockquote {
  80. background: #fffdfc;
  81. border-left: 8px solid #eee5e0;
  82. margin: 1.5em 10px;
  83. padding: 0.5em 10px;
  84. quotes: "\201C""\201D""\2018""\2019";
  85. }
  86.  
  87. blockquote:before {
  88. color: #eee5e0;
  89. content: open-quote;
  90. font-size: 4em;
  91. line-height: 0.1em;
  92. margin-right: 0.25em;
  93. vertical-align: -0.4em;
  94. }
  95.  
  96. blockquote p {
  97. display: inline;
  98. }
  99.  
  100. ::-moz-selection {
  101. color: #d4c0a7; }
  102. ::selection {
  103. color: #d4c0a7; }
  104.  
  105. ::-webkit-scrollbar {
  106. background: #eee5e0;
  107. width: 5px;
  108. height: 5px;
  109. }
  110.  
  111. ::-webkit-scrollbar-thumb:vertical {
  112. background: #d4c0a7;
  113. }
  114.  
  115.  
  116. /* navigáció kinézete
  117. ----------------------------------------------- */
  118. .nav {
  119. text-align: center;
  120. width: 100%
  121. }
  122.  
  123. a.nav-classy {
  124. color: #d4c0a7;
  125. text-shadow: #d4bfb4 1px 1px 2px;
  126. font-weight: bold;
  127. font-size: 11px;
  128. text-transform: uppercase;
  129. letter-spacing: 2px;
  130. margin-left: 2px;
  131. margin-bottom: 6px;
  132. text-align: center;
  133. width: 42%;
  134. padding:4px;
  135. border: 1px solid #d4c0a7;
  136. display: inline-block;
  137. filter: alpha(opacity = 80);
  138. opacity:.8;
  139. -moz-transition-duration: 1s;-
  140. webkit-transition-duration: 1s;
  141. }
  142.  
  143. a.nav-classy:hover {
  144. color: #ede0d4;
  145. background-color: transparent;
  146. -webkit-transition: all 0.5s ease-in-out;
  147. -moz-transition: all 0.5s ease-in-out;
  148. -o-transition: all 0.5s ease-in-out;
  149. -ms-transition: all 0.5s ease-in-out;
  150. transition: all 0.5s ease-in-out;
  151. }
  152.  
  153.  
  154. /* blog
  155. ----------------------------------------------- */
  156. .blog-body {
  157. width: 90%;
  158. padding: 10px;
  159. background-color: #fff;
  160. margin-top: 15px;
  161. color: #444444;
  162. }
  163.  
  164. .article {
  165. padding: 1%;
  166. width: 65%;
  167. float: right;
  168. text-align: justify;
  169. color: #444444;
  170. }
  171.  
  172. .post-title {
  173. color: #d4c0a7;
  174. font-size: 25px;
  175. font-family: 'Clicker Script', cursive;
  176. margin-bottom: 15px;
  177. text-align: center;
  178. font-weight: 100;
  179. }
  180.  
  181. .h4 {
  182. font-family: 'Raleway', sans-serif;
  183. color: #fff;
  184. font-weight: bold;
  185. font-size: 12px;
  186. line-height: 15px;
  187. }
  188.  
  189. .h4 a:hover {
  190. color: #fff;
  191. border-bottom: 1px dashed #fff;
  192. }
  193.  
  194. .ar {
  195. margin: 0 auto;
  196. width: 0;
  197. height: 0;
  198. margin-top: -25px;
  199. border-left: 7px solid transparent;
  200. border-right: 7px solid transparent;
  201. border-bottom: 7px solid #eee5e0;
  202. }
  203.  
  204. .info {
  205. width: 180px;
  206. padding: 5px;
  207. background-color: #eee5e0;
  208. z-index: 100;
  209. text-align: justify;
  210. border-radius: 2px;
  211. -ms-border-radius: 2px;
  212. -moz-border-radius: 2px;
  213. -webkit-border-radius: 2px;
  214. -khtml-border-radius: 2px;
  215. margin-bottom:20px;
  216. }
  217.  
  218. .blog-entry {
  219. font-family: 'Raleway', sans-serif;
  220. font-size: 13px;
  221. color: #444444;
  222. letter-spacing: 1px;
  223. margin-top: 5px;
  224. }
  225.  
  226. .blog-entry img {
  227. max-width: 100%;
  228. padding: 5px;
  229. }
  230.  
  231. .blogger-labels {
  232. font-size: 0px;
  233. margin-top: 10px;
  234. }
  235.  
  236. .blogger-labels a {
  237. font-family: 'Arimo', sans-serif;
  238. color: #d4c0a7;
  239. font-size: 10px;
  240. font-weight: 100;
  241. text-transform: uppercase;
  242. padding: 3px;
  243. margin-right: 5px;
  244. text-decoration: none!important;
  245. }
  246.  
  247. .blogger-labels a:before {
  248. font-family: FontAwesome;
  249. font-size: 10px;
  250. color: #d4c0a7;
  251. margin-right: 3px;
  252. content: '\f02b';}
  253.  
  254. #meow {
  255. background: #fafafa;
  256. bottom: 10px;
  257. right: 10px;
  258. position: fixed;
  259. padding: 3px;
  260. letter-spacing: 1px;
  261. font-size: 15px;
  262. border-radius: 0px;
  263. -moz-box-shadow: 3px 3px #dcccb8;
  264. -webkit-box-shadow: 3px 3px #dcccb8;
  265. box-shadow: 3px 3px #dcccb8;
  266. opacity:0.9;
  267. }
  268.  
  269. /* fejléc
  270. ----------------------------------------------- */
  271. .name {
  272. margin-top: -15px;
  273. margin-bottom: 8px;
  274. font-family: 'Francois One', sans-serif;
  275. font-size: 25px;
  276. color: #d4c0a7;
  277. background-color: #d4c0a7;
  278. opacity:.80;
  279. -webkit-background-clip: text;
  280. -webkit-text-fill-color: transparent;
  281. font-weight: bold;
  282. }
  283.  
  284. .lace {
  285. width: 100%;
  286. height: 18px;
  287. left: 0;
  288. top: 0;
  289. background-image:url('https://goo.gl/mHRVMq');
  290. repeat: repeat-x;
  291. }
  292.  
  293. .top {
  294. width: 100%;
  295. left: 0;
  296. top: 0px;
  297. position: fixed;
  298. z-index:999999;
  299. }
  300.  
  301. .bg {
  302. background-color: #fff;
  303. }
  304.  
  305. /* oldalsáv
  306. ----------------------------------------------- */
  307. .sidebar {
  308. padding: 2%;
  309. width: 28%;
  310. float: left;
  311. text-align: justify;
  312. margin-top: -20px;
  313. margin-bottom: -20px;
  314. border-right: 10px solid #f5f5f5;
  315. }
  316.  
  317. h2 {
  318. color: #d4c0a7;
  319. font-size: 25px;
  320. font-family: 'Clicker Script', cursive;
  321. margin-bottom: 5px;
  322. text-align: center;
  323. font-weight: 100;
  324. }
  325.  
  326. a.affies {
  327. color: #d4c0b2;
  328. text-shadow: #d4bfb4 1px 1px 2px;
  329. font-size: 11px;
  330. font-weight: bold;
  331. text-transform: uppercase;
  332. letter-spacing: 2px;
  333. margin-left: 2px;
  334. margin-bottom: 6px;
  335. text-align: center;
  336. width: 42%;
  337. padding:4px;
  338. border: 1px solid #d4c0b2;
  339. display: inline-block;
  340. filter: alpha(opacity = 80);
  341. opacity:.8;
  342. -moz-transition-duration: 1s;-
  343. webkit-transition-duration: 1s;
  344. }
  345.  
  346. a.affies:hover {
  347. color: #ede0d4;
  348. background-color: transparent;
  349. -webkit-transition: all 0.5s ease-in-out;
  350. -moz-transition: all 0.5s ease-in-out;
  351. -o-transition: all 0.5s ease-in-out;
  352. -ms-transition: all 0.5s ease-in-out;
  353. transition: all 0.5s ease-in-out;
  354. }
  355.  
  356.  
  357. /* mobil kinézet
  358. ----------------------------------------------- */
  359. @media only screen and (max-width: 800px) {
  360. a.nav-classy{
  361. font-size: 90%;
  362. width: 12%;
  363. }
  364.  
  365. }
  366.  
  367. @media only screen and (max-width: 500px) {
  368.  
  369. .nav{
  370. margin-bottom: 30px;
  371. }
  372.  
  373. a.nav-classy{
  374. width: 40%;
  375. font-size: 100%;
  376. display: inline-block;
  377. background: transparent;
  378. }
  379.  
  380. .blog-body {
  381. width: 95%;
  382. backround: transparent;
  383. shadow: none;
  384. border: none;
  385. padding: 0px;
  386. margin-top: 15px;
  387. }
  388.  
  389. .article {
  390. width: 95%;
  391. }
  392.  
  393. .blog-entry img {
  394. width: 100%;
  395. height: auto;
  396. align: center;
  397. }
  398.  
  399. .sidebar {
  400. width: 95%;
  401. border-left: none
  402. }
  403.  
  404. .name {
  405. color: #dcccb8;
  406. }
  407.  
  408. }
  409. </style> <meta content='width=device-width, initial-scale=1.0' name='viewport'/>
  410.  
  411. <br>
  412. </head><body>
  413.  
  414. <!--- ez itt a fejléc, írd át a MINIMALCLASSY szöveget a blogod címére - a többihez ne nyúlj ---!>
  415. <div class="top"><div class="bg"><br>
  416. <center><div class="name"><div style="margin-bottom: -11px; margin-top: -10px;"><img src='https://goo.gl/HGoHge'>
  417. MINIMALCLASSY <img src='https://goo.gl/okfvbw'></div>
  418. </div></center>
  419. </div><div class="lace"></div>
  420. </div>
  421. <br>
  422.  
  423. <center>
  424. <div class="blog-body">
  425.  
  426. <!--- bejegyzések - ehhez itt ne nyúlj ---!>
  427. <div id="meow">
  428. <a href="http://themesbythea.blogspot.hu/" target="_blank">★</a>
  429. </div>
  430. <div id="main" class="article">
  431. <blogger>
  432. <div class="post-title">
  433. <a href="<$BlogItemPermalinkURL$>"</a><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></a></div>
  434. <br>
  435. <center><div class="ar"></div></center>
  436. <center><div class="info">
  437. <div class="h4"><center><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <$BlogItemDateTime$> • <$BlogItemAuthor$> <br><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> komment</a>
  438. </center></div>
  439. </div></center>
  440. <div class="blog-entry">
  441. <$BlogItemBody$>
  442. </div><br>
  443. </blogger>
  444.  
  445. <span style="float:right;"><Olderposts><a href=<$OlderPosts$> target="_self"> VISSZA <span class="fa fa-chevron-right"></span></a></a> </OlderPosts></span>
  446. <span style="float:rleft;"><newerposts><a href=<$NewerPosts$> target="_self"> <span class="fa fa-chevron-left"></span> ELŐRE </a></NewerPosts></span>
  447. </div>
  448.  
  449.  
  450. <!-- oldalsáv -->
  451. <div class="sidebar">
  452.  
  453. <!--- ha le szeretnéd cserélni az oldalsávban elsőként megjelenő képet, a src=" " közötti link helyére illeszd be a képed url címét ---!>
  454. <br><center><img src="https://goo.gl/KC1yg7" width="100%"></center><br>
  455.  
  456.  
  457. <center><img src="https://goo.gl/fb7jtq"></center>
  458.  
  459. <!-- első modul -->
  460. <h2> prológus </h2>
  461. Az oldalad leírásának helye. Ide jöhet például egy rövid üdvözlőszöveg, amivel köszöntöd a látogatókat, vagy éppen pár szó rólad - ne habozz, légy kreatív. <br>
  462. <center> <b>félkövér,</b> <i>dőlt,</i> <u>aláhúzott,</u> <s>áthúzott</s>
  463. <br>
  464. <a href="LINKHELYE">link1</a> | <a href="LINKHELYE">link2</a> | <a href="LINKHELYE">link3</a> </center><br>
  465.  
  466.  
  467. <!-- menü - csak a menüpontok neveit írd át -->
  468. <div class="nav"><center>
  469. <a class="nav-classy" onClick="document.getElementById('main').innerHTML=document.getElementById('home').innerHTML" title=""><i class="fa fa-home" aria-hidden="true"></i> blog</a>
  470. <a class="nav-classy" onClick="document.getElementById('main').innerHTML=document.getElementById('about').innerHTML" title=""><i class="fa fa-pencil" aria-hidden="true"></i> rólam</a><a class="nav-classy" onClick="document.getElementById('main').innerHTML=document.getElementById('stuff').innerHTML" title=""><i class="fa fa-star-o" aria-hidden="true"></i> extrák</a> <a class="nav-classy" href="http://www.blogger.com/follow-blog.g?blogID=<$blogID$>" title=""><i class="fa fa-plus" aria-hidden="true"></i> kövess</a></center>
  471. </div>
  472.  
  473.  
  474. <!-- második modul -->
  475. <h2> első fejezet </h2>
  476. <center><i>avagy tennivalók, kívánságok, álmok</i><br><br>
  477. ☑ megalkotni a blogom<br>
  478. ☐ sorozatmaratont tartani<br>
  479. ☐ scrapbookot készíteni<br>
  480. ☑ fánkpárnát készíteni<br>
  481. ☐ megtanulni gitározni<br></center>
  482.  
  483.  
  484. <!-- harmadik modul -->
  485. <h2> második fejezet </h2>
  486. Ezek itt a cserék. Rakd ki ide azokat az oldalakat, blogokat amiket szívesen látogatsz, kedvenc bloggereid, vagy akivel cserét kezdeményeztél. Nem árt ide írnod pár szót, hogy kit raksz ki, s kit nem, hogy elkerüld az esetleges félreértéseket.
  487.  
  488. <br><br><center>
  489. <a class="affies" href="IDE JÖN A LINK">Gizi</a>
  490. <a class="affies" href="IDE JÖN A LINK">Pista</a>
  491. <a class="affies" href="IDE JÖN A LINK">Józsi</a>
  492. <a class="affies" href="IDE JÖN A LINK">Erzsi</a>
  493. <a class="affies" href="IDE JÖN A LINK">Magdi</a>
  494. <a class="affies" href="IDE JÖN A LINK">Béla</a>
  495. <a class="affies" href="IDE JÖN A LINK">Mari</a>
  496. <a class="affies" href="IDE JÖN A LINK">Géza</a>
  497. </center>
  498.  
  499.  
  500. <!-- negyedik modul -->
  501. <h2> harmadik fejezet </h2>
  502. <blockquote>If the world was blind, how many people would you impress?</blockquote>
  503.  
  504.  
  505. <!-- ötödik modul -->
  506. <!-- kedvedre átírhatod a "múlt ▲▼▲▼", a "mostanában" és a "havonta" szavakat, a többihez ne nyúlj -->
  507. <h2> epilógus </h2>
  508. <center>
  509. <form name="jump" id="jump">
  510. <select name="menu" onchange="location=document.jump.menu.options
  511. [document.jump.menu.selectedIndex].value;" value="GO" style="font-family: raleway; font-size: 12px; text-transform: lowercase; color: #777777; width: 100%; border: 1px solid #DDDDDD; background-color: #FFFFFF; padding: 4px;">
  512. <option selected="selected">a múlt ▲▼▲▼</option>
  513. <optgroup label="mostanában" style="font:bold 11px raleway;">
  514. <BloggerPreviousItems>
  515. <option value="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></option>
  516. </BloggerPreviousItems>
  517. <optgroup label="havonta" style="font:bold 11px raleway;">
  518. <BloggerArchives>
  519. <option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
  520. </BloggerArchives>
  521. </select></form></center>
  522.  
  523.  
  524. <!-- hatodik modul -->
  525. <h2> köszönetnyilvánítás </h2>
  526. A kinézetet <a href="http://themesbythea.blogspot.hu/">Thea</a> készítette. Az inspirációért köszönet illeti <a href="http://wanaseoby.com/">Wanát</a> és <a href="http://minimalclassy.tumblr.com/">MClassyt.</a>
  527. <br><br></a>
  528.  
  529. <center><img src="https://goo.gl/G7bWP4"></center>
  530. <br>
  531.  
  532. </div>
  533. <div style="clear:both"></div>
  534. <div style="clear:both"></div>
  535.  
  536. </div></div>
  537.  
  538. <!------- OLDALAK TARTALMA ------->
  539. <!------------------- OLDAL: KEZDŐLAP (BLOG) - ehhez itt ne nyúlj! ------------------>
  540. <div id="home" style="display: none;">
  541. <blogger>
  542. <div class="post-title">
  543. <a href="<$BlogItemPermalinkURL$>"</a><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></a></div>
  544. <br>
  545. <center><div class="ar"></div></center>
  546. <center><div class="info">
  547. <div class="h4"><center><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <$BlogItemDateTime$> • <$BlogItemAuthor$> <br><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> komment</a>
  548. </center></div>
  549. </div></center>
  550. <div class="blog-entry">
  551. <$BlogItemBody$>
  552. </div><br>
  553. </blogger>
  554.  
  555. <span style="float:right;"><Olderposts><a href=<$OlderPosts$> target="_self"> VISSZA <span class="fa fa-chevron-right"></span></a></a> </OlderPosts></span>
  556. <span style="float:rleft;"><Newerposts><a href=<$NewerPosts$> target="_self"> <span class="fa fa-chevron-left"></span> ELŐRE </a></NewerPosts></span>
  557. </div>
  558.  
  559. <!------------------- OLDAL: RÓLAM ------------------>
  560. <div id="about" style="display: none;">
  561. <div class="post-title"> ki vagyok én? </div>
  562. Töltsd ki ezt az ürességet itt egy frappáns bemutatkozóval. Alapadataid, mióta blogolsz, miket szeretsz, miket utálsz, stb. Írhatsz összefüggő mondatokat, de akár pontokba is szedheted bemutatkozódat.<br>
  563. <div align="left">
  564. <p><img align="left" src="https://goo.gl/jSxLR6" width="40%">
  565. ◦ becses nevem ... de szólíts csak ...<br>
  566. ◦ ... éves vagyok<br>
  567. ◦ szeretem ...<br>
  568. ◦ utálom ...<br>
  569. ◦ kedvenc ...<br>
  570. ◦ álmaim ...<br>
  571. ◦ szeretnék eljutni ...<br>
  572. ◦ megtalálhatsz itt és itt is ...<br>
  573. </p>
  574.  
  575. <!------------------- OLDAL: EXTRÁK ------------------>
  576. <div id="stuff" style="display: none;">
  577. <div class="post-title"> extra menüpont </div>
  578. Írj ide, amit csak akarsz. Példának okáért itt egy linklista, de ha szeretnéd, lecserélheted másra.
  579. <br><br>
  580. <div style='float:left; width:40%'>
  581. <img src="https://goo.gl/HHnFLb"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  582.  
  583. <img src="https://goo.gl/HHnFLb"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  584.  
  585. <img src="https://goo.gl/HHnFLb"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  586.  
  587. <img src="https://goo.gl/HHnFLb"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  588.  
  589. <img src="https://goo.gl/HHnFLb"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  590. </div>
  591.  
  592. <div style='float:left; width:40%; margin-left:50px'>
  593. <img src="https://goo.gl/HHnFLb"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  594.  
  595. <img src="https://goo.gl/HHnFLb"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  596.  
  597. <img src="https://goo.gl/HHnFLb"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  598.  
  599. <img src="https://goo.gl/HHnFLb"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  600.  
  601. <img src="https://goo.gl/HHnFLb"><a href="LINKHELYE"> Minta szöveg </a><br><br>
  602. </div>
  603. <br><br>
  604. </div>
  605.  
  606. <!------------------- OLDALAK TARTALMÁNAK VÉGE ------------------>
  607.  
  608. </body>
  609. </html>
  610.  
  611. <!---------------------- legyen szép napod! ♡ -------------------!>
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!