API tools faq
paste
Advertisement
thematchgirl

Theme 19 wo Slider

thematchgirl
May 30th, 2014
282
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.33 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <title>{title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  7. </head>
  8. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300,300italic' rel='stylesheet' type='text/css'>
  9. <link rel="shortcut icon" type="image/png" href="images/icon1.png">
  10. <script type="text/javascript" src="http://static.tumblr.com/hzv1lz4/APkmx312k/jquery.min.js"></script>
  11. <script type="text/javascript" src="http://static.tumblr.com/hzv1lz4/PhVmx3141/jmpress.min.js"></script>
  12. <script src="http://static.tumblr.com/hzv1lz4/I7Nmugrrm/pace.min.js"></script>
  13. <script type="text/javascript" src="http://static.tumblr.com/hzv1lz4/KLRmx3184/jquery.jmslideshow.js"></script>
  14. <script type="text/javascript" src="http://static.tumblr.com/hzv1lz4/m2Mmx319r/modernizr.custom.js"></script>
  15.  
  16. <meta name="color:first color" content="#ff3f3d">
  17. <meta name="color:second color" content="#ffffff">
  18. <meta name="color:third color" content="#5f5f5f">
  19.  
  20. <meta name="image:content bg" content="http://i.imgur.com/lsTKGht.png">
  21. <meta name="image:footer bg" content="http://i.imgur.com/8uKoe9v.png">
  22. <meta name="image:header image" content="http://i.imgur.com/DG9lcBF.png">
  23. <meta name="image:character1" content="http://i.imgur.com/is61asx.png">
  24. <meta name="image:character2" content="http://i.imgur.com/QTPyVv1.png">
  25. <meta name="image:character3" content="http://i.imgur.com/8UDxaYd.png">
  26.  
  27. <meta name="text:Link1URL" content=""/>
  28. <meta name="text:Link2URL" content=""/>
  29. <meta name="text:Link3URL" content=""/>
  30. <meta name="text:Link1" content="Nothing"/>
  31. <meta name="text:Link2" content="Nothing"/>
  32. <meta name="text:Link3" content="Nothing"/>
  33. <meta name="text:Facebook" content=""/>
  34. <meta name="text:Twitter" content=""/>
  35. <meta name="text:Email" content=""/>
  36. <meta name="text:Character 1" content="Character 1"/>
  37. <meta name="text:Character 2" content="Character 2"/>
  38. <meta name="text:Character 3" content="Character 3"/>
  39. <meta name="text:Username" content="Your Username"/>
  40. <meta name="text:Second Desc" content="">
  41. <meta name="text:Second Desc Title" content="">
  42.  
  43. <style>
  44. @font-face {
  45. color:{color:second color};
  46. font-family:ElegantIcons;
  47. font-style:normal;
  48. font-weight:400;
  49. src:url(fonts/ElegantIcons.eot?#iefix) format(embedded-opentype), url(http://static.tumblr.com/hzv1lz4/2MQmx31dk/eleganticons.woff) format(woff), url(http://static.tumblr.com/hzv1lz4/dB8mx31bk/eleganticons.ttf) format(truetype), url(http://static.tumblr.com/hzv1lz4/srNmx31eg/eleganticons.svg#ElegantIcons) format(svg);
  50. }
  51.  
  52. ::-webkit-scrollbar-thumb:vertical {
  53. background-color:{color:second color};
  54. border:2px solid {color:first color};
  55. height:12px;
  56. }
  57.  
  58. ::-webkit-scrollbar-thumb:horizontal {
  59. background-color:{color:first color};
  60. }
  61.  
  62. ::-webkit-scrollbar {
  63. background-color:{color:second color};
  64. border:5px solid {color:first color};
  65. height:7px;
  66. width:11px;
  67. }
  68.  
  69. body {
  70. background:{color:first color};
  71. color:{color:third color};
  72. font-family:Quicksand;
  73. font-size:16px;
  74. overflow-x:hidden;
  75. text-align:justify;
  76. text-shadow:1px 1px 1px rgba(0,0,0,0.1);
  77. margin:0px;
  78. padding:0px;
  79. }
  80.  
  81. #link {
  82. display:block;
  83. left:0;
  84. margin-bottom:20px;
  85. position:fixed;
  86. text-align:center;
  87. top:-50px;
  88. width:100%;
  89. -webkit-transition: all 0.5s ease-in-out;
  90. -moz-transition: all 0.5s ease-in-out;
  91. -o-transition: all 0.5s ease-in-out;
  92. transition: all 0.5s ease-in-out;
  93. }
  94.  
  95. #link a {
  96. -moz-box-shadow:0 5px 9px rgba(50,50,50,0.51);
  97. -ms-transform:rotate(7deg);
  98. -webkit-box-shadow:0 5px 9px rgba(50,50,50,0.51);
  99. -webkit-transform:rotate(7deg);
  100. background:{color:second color};
  101. box-shadow:0 5px 9px rgba(50,50,50,0.51);
  102. color:{color:first color};
  103. display:inline-block;
  104. font-family:Mensch;
  105. font-size:16px;
  106. font-weight:700;
  107. margin-right:20px;
  108. padding:70px 10px 15px;
  109. text-align:center;
  110. text-transform:uppercase;
  111. transform:rotate(7deg);
  112. width:80px;
  113. -webkit-transition: all 0.5s ease-in-out;
  114. -moz-transition: all 0.5s ease-in-out;
  115. -o-transition: all 0.5s ease-in-out;
  116. transition: all 0.5s ease-in-out;
  117. }
  118.  
  119. #link a:hover {
  120. -moz-transform:rotate(0deg);
  121. -o-transform:rotate(0deg);
  122. -webkit-transform:rotate(0deg);
  123. font-size:18px;
  124. }
  125.  
  126. a {
  127. color:{color:first color};
  128. text-decoration:none;
  129. }
  130.  
  131. b {
  132. color:{color:first color};
  133. }
  134.  
  135. #tabel td {
  136. border-left:#000;
  137. padding:10px;
  138. width:25%;
  139. }
  140.  
  141. #header {
  142. height:100%;
  143. left:0;
  144. padding:10px;
  145. position:fixed;
  146. text-align:center;
  147. top:15%;
  148. width:100%;
  149. }
  150.  
  151. #link:hover a {
  152. opacity:.7;
  153. }
  154.  
  155. #link:hover a:hover {
  156. opacity:1;
  157. }
  158.  
  159. #konten {
  160. background:url({image:content bg}) {color:second color};
  161. margin-top:800px;
  162. padding:20px;
  163. position:absolute;
  164. width:98%;
  165. }
  166.  
  167. #footer {
  168. background:url({image:footer bg}) {color:third color};
  169. color:{color:second color};
  170. height:100%;
  171. margin-bottom:-20px;
  172. margin-left:-20px;
  173. padding:20px;
  174. width:100%;
  175. }
  176.  
  177. #footer b {
  178. background:{color:second color};
  179. display:block;
  180. padding:10px;
  181. width:90%;
  182. }
  183.  
  184. #menn a {
  185. background:{color:first color};
  186. color:{color:second color};
  187. display:block;
  188. font-size:14px;
  189. marign-bottom:1px;
  190. padding:5px;
  191. width:100%;
  192. }
  193.  
  194. #menn a:hover {
  195. background:{color:second color};
  196. color:{color:first color};
  197. }
  198.  
  199. .box {
  200. background:{color:second color};
  201. border-radius:20px;
  202. display:inline-block;
  203. height:100%;
  204. margin-left:-5%;
  205. padding:10px;
  206. text-align:justify;
  207. width:100%;
  208. }
  209.  
  210. .box table {
  211. width:100%;
  212. }
  213.  
  214. .box td {
  215. color:{color:first color};
  216. font-size:15px;
  217. font-weight:700;
  218. text-align:center;
  219. text-transform:uppercase;
  220. width:25%;
  221. }
  222.  
  223. .box img {
  224. border:5px solid {color:first color};
  225. border-radius:10px 20px 0 0;
  226. width:100%;
  227. }
  228.  
  229. .box h2 {
  230. color:{color:first color};
  231. font-family:Quicksand;
  232. font-size:20px;
  233. text-align:center;
  234. }
  235.  
  236. .box img:hover {
  237. -moz-box-shadow:0 5px 9px rgba(50,50,50,0.51);
  238. -webkit-box-shadow:0 5px 9px rgba(50,50,50,0.51);
  239. box-shadow:0 5px 9px rgba(50,50,50,0.51);
  240. }
  241.  
  242. .about {
  243. margin-bottom:50px;
  244. margin-left:10%;
  245. width:80%;
  246. }
  247.  
  248. .blog {
  249. font-size:14px;
  250. margin-bottom:50px;
  251. margin-left:25%;
  252. width:50%;
  253. }
  254.  
  255. .blog h2 {
  256. background:{color:first color};
  257. color:{color:second color};
  258. display:block;
  259. font-size:30px;
  260. padding:10px;
  261. }
  262.  
  263. .blog h2:hover {
  264. background:{color:second color};
  265. color:{color:first color};
  266. }
  267.  
  268. blockquote {
  269. border-left:5px solid {color:first color};
  270. opacity:.8;
  271. padding-left:5px;
  272. min-height:35px;
  273. }
  274.  
  275. .end {
  276. background:{color:first color};
  277. color:{color:second color};
  278. font-size:12px;
  279. margin-bottom:25px;
  280. padding:10px;
  281. text-align:center;
  282. display:block;
  283. }
  284.  
  285. .end a {
  286. color:{color:second color};
  287. font-family:Quicksand;
  288. text-transform:uppercase;
  289. font-weight:700;
  290. font-size:12px;
  291. }
  292.  
  293. .end li,#footer li {
  294. list-style:none;
  295. }
  296.  
  297. .time {
  298. margin-left:-90px;
  299. margin-top:0;
  300. position:absolute;
  301. }
  302.  
  303. .date {
  304. background:{color:first color};
  305. color:{color:second color};
  306. display:block;
  307. font-size:13px;
  308. padding:5px;
  309. text-align:center;
  310. width:60px;
  311. font-weight:700;
  312. }
  313.  
  314. .mont {
  315. background:{color:second color};
  316. color:{color:first color};
  317. display:block;
  318. font-size:30px;
  319. height:50px;
  320. padding:10px;
  321. text-align:center;
  322. width:50px;
  323. }
  324.  
  325. h2 {
  326. color:{color:first color};
  327. font-family:Mensch;
  328. font-size:50px;
  329. text-align:center;
  330. margin:0px;
  331. }
  332.  
  333. #footer table {
  334. width:80%;
  335. }
  336.  
  337. #footer table td {
  338. border-left:1px solid {color:second color};
  339. padding:20px;
  340. text-align:center;
  341. vertical-align:top;
  342. }
  343.  
  344. .jms-slideshow {
  345. height:460px;
  346. margin:20px auto;
  347. max-width:1400px;
  348. min-width:640px;
  349. position:relative;
  350. width:80%;
  351. }
  352.  
  353. .jms-wrapper {
  354. -moz-background-clip:padding;
  355. -moz-transition:background-color 1s linear;
  356. -ms-transition:background-color 1s linear;
  357. -o-transition:background-color 1s linear;
  358. -webkit-background-clip:padding;
  359. -webkit-transition:background-color 1s linear;
  360. background-clip:padding-box;
  361. height:440px;
  362. min-width:600px;
  363. outline:none;
  364. transition:background-color 1s linear;
  365. width:auto;
  366. }
  367.  
  368. .step {
  369. -moz-transition:opacity 1s;
  370. -ms-transition:opacity 1s;
  371. -o-transition:opacity 1s;
  372. -webkit-transition:opacity 1s;
  373. display:block;
  374. height:420px;
  375. transition:opacity 1s;
  376. width:900px;
  377. }
  378.  
  379. .step:not(.active) {
  380. -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  381. filter:alpha(opacity=0);
  382. opacity:0;
  383. }
  384.  
  385. .jms-content {
  386. clear:both;
  387. margin:0 370px 0 20px;
  388. position:relative;
  389. }
  390.  
  391. .jms-content a {
  392. color:{color:second color};
  393. }
  394.  
  395. .jms-content p {
  396. color:{color:second color};
  397. }
  398.  
  399. .step h3 {
  400. color:{color:second color};
  401. font-size:30px;
  402. font-weight:700;
  403. margin:0;
  404. padding:60px 0 10px;
  405. }
  406.  
  407. .step p {
  408. color:{color:second color};
  409. font-size:18px;
  410. font-weight:400;
  411. position:relative;
  412. text-align:justify;
  413. }
  414.  
  415. .step table td {
  416. height:100%;
  417. padding:10px;
  418. }
  419.  
  420. a.jms-link {
  421. background:{color:second color};
  422. border-radius:4px;
  423. box-shadow:1px 1px 1px rgba(0,0,0,0.5);
  424. clear:both;
  425. color:{color:first color};
  426. display:inline-block;
  427. font-size:16px;
  428. font-weight:700;
  429. margin-top:40px;
  430. opacity:1;
  431. padding:8px 15px;
  432. text-shadow:1px 1px 1px rgba(0,0,0,0.3);
  433. text-transform:uppercase;
  434. }
  435.  
  436. a.link {
  437. background:{color:second color};
  438. border-radius:4px;
  439. box-shadow:1px 1px 1px rgba(0,0,0,0.5);
  440. clear:both;
  441. color:{color:first color};
  442. display:block;
  443. font-size:16px;
  444. font-weight:700;
  445. margin-bottom:5px;
  446. opacity:1;
  447. padding:8px 15px;
  448. text-shadow:1px 1px 1px rgba(0,0,0,0.3);
  449. text-transform:uppercase;
  450. -webkit-transition: all 0.5s ease-in-out;
  451. -moz-transition: all 0.5s ease-in-out;
  452. -o-transition: all 0.5s ease-in-out;
  453. transition: all 0.5s ease-in-out;
  454. width:100%;
  455. }
  456.  
  457. .step:not(.active) a.jms-link {
  458. margin-top:80px;
  459. opacity:0;
  460. }
  461.  
  462. .jms-arrows {
  463. -moz-user-select:none;
  464. -ms-user-select:none;
  465. -o-user-select:none;
  466. -webkit-user-select:none;
  467. user-select:none;
  468. }
  469.  
  470. .jms-arrows span {
  471. border-radius:3px;
  472. cursor:pointer;
  473. height:80px;
  474. margin-top:-40px;
  475. position:absolute;
  476. top:50%;
  477. width:50px;
  478. z-index:2000;
  479. }
  480.  
  481. .jms-arrows span.jms-arrows-prev {
  482. background:url(http://i.imgur.com/kQrHtZx.png) no-repeat 50% 50%;
  483. left:-10px;
  484. }
  485.  
  486. .jms-arrows span.jms-arrows-next {
  487. background:url(http://i.imgur.com/EjZA6Tp.png) no-repeat 50% 50%;
  488. right:-10px;
  489. }
  490.  
  491. .jms-wrapper.not-supported {
  492. background-color:rgba(227,216,268,1);
  493. }
  494.  
  495. .jms-wrapper.not-supported:after {
  496. content:'The slideshow functionality is not supported on your device.';
  497. display:block;
  498. padding:0 0 30px;
  499. text-align:center;
  500. }
  501.  
  502. .jms-wrapper.not-supported .step {
  503. -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);
  504. display:none;
  505. filter:alpha(opacity=99);
  506. margin:20px auto;
  507. opacity:1;
  508. position:relative;
  509. }
  510.  
  511. .jms-wrapper.not-supported .step:first-of-type {
  512. display:block;
  513. }
  514.  
  515. .jms-wrapper.not-supported .step:not(.active) a.jms-link {
  516. margin-top:40px;
  517. opacity:1;
  518. }
  519.  
  520. .pace {
  521. -moz-user-select:none;
  522. -webkit-pointer-events:none;
  523. -webkit-user-select:none;
  524. pointer-events:none;
  525. user-select:none;
  526. }
  527.  
  528. .pace .pace-activity {
  529. -webkit-transform:translateX(100%) translateY(-100%) rotate(45deg);
  530. -webkit-transition:0 .3s;
  531. background:{color:second color};
  532. display:block;
  533. height:300px;
  534. pointer-events:none;
  535. position:fixed;
  536. right:0;
  537. top:0;
  538. transform:translateX(100%) translateY(-100%) rotate(45deg);
  539. transition:transform .3s;
  540. width:300px;
  541. z-index:2000;
  542. }
  543.  
  544. .pace.pace-active .pace-activity {
  545. -webkit-transform:translateX(50%) translateY(-50%) rotate(45deg);
  546. transform:translateX(50%) translateY(-50%) rotate(45deg);
  547. }
  548.  
  549. .pace .pace-activity::before,.pace .pace-activity::after {
  550. border:5px solid {color:first color};
  551. border-radius:50%;
  552. bottom:30px;
  553. content:'';
  554. display:block;
  555. left:50%;
  556. position:absolute;
  557. }
  558.  
  559. .pace .pace-activity::before {
  560. -webkit-animation:pace-rotation 3s linear infinite;
  561. animation:pace-rotation 3s linear infinite;
  562. border-left-color:rgba(0,0,0,.2);
  563. border-right-color:rgba(0,0,0,.2);
  564. height:80px;
  565. margin-left:-40px;
  566. width:80px;
  567. }
  568.  
  569. .pace .pace-activity::after {
  570. -webkit-animation:pace-rotation 1s linear infinite;
  571. animation:pace-rotation 1s linear infinite;
  572. border-bottom-color:rgba(0,0,0,.2);
  573. border-top-color:rgba(0,0,0,.2);
  574. bottom:50px;
  575. height:40px;
  576. margin-left:-20px;
  577. width:40px;
  578. }
  579.  
  580. 100% {
  581. -webkit-transform:rotate(359deg);
  582. transform:rotate(359deg);
  583. }
  584.  
  585. [data-icon]:before {
  586. -webkit-font-smoothing:antialiased;
  587. content:attr(data-icon);
  588. font-family:ElegantIcons;
  589. font-variant:normal;
  590. font-weight:400;
  591. line-height:1;
  592. speak:none;
  593. text-transform:none;
  594. }
  595.  
  596. .arrow_up,.arrow_down,.arrow_left,.arrow_right,.arrow_left-up,.arrow_right-up,.arrow_right-down,.arrow_left-down,.arrow-up-down,.arrow_up-down_alt,.arrow_left-right_alt,.arrow_left-right,.arrow_expand_alt2,.arrow_expand_alt,.arrow_condense,.arrow_expand,.arrow_move,.arrow_carrot-up,.arrow_carrot-down,.arrow_carrot-left,.arrow_carrot-right,.arrow_carrot-2up,.arrow_carrot-2down,.arrow_carrot-2left,.arrow_carrot-2right,.arrow_carrot-up_alt2,.arrow_carrot-down_alt2,.arrow_carrot-left_alt2,.arrow_carrot-right_alt2,.arrow_carrot-2up_alt2,.arrow_carrot-2down_alt2,.arrow_carrot-2left_alt2,.arrow_carrot-2right_alt2,.arrow_triangle-up,.arrow_triangle-down,.arrow_triangle-left,.arrow_triangle-right,.arrow_triangle-up_alt2,.arrow_triangle-down_alt2,.arrow_triangle-left_alt2,.arrow_triangle-right_alt2,.arrow_back,.icon_minus-06,.icon_plus,.icon_close,.icon_check,.icon_minus_alt2,.icon_plus_alt2,.icon_close_alt2,.icon_check_alt2,.icon_zoom-out_alt,.icon_zoom-in_alt,.icon_search,.icon_box-empty,.icon_box-selected,.icon_minus-box,.icon_plus-box,.icon_box-checked,.icon_circle-empty,.icon_circle-slelected,.icon_stop_alt2,.icon_stop,.icon_pause_alt2,.icon_pause,.icon_menu,.icon_menu-square_alt2,.icon_menu-circle_alt2,.icon_ul,.icon_ol,.icon_adjust-horiz,.icon_adjust-vert,.icon_document_alt,.icon_documents_alt,.icon_pencil,.icon_pencil-edit_alt,.icon_pencil-edit,.icon_folder-alt,.icon_folder-open_alt,.icon_folder-add_alt,.icon_info_alt,.icon_error-oct_alt,.icon_error-circle_alt,.icon_error-triangle_alt,.icon_question_alt2,.icon_question,.icon_comment_alt,.icon_chat_alt,.icon_vol-mute_alt,.icon_volume-low_alt,.icon_volume-high_alt,.icon_quotations,.icon_quotations_alt2,.icon_clock_alt,.icon_lock_alt,.icon_lock-open_alt,.icon_key_alt,.icon_cloud_alt,.icon_cloud-upload_alt,.icon_cloud-download_alt,.icon_image,.icon_images,.icon_lightbulb_alt,.icon_gift_alt,.icon_house_alt,.icon_genius,.icon_mobile,.icon_tablet,.icon_laptop,.icon_desktop,.icon_camera_alt,.icon_mail_alt,.icon_cone_alt,.icon_ribbon_alt,.icon_bag_alt,.icon_creditcard,.icon_cart_alt,.icon_paperclip,.icon_tag_alt,.icon_tags_alt,.icon_trash_alt,.icon_cursor_alt,.icon_mic_alt,.icon_compass_alt,.icon_pin_alt,.icon_pushpin_alt,.icon_map_alt,.icon_drawer_alt,.icon_toolbox_alt,.icon_book_alt,.icon_calendar,.icon_film,.icon_table,.icon_contacts_alt,.icon_headphones,.icon_lifesaver,.icon_piechart,.icon_refresh,.icon_link_alt,.icon_link,.icon_loading,.icon_blocked,.icon_archive_alt,.icon_heart_alt,.icon_star_alt,.icon_star-half_alt,.icon_star,.icon_star-half,.icon_tools,.icon_tool,.icon_cog,.icon_cogs,.arrow_up_alt,.arrow_down_alt,.arrow_left_alt,.arrow_right_alt,.arrow_left-up_alt,.arrow_right-up_alt,.arrow_right-down_alt,.arrow_left-down_alt,.arrow_condense_alt,.arrow_expand_alt3,.arrow_carrot_up_alt,.arrow_carrot-down_alt,.arrow_carrot-left_alt,.arrow_carrot-right_alt,.arrow_carrot-2up_alt,.arrow_carrot-2dwnn_alt,.arrow_carrot-2left_alt,.arrow_carrot-2right_alt,.arrow_triangle-up_alt,.arrow_triangle-down_alt,.arrow_triangle-left_alt,.arrow_triangle-right_alt,.icon_minus_alt,.icon_plus_alt,.icon_close_alt,.icon_check_alt,.icon_zoom-out,.icon_zoom-in,.icon_stop_alt,.icon_menu-square_alt,.icon_menu-circle_alt,.icon_document,.icon_documents,.icon_pencil_alt,.icon_folder,.icon_folder-open,.icon_folder-add,.icon_folder_upload,.icon_folder_download,.icon_info,.icon_error-circle,.icon_error-oct,.icon_error-triangle,.icon_question_alt,.icon_comment,.icon_chat,.icon_vol-mute,.icon_volume-low,.icon_volume-high,.icon_quotations_alt,.icon_clock,.icon_lock,.icon_lock-open,.icon_key,.icon_cloud,.icon_cloud-upload,.icon_cloud-download,.icon_lightbulb,.icon_gift,.icon_house,.icon_camera,.icon_mail,.icon_cone,.icon_ribbon,.icon_bag,.icon_cart,.icon_tag,.icon_tags,.icon_trash,.icon_cursor,.icon_mic,.icon_compass,.icon_pin,.icon_pushpin,.icon_map,.icon_drawer,.icon_toolbox,.icon_book,.icon_contacts,.icon_archive,.icon_heart,.icon_profile,.icon_group,.icon_grid-2x2,.icon_grid-3x3,.icon_music,.icon_pause_alt,.icon_phone,.icon_upload,.icon_download,.social_facebook,.social_twitter,.social_pinterest,.social_googleplus,.social_tumblr,.social_tumbleupon,.social_wordpress,.social_instagram,.social_dribbble,.social_vimeo,.social_linkedin,.social_rss,.social_deviantart,.social_share,.social_myspace,.social_skype,.social_youtube,.social_picassa,.social_googledrive,.social_flickr,.social_blogger,.social_spotify,.social_delicious,.social_facebook_circle,.social_twitter_circle,.social_pinterest_circle,.social_googleplus_circle,.social_tumblr_circle,.social_stumbleupon_circle,.social_wordpress_circle,.social_instagram_circle,.social_dribbble_circle,.social_vimeo_circle,.social_linkedin_circle,.social_rss_circle,.social_deviantart_circle,.social_share_circle,.social_myspace_circle,.social_skype_circle,.social_youtube_circle,.social_picassa_circle,.social_googledrive_alt2,.social_flickr_circle,.social_blogger_circle,.social_spotify_circle,.social_delicious_circle,.social_facebook_square,.social_twitter_square,.social_pinterest_square,.social_googleplus_square,.social_tumblr_square,.social_stumbleupon_square,.social_wordpress_square,.social_instagram_square,.social_dribbble_square,.social_vimeo_square,.social_linkedin_square,.social_rss_square,.social_deviantart_square,.social_share_square,.social_myspace_square,.social_skype_square,.social_youtube_square,.social_picassa_square,.social_googledrive_square,.social_flickr_square,.social_blogger_square,.social_spotify_square,.social_delicious_square {
  597. -webkit-font-smoothing:antialiased;
  598. font-family:ElegantIcons;
  599. font-style:normal;
  600. font-variant:normal;
  601. font-weight:400;
  602. line-height:1;
  603. speak:none;
  604. text-transform:none;
  605. }
  606.  
  607. blockquote:before {
  608. color:{color:second color};
  609. content:"\275D";
  610. font-size:70px;
  611. margin-left:-60px;
  612. margin-top:-20px;
  613. position:absolute;
  614. text-shadow:2px 2px {color:first color};
  615. }
  616.  
  617. .icon_comment:before {
  618. content:"\e065";
  619. }
  620.  
  621. .icon_mail:before {
  622. content:"\e076";
  623. }
  624.  
  625. .icon_tag:before {
  626. content:"\e07b";
  627. }
  628.  
  629. .icon_tags:before {
  630. content:"\e07c";
  631. }
  632.  
  633. .social_facebook_circle:before {
  634. content:"\e0aa";
  635. }
  636.  
  637. .social_twitter_circle:before {
  638. content:"\e0ab";
  639. }
  640.  
  641. .social_googleplus_circle:before {
  642. content:"\e0ad";
  643. }
  644.  
  645. .social_tumblr_circle:before {
  646. content:"\e0ae";
  647. }
  648.  
  649. .social_wordpress_circle:before {
  650. content:"\e0b0";
  651. }
  652.  
  653. .social_instagram_circle:before {
  654. content:"\e0b1";
  655. }
  656.  
  657. .social_dribbble_circle:before {
  658. content:"\e0b2";
  659. }
  660.  
  661. .social_vimeo_circle:before {
  662. content:"\e0b3";
  663. }
  664.  
  665. .social_skype_circle:before {
  666. content:"\e0b9";
  667. }
  668.  
  669. .social_youtube_circle:before {
  670. content:"\e0ba";
  671. }
  672.  
  673. .social_picassa_circle:before {
  674. content:"\e0bb";
  675. }
  676.  
  677. .social_googledrive_alt2:before {
  678. content:"\e0bc";
  679. }
  680.  
  681. .social_flickr_circle:before {
  682. content:"\e0bd";
  683. }
  684.  
  685. .iconed {
  686. font-family:ElegantIcons;
  687. font-size:25px;
  688. }
  689.  
  690. .rules {
  691. background:{color:second color};
  692. border-radius:10px;
  693. color:{color:first color};
  694. display:block;
  695. height:99%;
  696. margin-left:30px;
  697. overflow:auto;
  698. padding:5px;
  699. text-align:justify;
  700. width:99%;
  701. }
  702.  
  703. .question {
  704. background:{color:first color};
  705. color:{color:second color};
  706. margin-bottom:10px;
  707. margin-left:150px;
  708. padding:10px;
  709. display:block;
  710. min-height:130px;
  711. }
  712.  
  713. .question a {
  714. color:{color:second color};
  715. }
  716.  
  717. .question:before {
  718. color:{color:first color};
  719. content:'\25c0';
  720. font-size:40px;
  721. margin-left:-30px;
  722. margin-top:25px;
  723. position:absolute;
  724. }
  725.  
  726. .ava {
  727. background:{color:first color};
  728. display:block;
  729. float:left;
  730. text-align:center;
  731. width:128px;
  732. color:{color: second color};
  733. font-size:12px;
  734. }
  735.  
  736. .ava a {
  737. color:{color:second color};
  738. }
  739.  
  740. .username {
  741. color:{color:second color};
  742. display:block;
  743. font-weight:700;
  744. margin:5px;
  745. text-transform:uppercase;
  746. }
  747.  
  748. .caption {
  749. background:{color:second color};
  750. display:block;
  751. padding:10px;
  752. margin-top:5px;
  753. margin-bottom:5px;
  754. }
  755.  
  756. .audio {
  757. background:{color:second color};
  758. display:block;
  759. height:25px;
  760. opacity:.5;
  761. overflow:hidden;
  762. padding:37.5px 65px 37.5px 10px;
  763. position:absolute;
  764. width:25px;
  765. z-index:10000;
  766. }
  767.  
  768. .music {
  769. background:{color:first color};
  770. color:{color:second color};
  771. font-size:20px;
  772. height:100px;
  773. padding:5px;
  774. text-align:center;
  775. }
  776.  
  777. .quote {
  778. color:{color:first color};
  779. font-size:20px;
  780. font-style:italic;
  781. }
  782.  
  783. .quote:first-letter {
  784. font-size:25px;
  785. opacity:.7;
  786. }
  787.  
  788. sup {
  789. font-size:16px;
  790. }
  791.  
  792. .2 {
  793. background:{color:second color};
  794. padding:3px;
  795. text-align:justify;
  796. }
  797.  
  798. .1 {
  799. background:{color:first color};
  800. color:{color:second color};
  801. padding:3px;
  802. }
  803.  
  804. ::-moz-selection,::selection {
  805. background-color:{color:second color};
  806. color:{color:second color};
  807. }
  808.  
  809. img, .html_photoset {
  810. max-width:100%;
  811. }
  812.  
  813. #pagination {
  814. font-size:18px;
  815. font-weight:700;
  816. color:{color:first color};
  817. text-align:center;
  818. display:block;
  819. }
  820.  
  821. .prev, .next {
  822. background:{color:second color};
  823. border-radius:4px;
  824. box-shadow:1px 1px 1px rgba(0,0,0,0.5);
  825. clear:both;
  826. color:{color:first color};
  827. display:block;
  828. font-size:16px;
  829. font-weight:700;
  830. margin-bottom:5px;
  831. opacity:1;
  832. text-align:center;
  833. padding:8px 15px;
  834. text-shadow:1px 1px 1px rgba(0,0,0,0.3);
  835. text-transform:uppercase;
  836. width:100px;
  837. position:absolute;
  838. }
  839.  
  840. .prev {
  841. margin-left:0;
  842. margin-top:0;
  843. }
  844.  
  845. .next {
  846. margin-left:38%;
  847. margin-top:-20px;
  848. }
  849.  
  850. .txt {
  851. color:{color:first color};
  852. background:{color:second color};
  853. padding:5px;
  854. border-radius:10px;
  855. border:1px solid #f8f8f8;
  856. }
  857.  
  858. .sub {
  859. background:{color:first color};
  860. color:{color:second color};
  861. border:1px solid {color:first color};
  862. padding:5px;
  863. border-radius:5px;
  864. }
  865.  
  866. .icon {
  867. border-radius:100%;
  868. border:10px inset {color:second color};
  869. }
  870.  
  871. .titled {
  872. color:{color:second color};
  873. font-family:Mensch;
  874. font-size:30px;
  875. margin-bottom:10px;
  876. }
  877. </style>
  878. <body>
  879. <div id="link">
  880. <a href="/">Home</a>
  881. <a href="/ask">Message Us</a>
  882. <a href="/archive">Archive</a>
  883. {block:ifLink1}<a href="{text:Link1URL}">{text:Link1}</a>{/block:ifLink1}
  884. {block:ifLink2}<a href="{text:Link2URL}">{text:Link2}</a>{/block:ifLink2}
  885. {block:ifLink3}<a href="{text:Link3URL}">{text:Link3}</a>{/block:ifLink3}
  886. <a href="http://hellolittlered.org">theme</a>
  887. </div>
  888.  
  889. <!-- slider -->
  890. <div id="header">
  891. <section id="jms-slideshow" class="jms-slideshow">
  892. <div class="step" data-color="color-2">
  893. <div class="jms-content">
  894. <br>
  895. <center>
  896. <img src="{PortraitURL-128}" class="icon">
  897. <div class="titled">{title}</div>
  898. </center>
  899.  
  900. <p>{description}</p>
  901. </div>
  902. <img src="{image:header image}" style="position:absolute;top:0;right:20px">
  903. </div>
  904.  
  905. </section>
  906. </div>
  907.  
  908. <!-- the content -->
  909.  
  910. <section id="konten">
  911. <div class="blog">
  912. {block:posts}
  913. <div class="cont">
  914. {block:Date}<a href="{permalink}"><div class="time">
  915. <div class="mont">{DayOfMonthWithZero}<sup>{DayOfMonthSuffix}</sup></div>
  916. <div class="date">{ShortMonth}</div>
  917. </div></a>
  918. {/block:Date}
  919.  
  920. {block:Photo}
  921. <center><a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt=""></a></center>
  922. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  923. {/block:Photo}
  924.  
  925. {block:Photoset}
  926. <center><div class="photo">{Photoset}</div></center>
  927. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  928. {/block:Photoset}
  929.  
  930. {block:Quote}
  931. <div class="quote caption">"{Quote}"
  932. <b>- {Source}</b></div>
  933. {/block:Quote}
  934.  
  935. {block:Text}
  936. {block:Title}<a href="{permalink}"><h2>{Title}</h2></a>{/block:Title}
  937. <div class="caption">{Body}</div>
  938. {/block:Text}
  939.  
  940. {block:Answer}
  941. <div class="ava"><img src="{AskerPortraitURL-128}">
  942. <span class="username">{asker}</span>
  943. </div>
  944. <div class="question">{Question}</div>
  945. <div class="caption">{Answer}</div>
  946. {/block:Answer}
  947.  
  948.  
  949. {block:Link}
  950. <a href="{URL}"><h2>{Name} →</h2></a>
  951. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  952. {/block:Link}
  953.  
  954. {block:Chat}
  955. <div class="chat">
  956. {block:Title}<a href="{Permalink}"><h2>{Title}</h2></a>{/block:Title}
  957. <div class="caption"><table>
  958. {block:Lines}<tr>{block:Label}<td class="1"><b>{Label}</b></td>{/block:Label}<td class="2">{Line}</td></tr>{/block:Lines}
  959. </table></div>
  960. </div>
  961. {/block:Chat}
  962.  
  963.  
  964. {block:Audio}
  965.  
  966. <div class="music">
  967. <div class="audio">
  968. {AudioPlayerWhite}
  969. </div>
  970. {block:AlbumArt}
  971. <img src="{AlbumArtURL}" width="100px" height="100px" align="left">
  972. {/block:AlbumArt}
  973. <br/>
  974. {block:TrackName}<em><strong>{TrackName}</strong></em>{/block:TrackName} {block:Artist}<br/>
  975. <span style="font-size:16px">{Artist}</span>{/block:Artist}
  976. </div>
  977. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  978. {/block:Audio}
  979.  
  980.  
  981. {block:Video}
  982. {Video-700}
  983. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  984. {/block:Video}
  985.  
  986. <div class="end">
  987. {block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource} - <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}
  988. {block:HasTags}<li class="icon_tag"> {block:Tags}<a href="{TagURL}">{Tag},</a>{/block:Tags}</li>{/block:HasTags}
  989. {block:NoteCount}<li class="icon_comment"> <a href="{permalink}">{NoteCountWithLabel}</a></li>{/block:NoteCount}
  990. </div>
  991. {block:PostNotes}{PostNotes}{/block:PostNotes}
  992. </div>
  993. {/block:posts}
  994.  
  995. {block:Pagination}
  996. <div id="pagination">
  997. {block:PreviousPage}<a href="{PreviousPage}" class="prev">PREV</a>{/block:PreviousPage}
  998. {CurrentPage}/{TotalPages}
  999. {block:NextPage}<a href="{NextPage}" class="next">NEXT</a>{/block:NextPage}
  1000. </div>
  1001. {/block:Pagination}
  1002. </div>
  1003.  
  1004. <!-- the footer -->
  1005. <section id="footer">
  1006. <table align="center">
  1007. <tr>
  1008. <td style="border:none;">
  1009. <b>Other Media</b><br>
  1010. <form action="/search" method="get">
  1011. <input type="text" name="q" value="{SearchQuery}" class="txt"/>
  1012. <input type="submit" value="Search" class="sub"/>
  1013. </form><br>
  1014. {block:ifFacebook}<a class="social_facebook_circle" style="color:{color:second color};font-size:40px;display:inline-block;margin:5px" href="{text:Facebook}"></a>{/block:ifFacebook}
  1015. {block:ifTwitter}<a class="social_twitter_circle" style="color:{color:second color};font-size:40px;display:inline-block;margin:5px" href="{text:Twitter}"></a>{/block:ifTwitter}
  1016. {block:ifEmail}<a href="mailto:{text:Email}" class="icon_mail" style="color:{color:second color};font-size:40px;display:inline-block;margin:5px"></a>{/block:ifEmail}
  1017. <p>© {text:username}<br>
  1018. {CopyrightYears}<br>
  1019. </td>
  1020.  
  1021. <td>
  1022. <center id="menn"><b>Menu</b><br>
  1023. <small>
  1024. <a href="/">Home</a>
  1025. <a href="/ask">Message</a>
  1026. <a href="/archive">Archive</a>
  1027. {block:ifLink1}<a href="{text:Link1URL}">{text:Link1}</a>{/block:ifLink1}
  1028. {block:ifLink2}<a href="{text:Link2URL}">{text:Link2}</a>{/block:ifLink2}
  1029. {block:ifLink3}<a href="{text:Link3URL}">{text:Link3}</a>{/block:ifLink3}
  1030. <a href="http://hellolittlered.org">theme</a>
  1031. </small></center>
  1032. </td>
  1033. </tr>
  1034. </table>
  1035. </section>
  1036.  
  1037. <!-- the footer -->
  1038.  
  1039. </section>
  1040. <script type="text/javascript">
  1041. $(function() {
  1042. $( '#jms-slideshow' ).jmslideshow();
  1043. });
  1044. </script>
  1045. </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!