API tools faq
paste
Advertisement
acatalepsy

[007] THE MINIMALIST

acatalepsy
Feb 13th, 2015
256
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 24.67 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title>&#12300; #007 | THE MINIMALIST &#12301;</title>
  4. <!-- f a v i c o n -->
  5. <link href="http://i.imgur.com/thb0iO7.png" rel="icon" type="image/x-icon">
  6.  
  7. <!-- p o s t  f o n t s -->
  8. <link href="http://fonts.googleapis.com/css?family=Domine|Droid+Serif|Merriweather|Noticia+Text|Noto+Serif|Playfair+Display|PT+Serif" rel="stylesheet" type="text/css">
  9. <!-- s i d e b a r  f o n t s -->
  10. <link href="http://fonts.googleapis.com/css?family=Open+Sans:300|Pontano+Sans|Raleway" rel="stylesheet" type="text/css">
  11. <!-- t i t l e  f o n t s -->
  12. <link href="http://fonts.googleapis.com/css?family=Abel|Fjalla+One|Open+Sans:300|Open+Sans+Condensed:300|Oswald|PT+Sans|Dawning+of+a+New+Day" rel="stylesheet" type="text/css">
  13. <!-- i c o n f o n t s -->
  14. <link href="http://weloveiconfonts.com/api/?family=entypo" rel="stylesheet" type="text/css">
  15.  
  16.  
  17. <!-- b e g i n s s c r i p t s -->
  18. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  19. <!-- t o o l t i p s // the script for changing the style and formatting of hovered text information. -->
  20. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  21. <script type="text/javascript" src="http://static.tumblr.com/vxye88v/D5Pnjkxl2/tooltips.js"></script>
  22. <script type="text/javascript">
  23. (function($){
  24. $(document).ready(function(){
  25. $("[title],a[title],img[title]").style_my_tooltips({
  26.     tip_follows_cursor:true,
  27.     tip_delay_time:100,
  28.     tip_fade_speed:280,
  29.     attribute:"title"
  30. });
  31. });
  32. })(jQuery);
  33. </script>
  34.  
  35.  
  36.  
  37. <!-- grid // the script for making grid templates. -->
  38.  
  39. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  40. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  41.  
  42. <script type="text/javascript">
  43. $(window).load(function(){
  44. var $wall = $('#posts');
  45. $wall.imagesLoaded(function(){
  46. $wall.masonry({
  47. itemSelector: '.entry, .entry_photo',
  48. isAnimated : false
  49. });
  50. });
  51.  
  52. $wall.infinitescroll({
  53. navSelector : '#pagination',
  54. nextSelector : '#pagination a',
  55. itemSelector : '.entry, .entry_photo',
  56. bufferPx : 2000,
  57. debug : false,
  58. errorCallback: function() {
  59. $('#infscr-loading').fadeOut('normal');
  60. }},
  61. function( newElements ) {
  62. var $newElems = $( newElements );
  63. $newElems.hide();
  64. $newElems.imagesLoaded(function(){
  65. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  66. });
  67. }); $('#posts').show(500);
  68. });
  69. </script>
  70.  
  71.  
  72.  
  73. <!-- tabs // the script for making tabbed sections. -->
  74. <script type="text/javascript">
  75. function changeNavigation(id)
  76. {document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
  77. </script>
  78.  
  79. <!-- e n d  o f  s c r i p t s -->
  80.  
  81.  
  82. <style type="text/css">
  83. *{cursor: url(http://media.tumblr.com/649c000edb2f0b30a6b3f462d580ffbc/tumblr_inline_mmsrqqFXgB1qz4rgp.png), progress;}
  84.  
  85. #s-m-t-tooltip {
  86. position: absolute;
  87. max-width: 190px;
  88. color: #AAAAAA;
  89. font: 8px 'Cambria',serif;
  90. font-size: 8px;
  91. font-family: 'Cambria', serif;
  92. line-height: 10px;
  93. text-transform: lowercase;
  94. margin-top: 10px;
  95. margin-bottom: 15px;
  96. padding: 3px;
  97. padding-right: 3px;
  98. padding-left: 3px;
  99. background-color: #FFFFFF;
  100. z-index: 999;}
  101.  
  102. body{
  103. min-height: 100%;
  104. background-color: #FFFFFF;
  105. scrollbar-face-color: #FFFFFF;
  106. scrollbar-arrow-color: #FFFFFF;
  107. scrollbar-track-color: #FFFFFF;
  108. scrollbar-shadow-color: #FFFFFF;
  109. scrollbar-3dlight-color: #FFFFFF;
  110. scrollbar-highlight-color: #FFFFFF;
  111. scrollbar-darkshadow-color: #FFFFFF;}
  112.  
  113. ::-webkit-scrollbar-thumb:vertical {
  114. height: 10px;
  115. background-color: #FFFFFF;}
  116.  
  117. ::-webkit-scrollbar-thumb:horizontal {
  118. height: 10px!important;
  119. background-color: #FFFFFF;}
  120.  
  121. ::-webkit-scrollbar {
  122. width: 1px;
  123. height: 10px;
  124. background-color: #FFFFFF;}
  125.  
  126. b,strong{color: #7D4445;}
  127. i, em{color: #434452;}
  128.  
  129. u{
  130. color: #000000;
  131. text-decoration: none;}
  132.  
  133. a, a:active, a:link, a:visited{
  134. color: #AAAAAA;
  135. text-decoration: none;
  136. transition: all 0.7s ease-in-out;
  137. -webkit-transition: all 0.7s ease-in-out;
  138. -moz-transition: all 0.7s ease-in-out;
  139. -o-transition: all 0.7s ease-in-out;}
  140.  
  141. a:hover{
  142. color: #464646;
  143. transition: all 0.7s ease-in-out;
  144. -webkit-transition: all 0.7s ease-in-out;
  145. -moz-transition: all 0.7s ease-in-out;
  146. -o-transition: all 0.7s ease-in-out;}
  147.  
  148. #navbar-iframe{display: none;}
  149.  
  150. #wrapper{
  151. position: relative;
  152. top: 0;
  153. left: 0;
  154. width: 100%;
  155. height: 100%;}
  156.  
  157. /* SIDEBAR || EDIT THE SIDEBAR OF THE TEMPLATE WITH THESE CODES */
  158. #sidebar{
  159. position: fixed;
  160. top: 0px;
  161. left: 0px;
  162. width: 210px;
  163. height: 100%;
  164. padding: 20px;
  165. background-color: #000000;}
  166.  
  167. #sidebar::-webkit-scrollbar-thumb:vertical {
  168. height: 10px;
  169. background-color: #000000;}
  170.  
  171. #sidebar::-webkit-scrollbar-thumb:horizontal {
  172. height: 10px!important;
  173. background-color: #000000;}
  174.  
  175. #sidebar::-webkit-scrollbar {
  176. width: 1px;
  177. height: 10px;
  178. background-color: #000000;}
  179.  
  180. #sideIcon{
  181. position: relative;
  182. overflow: hidden;
  183. width: 140px;
  184. height: 140px;
  185. margin-top: 35px;
  186. margin-right: auto;
  187. margin-bottom: 15px;
  188. margin-left: auto;
  189. border-radius: 80%;}
  190.  
  191. #sideIcon img{
  192. overflow: hidden;
  193. width: 140px;
  194. height: 140px;
  195. border-radius: 80%;
  196. filter: gray;
  197. -webkit-filter: grayscale(100%);
  198. -moz-filter: grayscale(100%);
  199. transition: all 0.7s ease-in-out;
  200. -webkit-transition: all 0.7s ease-in-out;
  201. -moz-transition: all 0.7s ease-in-out;
  202. -o-transition: all 0.7s ease-in-out;
  203. transform: rotate(360deg) scale(1) skew(1deg) translate(0px);
  204. -webkit-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);
  205. -moz-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);
  206. -o-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);
  207. -ms-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);}
  208.  
  209. #sideIcon img:hover{
  210. overflow: hidden;
  211. width: 140px;
  212. height: 140px;
  213. border-radius: 80%;
  214. -webkit-filter: grayscale(0%);
  215. -moz-filter: grayscale(100%);
  216. transition: all 0.7s ease-in-out;
  217. -webkit-transition: all 0.7s ease-in-out;
  218. -moz-transition: all 0.7s ease-in-out;
  219. -o-transition: all 0.7s ease-in-out;
  220. transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
  221. -webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
  222. -moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
  223. -o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
  224. -ms-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);}
  225.  
  226. a.navigation, a.navigation:active, a.navigation:link, a.navigation:visited{
  227. width: 10px;
  228. height: 10px;
  229. color: #AAAAAA;
  230. font-size: 10px;
  231. text-align: center;
  232. margin-right: 5px;
  233. padding: 5px;
  234. padding-top: 6px;
  235. background-color: #333333;
  236. display: inline-block;
  237. border-radius: 80%;
  238. transition: all 0.7s ease-in-out;
  239. -webkit-transition: all 0.7s ease-in-out;
  240. -moz-transition: all 0.7s ease-in-out;
  241. -o-transition: all 0.7s ease-in-out;}
  242.  
  243. a.navigation:hover{
  244. color: #7C7C7C;
  245. transition: all 0.7s ease-in-out;
  246. -webkit-transition: all 0.7s ease-in-out;
  247. -moz-transition: all 0.7s ease-in-out;
  248. -o-transition: all 0.7s ease-in-out;}
  249.  
  250. .sideTitle{
  251. color: #CFCFCF;
  252. font: 16px 'Open Sans Condensed', sans-serif;
  253. font-size: 16px;
  254. font-family: 'Open Sans Condensed', sans-serif;
  255. line-height: 18px;
  256. text-align: center;
  257. text-transform: uppercase;
  258. letter-spacing: 1px;
  259. margin-bottom: 5px;
  260. padding-bottom: 5px;
  261. border-bottom: 1px solid #1F1F1F;}
  262.  
  263. .textBox{
  264. color: #7C7C7C;
  265. font: 9px 'Open Sans', sans-serif;
  266. font-size: 9px;
  267. font-family: 'Open Sans', sans-serif;
  268. line-height: 12px;
  269. margin-bottom: 20px;}
  270.  
  271. #container{
  272. position: relative;
  273. top: 2%;
  274. height: 100%;
  275. width: 850px;
  276. margin-right: auto;
  277. margin-bottom: 15px;
  278. margin-left: auto;}
  279.  
  280. #posts{
  281. width: 850px;
  282. height: 100%;
  283. margin-left: 100px;}
  284.  
  285. .entry{
  286. float: left;
  287. overflow: hidden;
  288. width: 200px;
  289. height: auto;
  290. margin-right: 10px;
  291. margin-bottom: 10px;
  292. display: inline-block;}
  293.  
  294. /* ENTRIES || EDIT PARTS OF THE ENTRIES WITH THESE CODES */
  295. .entryTitle{
  296. color: #464646;
  297. font: 14px 'Georgia', serif;
  298. font-size: 14px;
  299. font-family: 'Georgia', serif;
  300. line-height: 14px;
  301. text-shadow: 0px 0px 1px #333333;
  302. text-transform: uppercase;
  303. margin-bottom: 5px;}
  304.  
  305. .entryTitle a, .entryTitle a:active, .entryTitle a:link, .entryTitle a:visited{color: #464646; text-shadow: 0px 0px 1px #333333;}
  306. .entryTitle a:hover{color: #333333; text-shadow: 0px 0px 1px #222222;}
  307.  
  308. .entryDate{
  309. color: #AAAAAA;
  310. font: 8px 'Georgia', serif;
  311. font-size: 8px;
  312. font-family: 'Georgia', serif;
  313. line-height: 10px;
  314. text-align: right;
  315. font-style: italic;
  316. text-transform: lowercase;}
  317.  
  318. .entry .text{
  319. color: #000000;
  320. font: 10px 'Cambria', serif;
  321. font-size: 10px;
  322. font-family: 'Cambria', serif;
  323. padding: 10px;
  324. background-color: #F5F5F5;}
  325.  
  326. .entry .text img{
  327. position: relative;
  328. overflow: hidden;
  329. max-width: 180px;
  330. margin-right: auto;
  331. margin-left: auto;
  332. filter: gray;
  333. -webkit-filter: grayscale(100%);
  334. transition: all 0.7s ease-in-out;
  335. -webkit-transition: all 0.7s ease-in-out;
  336. -moz-transition: all 0.7s ease-in-out;
  337. -o-transition: all 0.7s ease-in-out;}
  338.  
  339. .entry .text img:hover{
  340. -webkit-filter: grayscale(0%);
  341. transition: all 0.7s ease-in-out;
  342. -webkit-transition: all 0.7s ease-in-out;
  343. -moz-transition: all 0.7s ease-in-out;
  344. -o-transition: all 0.7s ease-in-out;}
  345.  
  346. .entries{
  347. float: left;
  348. width: 470px;
  349. height: auto;
  350. margin-bottom: 10px;}
  351.  
  352. .entries .entryTitle{
  353. color: #464646;
  354. font: 14px 'Georgia', serif;
  355. font-size: 14px;
  356. font-family: 'Georgia', serif;
  357. line-height: 14px;
  358. text-shadow: 0px 0px 1px #333333;
  359. text-transform: uppercase;
  360. margin-bottom: 5px;}
  361.  
  362. .entries .text{
  363. color: #000000;
  364. font: 10px 'Cambria', serif;
  365. font-size: 10px;
  366. font-family: 'Cambria', serif;
  367. padding: 10px;
  368. background-color: #F5F5F5;}
  369.  
  370. .entries .text img{
  371. position: relative;
  372. overflow: hidden;
  373. max-width: 450px;
  374. margin-right: auto;
  375. margin-left: auto;
  376. filter: gray;
  377. -webkit-filter: grayscale(100%);
  378. transition: all 0.7s ease-in-out;
  379. -webkit-transition: all 0.7s ease-in-out;
  380. -moz-transition: all 0.7s ease-in-out;
  381. -o-transition: all 0.7s ease-in-out;}
  382.  
  383. .entries .text img:hover{
  384. -webkit-filter: grayscale(0%);
  385. transition: all 0.7s ease-in-out;
  386. -webkit-transition: all 0.7s ease-in-out;
  387. -moz-transition: all 0.7s ease-in-out;
  388. -o-transition: all 0.7s ease-in-out;}
  389.  
  390.  
  391. /* PROFILE || EDIT THE SMALL PROFILE SECTION OF THE TEMPLATE WITH THESE CODES */
  392. #about{
  393. position: relative;
  394. top: 100px;
  395. width: 850px;
  396. height: 100%;
  397. margin-left: 100px;}
  398.  
  399. .x, .x a, .x a:active, .x a:link, .x a:visited{
  400. position: relative;
  401. width: 550px;
  402. color: #000000;
  403. font-size: 12px;
  404. text-align: right;
  405. margin-right: auto;
  406. margin-bottom: 5px;
  407. margin-left: auto;
  408. display: block;}
  409.  
  410. .x, .x a:hover{color: #AAAAAA;}
  411.  
  412. #aboutCont{
  413. position: relative;
  414. width: 550px;
  415. height: 450px;
  416. margin-right: auto;
  417. margin-left: auto;}
  418.  
  419. #aboutSide{
  420. float: right;
  421. width: 150px;
  422. height: 430px;
  423. margin-left: 10px;
  424. padding: 10px;
  425. background-color: #000000;
  426. display: inline-block;}
  427.  
  428. #aboutIcon{
  429. position: relative;
  430. overflow: hidden;
  431. width: 120px;
  432. height: 120px;
  433. margin-top: 15px;
  434. margin-right: auto;
  435. margin-bottom: 15px;
  436. margin-left: auto;
  437. border-radius: 80%;}
  438.  
  439. #aboutIcon img{
  440. overflow: hidden;
  441. width: 120px;
  442. height: 120px;
  443. border-radius: 80%;
  444. filter: gray;
  445. -webkit-filter: grayscale(100%);
  446. transition: all 0.7s ease-in-out;
  447. -webkit-transition: all 0.7s ease-in-out;
  448. -moz-transition: all 0.7s ease-in-out;
  449. -o-transition: all 0.7s ease-in-out;
  450. transform: rotate(360deg) scale(1) skew(1deg) translate(0px);
  451. -webkit-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);
  452. -moz-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);
  453. -o-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);
  454. -ms-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);}
  455.  
  456. #aboutIcon img:hover{
  457. overflow: hidden;
  458. width: 120px;
  459. height: 120px;
  460. border-radius: 80%;
  461. -webkit-filter: grayscale(0%);
  462. transition: all 0.7s ease-in-out;
  463. -webkit-transition: all 0.7s ease-in-out;
  464. -moz-transition: all 0.7s ease-in-out;
  465. -o-transition: all 0.7s ease-in-out;
  466. transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
  467. -webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
  468. -moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
  469. -o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
  470. -ms-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);}
  471.  
  472. .aboutTitle{
  473. color: #FFFFFF;
  474. font: 9px 'Abel', sans-serif;
  475. font-size: 9px;
  476. font-family: 'Abel', sans-serif;
  477. line-height: 12px;
  478. text-align: center;
  479. text-transform: uppercase;
  480. letter-spacing: 1px;
  481. margin-bottom: 5px;
  482. padding-bottom: 5px;
  483. border-bottom: 1px solid #1F1F1F;}
  484.  
  485. .aboutText{
  486. color: #CFCFCF;
  487. font: 8px 'Cambria', serif;
  488. font-size: 8px;
  489. font-family: 'Cambria', serif;
  490. line-height: 10px;
  491. text-align: center;
  492. font-style: italic;
  493. margin-bottom: 20px;}
  494.  
  495. a.abtnav, a.abtnav:active, a.abtnav:link, a.abtnav:visited{
  496. width: 140px;
  497. color: #AAAAAA;
  498. font: 8px 'Calibri', sans-serif;
  499. font-size: 8px;
  500. font-family: 'Calibri', sans-serif;
  501. line-height: 10px;
  502. text-align: left;
  503. text-transform: uppercase;
  504. letter-spacing: 5px;
  505. margin-bottom: 3px;
  506. margin-left: -10px;
  507. padding: 5px;
  508. padding-left: 25px;
  509. background-color: #151515;
  510. border-right: 10px solid #050505;
  511. display: block;
  512. transition: all 0.7s ease-in-out;
  513. -webkit-transition: all 0.7s ease-in-out;
  514. -moz-transition: all 0.7s ease-in-out;
  515. -o-transition: all 0.7s ease-in-out;}
  516.  
  517. a.abtnav:hover{
  518. color: #7C7C7C;
  519. border-right: 20px solid #050505;
  520. transition: all 0.7s ease-in-out;
  521. -webkit-transition: all 0.7s ease-in-out;
  522. -moz-transition: all 0.7s ease-in-out;
  523. -o-transition: all 0.7s ease-in-out;}
  524.  
  525. #aboutContent{
  526. float: left;
  527. width: 370px;
  528. height: 450px;}
  529.  
  530. #aboutTop{
  531. overflow: auto;
  532. width: 380px;
  533. height: 130px;
  534. margin-bottom: 10px;}
  535.  
  536. #aboutTop::-webkit-scrollbar-thumb:vertical {
  537. height: 10px;
  538. background-color: #FFFFFF;}
  539.  
  540. #aboutTop::-webkit-scrollbar-thumb:horizontal {
  541. height: 10px!important;
  542. background-color: #FFFFFF;}
  543.  
  544. #aboutTop::-webkit-scrollbar {
  545. width: 1px;
  546. height: 10px;
  547. background-color: #FFFFFF;}
  548.  
  549. #aboutTop a, #aboutTop a:active, #aboutTop a:link, #aboutTop a:visited{
  550. width: 58px;
  551. color: #AAAAAA;
  552. font: 8px 'PT Sans', sans-serif;
  553. font-size: 8px;
  554. font-family: 'PT Sans', sans-serif;
  555. line-height: 10px;
  556. text-transform: uppercase;
  557. margin-right: 5px;
  558. margin-bottom: 5px;
  559. padding: 5px;
  560. background-color: #F5F5F5;
  561. display: inline-block;
  562. transition: all 0.7s ease-in-out;
  563. -webkit-transition: all 0.7s ease-in-out;
  564. -moz-transition: all 0.7s ease-in-out;
  565. -o-transition: all 0.7s ease-in-out;}
  566.  
  567. #aboutTop a:hover{
  568. transition: all 0.7s ease-in-out;
  569. -webkit-transition: all 0.7s ease-in-out;
  570. -moz-transition: all 0.7s ease-in-out;
  571. -o-transition: all 0.7s ease-in-out;}
  572.  
  573. #aboutBottom{
  574. overflow: auto;
  575. width: 355px;
  576. height: 250px;
  577. margin-bottom: 10px;
  578. padding: 10px;
  579. background-color: #F5F5F5;}
  580.  
  581. #aboutBottom::-webkit-scrollbar-thumb:vertical {
  582. height: 10px;
  583. background-color: #FFFFFF;}
  584.  
  585. #aboutBottom::-webkit-scrollbar-thumb:horizontal {
  586. height: 10px!important;
  587. background-color: #FFFFFF;}
  588.  
  589. #aboutBottom::-webkit-scrollbar {
  590. width: 1px;
  591. height: 10px;
  592. background-color: #FFFFFF;}
  593.  
  594. span#aboutText{
  595. color: #000000;
  596. font: 8px 'Cambria', serif;
  597. font-size: 8px;
  598. font-family: 'Cambria', serif;
  599. line-height: 14px;
  600. display: block;}
  601.  
  602. #aboutFooter{
  603. width: 355px;
  604. height: 10px;
  605. font: 8px 'PT Sans', sans-serif;
  606. font-size: 8px;
  607. font-family: 'PT Sans', sans-serif;
  608. line-height: 10px;
  609. text-align: center;
  610. text-transform: uppercase;
  611. padding: 10px;
  612. background-color: #F5F5F5;}
  613.  
  614.  
  615. /* entypo */
  616. [class*="entypo-"]:before {
  617. font-family: 'Entypo', sans-serif;}
  618. </style>
  619. </head>
  620.  
  621. <body>
  622. <div id="wrapper">
  623.  
  624. <div id="sidebar">
  625. <div id="sideIcon">
  626. <img border="0" src="http://i.imgur.com/tr0OlzH.png" />
  627. </div>
  628.  
  629. <div class="textBox" style="text-align: center; margin-bottom: 10px;">
  630. <a class="navigation" href="/"><span class="entypo-home"></span></a><a class="navigation" onClick="changeNavigation('profile')"><span class="entypo-user"></span></a><a class="navigation" href="mailto: [your email here]"><span class="entypo-mail"></span></a><a class="navigation" href=""><span class="entypo-twitter"></span></a><a class="navigation" href=""><span class="entypo-tumblr"></span></a><a class="navigation" href=""><span class="entypo-instagrem"></span></a>
  631. </div>
  632.  
  633. <div class="sideTitle">The Minimalist</div>
  634. <div class="textBox">
  635. Welcome to <b>The Minimalist</b> template. It's a two column, grid template that was created for <a href="http://blogger.com">Blogger Classic</a>. It is considered a basecode and is open to any form of editing and changing colours you, the user, feels is necessary as long as all credits remain intact. You can use this section to write a small about me.
  636. </div>
  637.  
  638.  
  639. <div class="sideTitle">The Archives</div>
  640. <div class="textBox" style="margin-bottom: 8px;">
  641. <select style="width: 100%; color: #7C7C7C; font: 8px 'Calibri', sans-serif; font-size: 8px; font-family: 'Calibri', sans-serif; text-transform: uppercase; margin-bottom: 3px; padding: 4px; background: transparent; display: block; border: 0;" onchange="location.href=this.options[this.selectedIndex].value;">
  642. <option value="10"> &#9660; monthly archives</option>
  643. <BloggerArchives><option value="<$BlogArchiveURL$>"><span class="entypo-cancel"></span> <$BlogArchiveName$></option></BloggerArchives>
  644. </select>
  645.  
  646. <select style="width: 100%; color: #7C7C7C; font: 8px 'Calibri', sans-serif; font-size: 8px; font-family: 'Calibri', sans-serif; text-transform: uppercase; padding: 4px; background: transparent; display: block; border: 0px;" onchange="location.href=this.options[this.selectedIndex].value;">
  647. <option value="10"> &#9660; previous posts</option>
  648. <BloggerPreviousItems><option value="<$BlogItemPermalinkURL$>">&#10003; <$BlogPreviousItemTitle$></option></BloggerPreviousItems>
  649. </select>
  650. </div>
  651.  
  652. <!-- do not  alter this section of the code -->
  653. <div class="sideTitle">The Ascriptions</div>
  654. <div class="textBox">
  655. This template / base template is the product of <a href="http://blogskins.com/me/acatalepsy" title="blogskins.">that</a> <a href="http://www.untraversable.tk" title="main blog.">one</a> <a href="http://heisei.tk/blog" title="coding blog.">kid</a> and is created strictly for <a href="http://blogger.com">Blogger Classic</a>. fonts used are credited to <a href="http://google.com/fonts">Google Fonts</a>, icon fonts used are credited to <a href="http://weloveiconfonts.com">We Love Icon Fonts</a>, and the initial image used for the sidebar is credited to <a href="http://weheartit.com">We&hearts;It</a>. a specical thanks to <a href="http://desandro.com">David DeSandro</a> for his <a href="http://masonry.desandro.com">Masonry grid layout</a> script codes.
  656. <spacer style="height: 3px; display: block;"></spacer>
  657. This template is free to customise in any manner, but the credits for the template should remain intact at all times.
  658. </div>
  659. <!-- end credits -->
  660.  
  661.  
  662. <MainOrArchivePage>
  663. <div style="text-align: right; font-style: 15px;">
  664. <span style="float: left; font-style: 15px;">
  665. <OlderPosts><a class="navigation" href="<$OlderPosts$>" title="next page."><span class="entypo-left"></span></a></OlderPosts>
  666. </span>
  667.  
  668. <NewerPosts><a class="navigation" href="<$NewerPosts$>" title="previous page."><span class="entypo-right"></span></a></NewerPosts>
  669. </div>
  670. </MainOrArchivePage>
  671.  
  672. <ItemPage>
  673. <div style="text-align: right; font-style: 15px;">
  674. <span style="float: left; font-style: 15px;">
  675. <OlderPosts><a class="navigation" href="<$OlderPosts$>" title="next post."><span class="entypo-left"></span></a></OlderPosts>
  676. </span>
  677.  
  678. <NewerPosts><a class="navigation" href="<$NewerPosts$>" title="previous post."><span class="entypo-right"></span></a></NewerPosts>
  679. </div>
  680. </ItemPage>
  681. </div>
  682.  
  683.  
  684. <div id="container">
  685.  
  686. <div id="main">
  687. <div id="posts">
  688. <Blogger>
  689. <MainOrArchivePage>
  690. <div class="entry">
  691. <BlogItemTitle><div class="entryTitle"><a href="<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a></div></BlogItemTitle>
  692. <BlogDateHeader><div class="entryDate">posted on <$BlogDateHeaderDate$> // <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$> title="view/leave comments."><$BlogItemCommentCount$> comment(s)</a></div></BlogDateHeader>
  693.  
  694. <BlogItemBody>
  695. <div class="text">
  696. <$BlogItemBody$>
  697. </div>
  698. </BlogItemBody>
  699. </div>
  700. </MainOrArchivePage>
  701.  
  702. <ItemPage>
  703. <div class="entries">
  704. <BlogItemTitle><div class="entryTitle"><a href="<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a></div></BlogItemTitle>
  705. <BlogDateHeader><div class="entryDate">posted on <$BlogDateHeaderDate$> // <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$> title="view/leave comments."><$BlogItemCommentCount$> comment(s)</a></div></BlogDateHeader>
  706.  
  707. <BlogItemBody>
  708. <div class="text">
  709. <$BlogItemBody$>
  710. </div>
  711. </BlogItemBody>
  712. </div>
  713. </ItemPage>
  714. </Blogger>
  715. </div>
  716. </div>
  717.  
  718.  
  719.  
  720. <div id="profile" style="display: none;">
  721. <div id="about">
  722.  
  723. <div class="x"><a href="/" title="back to main page."><span class="entypo-cancel"></span></a></div>
  724.  
  725. <div id="aboutCont">
  726. <div id="aboutSide">
  727. <div id="aboutIcon">
  728. <img border="0" src="http://i.imgur.com/H2mp2So.png" />
  729. </div>
  730.  
  731. <div class="aboutTitle">mon biographie</div>
  732. <div class="aboutText" title="quote by robert frank.">&ldquo;Black and white are the colors of photography. To me they symbolize the alternatives of hope and despair to which mankind is forever subjected.&rdquo;</div>
  733.  
  734. <!-- feel free to alter these links to your liking. no more than six links -->
  735. <a class="abtnav" href="">link i</a>
  736. <a class="abtnav" href="">link ii</a>
  737. <a class="abtnav" href="">link iii</a>
  738. <a class="abtnav" href="">link iv</a>
  739. <a class="abtnav" href="">link v</a>
  740. <a class="abtnav" href="">link vi</a>
  741. <!-- do not  alter this section of the code -->
  742. </div>
  743.  
  744.  
  745. <div id="aboutContent">
  746. <div id="aboutTop" style="text-align: center;">
  747. <a href="URL">friend</a><a href="URL">friend</a><a href="URL">friend</a><a href="URL">friend</a><a href="URL">friend</a><a href="URL">friend</a><a href="URL">friend</a><a href="URL">friend</a><a href="URL">friend</a><a href="URL">friend</a><a href="URL">friend</a><a href="URL">friend</a><a href="URL">friend</a><a href="URL">friend</a><a href="URL">friend</a><a href="URL">friend</a><a href="URL">friend</a><a href="URL">friend</a><a href="URL">friend</a><a href="URL">friend</a><a href="URL">friend</a><a href="URL">friend</a><a href="URL">friend</a><a href="URL">friend</a><a href="URL">friend</a><a href="URL">friend</a><a href="URL">friend</a><a href="URL">friend</a><a href="URL">friend</a><a href="URL">friend</a>
  748. </div>
  749.  
  750. <div id="aboutBottom">
  751. <span id="aboutText">
  752. Here is the section of the about me portion where you can write about yourself about your likes and dislikes and all of that fun stuff. Say as little as you want or as much as you want, this section is a scroller for those with a lot to say.<br><br>
  753.  
  754. Praesent i'm in the shizzle break yo neck, yall nizzle mauris the bizzle bibendizzle. Aliquam lacinia shut the shizzle up lectus. Sizzle izzle bow wow wow izzle leo sodales break it down. Aliquizzle lobortis, maurizzle shizzle my nizzle crocodizzle dapibizzle shiz, ass ligula bibendizzle metizzle, go to hizzle bow wow wow augue pot in shiznit. Vivamizzle shit lacizzle mah nizzle ipsizzle. Vivamizzle arcu mammasay mammasa mamma oo sa, fo break it down amizzle, faucibizzle in, shizzle my nizzle crocodizzle izzle, mauris. Da bomb vehicula sure yippiyo. Vestibulizzle shit pimpin', hendrerit izzle, condimentum izzle, gangster a, arcu. Morbi sizzle placerizzle nulla. Maecenas malesuada erizzle shiznit erizzle. Shit metizzle sem, sizzle gangsta, accumsizzle check out this, elementizzle yo, neque. Pot iaculizzle shiz a sizzle tincidunt sodales. Fusce sizzle, nulla eget fo mollis, lacizzle fizzle brizzle da bomb, vitae sizzle augue you son of a bizzle vitae arcu. Etizzle vehicula crunk. Ghetto sizzle sheezy. Dizzle get down get down turpizzle. Vestibulizzle a magna. Hizzle turpis erizzle, crazy id, tempizzle shiz, pimpin' izzle, my shizz. Mammasay mammasa mamma oo sa tellus. Nulla hizzle erizzle, dope sizzle amet, ultricizzle uhuh ... yih!, tincidunt nizzle, augue.<br><br>
  755.  
  756. Lorem ipsum dolor sizzle ma nizzle, consectetizzle adipiscing elit. Nullizzle break it down velizzle, shizzle my nizzle crocodizzle volutpizzle, suscipizzle owned, gravida vizzle, arcu. Pellentesque eget tortor. Sizzle erizzle. Daahng dawg izzle crunk get down get down go to hizzle tempizzle daahng dawg. Maurizzle mammasay mammasa mamma oo sa nibh et turpizzle. Mofo in tortor. Pellentesque daahng dawg rhoncizzle mofo. In hac habitasse pizzle dictumst. Things dapibizzle. Curabitizzle tellus urna, pretizzle shizzlin dizzle, mattizzle break yo neck, yall, gizzle gizzle, nunc. suscipit. Integer sempizzle tellivizzle sizzle purus.
  757. </span>
  758. </div>
  759.  
  760. <div id="aboutFooter">
  761. &copy; <$BlogTitle$> &mdash; > 2014 // All Right Reserved.
  762. </div>
  763. </div>
  764. </div>
  765. </div>
  766. </div>
  767.  
  768.  
  769. </div>
  770. </div>
  771. </body>
  772. </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!