Respatii

TES

Jan 2nd, 2013
83
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.61 KB | None | 0 0
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  4. <head>
  5. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  6. <title><data:blog.pageTitle/></title>
  7. <meta content='deskripsi blog kamu' name='DESCRIPTION'/>
  8. <meta content='keyword blog kamu' name='KEYWORDS'/> </b:if>
  9. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  10. <title><data:blog.pageName/></title>
  11. <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
  12. <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
  13. </b:if>
  14. <meta content='index, follow' name='robots'/>
  15. <meta content='1 days' name='revisit-after'/>
  16. <meta content='all' name='robots'/>
  17. <meta content='all' name='googlebot'/>
  18. <meta content='blogger' name='generator'/>
  19. <meta content='general' name='rating'/>
  20. <b:skin><![CDATA[
  21. /**
  22. * Theme Name: Black rock shooter
  23. * Theme URI: http://blackrockshooter-bt.blogspot.com/
  24. * Description: simple anime blogger template
  25. * Author: Johanes DJ
  26. * Author URI: http://Djogzs.blogspot.com
  27. *
  28. */
  29. .navbar {
  30. visibility:hidden;
  31. display:none;
  32. }
  33. #content{
  34. padding: 0px;
  35. position: relative;
  36. width: 600px;
  37. margin: auto;
  38. float:left;
  39. }
  40. .postim{
  41. background:#fff;
  42. padding:10px;
  43. margin-top:10px;
  44. }
  45. .profile-textblock {
  46. margin: .5em 0;
  47. text-align: justify;
  48. }
  49. .comments .comments-content .user {
  50. font-style: normal;
  51. }
  52. .comments {
  53. clear: both;
  54. margin-top: 10px;
  55. margin-left: 20px;
  56. padding: 10px;
  57. border-radius: 5px;
  58. background: #FCFCFB;
  59. border: 1px solid #DDD;
  60. width: 565px;
  61. }
  62. .comments .comments-content .datetime {
  63. font-style: normal;
  64. float: right;
  65. margin-right: 10px;
  66. }
  67. .post h2{
  68. font-family: 'Open Sans', sans-serif;
  69. font-size: 15px;
  70. line-height: 25px;
  71. text-align: left;
  72. font-weight: normal;
  73. color: #fff;
  74. letter-spacing: -1px;
  75. }
  76. .post h2 a:link,.post h2 a:visited{
  77. color:#fff;
  78. }
  79. .timemeta{
  80. font-size: 12px;
  81. text-decoration: none;
  82. color: white;
  83. padding: 5px;
  84. -moz-transition: all 0.2s ease-in-out;
  85. -webkit-transition: all 0.2s ease-in-out;
  86. -o-transition: all 0.2s ease-in-out;
  87. transition: all 0.2s ease-in-out;
  88. line-height: 22px;
  89. text-align: right;
  90. text-transform: uppercase;
  91. font-family: 'Open Sans', sans-serif;
  92. position: absolute;
  93. top: 20px;
  94. right:0px;
  95. z-index:2;
  96. text-shadow: 1px 1px 2px black;
  97. }
  98.  
  99. .bigcom a{
  100. font-size: 11px;
  101. text-decoration: none;
  102. color: white;
  103. padding: 5px;
  104. -moz-transition: all 0.2s ease-in-out;
  105. -webkit-transition: all 0.2s ease-in-out;
  106. -o-transition: all 0.2s ease-in-out;
  107. transition: all 0.2s ease-in-out;
  108. line-height: 22px;
  109. text-align: right;
  110. text-transform: uppercase;
  111. font-family: 'Open Sans', sans-serif;
  112. position: absolute;
  113. top: 0px;
  114. right: 0px;
  115. z-index:2;
  116. text-shadow: 1px 1px 2px black;
  117. }
  118. .leftmeta {
  119. padding: 2px;
  120. text-transform: uppercase;
  121. font-family: 'Open Sans', sans-serif;
  122. -moz-transition: all 0.2s ease-in-out;
  123. -webkit-transition: all 0.2s ease-in-out;
  124. -o-transition: all 0.2s ease-in-out;
  125. transition: all 0.2s ease-in-out;
  126. font-size: 12px;
  127. text-decoration: none;
  128. color:#312C21;
  129. margin-top:5px;
  130. display:none;
  131. }
  132.  
  133. .fullpost{
  134. line-height: 25px;
  135. text-align: right;
  136. color:
  137. white;
  138. text-transform: uppercase;
  139. font-size: 11px;
  140. float: left;
  141. width: 100%;
  142. }
  143. .fullpost a:link, .fullpost a:visited{
  144. color:#fff;margin-right: 5px;
  145. }
  146. .bigcom a:link, .bigcom a:visited{
  147. color:#fff;
  148. }
  149. .arrow{
  150. position:absolute;
  151. top:50px;
  152. left:-10px;
  153. height:30px;
  154. width:10px;
  155. }
  156. .postright{
  157. width: 280px;
  158. float: left;
  159. margin-right: 0px;
  160. position: relative;
  161. min-height: 270px;
  162. background:#191A1E url("http://1.bp.blogspot.com/-cvshyJayi2M/UOF25BAAhxI/AAAAAAAAEQQ/LMpFO-UiJi4/s1600/Untitled-1.jpg") no-repeat top left;
  163. border-radius: 5px;
  164. }
  165. .postright img{max-width:280px;border-radius: 5px 5px 0px 0px;}
  166. .categ{float: left;display:none;
  167. color:#222;}
  168. .categ a:link,.categ a:visited {
  169. text-shadow: 0px 3px 1px black
  170. font-size:11px;
  171. text-decoration:none;
  172. text-align: center;color:#666;
  173. padding: 5px;
  174. -moz-transition: all 0.2s ease-in-out;
  175. -webkit-transition: all 0.2s ease-in-out;
  176. -o-transition: all 0.2s ease-in-out;
  177. transition: all 0.2s ease-in-out;
  178. line-height: 22px;
  179. margin-bottom: 5px;
  180. text-align: center;
  181. text-transform: uppercase;
  182. }
  183. .data{
  184. margin-bottom: 10px;
  185. height: 20px;
  186. }
  187. .author,.clock{
  188. padding:3px 10px;
  189. margin:0px 0px 0px -10px ;
  190. font-size:13px;
  191. color:#000;
  192. text-transform:uppercase;
  193. }
  194. .clock {float:right;}
  195. .widget-content{padding: 10px;
  196. color: #666;
  197. padding-bottom: 15px;}
  198. .comments .comments-content .comment-header, .comments .comments-content .comment-content {
  199. margin: 0 10px 10px;
  200. }
  201. #ArchiveList ul li {
  202. margin: -6px 0 0 10px !important;
  203. }
  204. #ArchiveList ul li a:link, #ArchiveList ul li a:visited {
  205. padding: 0px 0px 0px 10px !important;
  206. margin:5px;
  207. line-height: 35px
  208. }
  209. #commentsbox {
  210. margin:0;
  211. width:600px;
  212. }
  213. h3#comments{
  214. font-size30px;
  215. font-family: 'Open Sans', sans-serif;
  216. color:#ffffff;
  217. font-weight:normal;
  218. padding:10px 10px ;
  219. background:#D3D4CE;
  220. margin-top:10px;
  221. }
  222. ol.commentlist {
  223. margin:0px 0 0;
  224. clear:both;
  225. overflow:hidden;
  226. list-style:none;
  227. }
  228. ol.commentlist li {
  229. margin:0px 0;
  230. line-height:18px;
  231. padding:10px;
  232. background:#78786D;
  233. }
  234. ol.commentlist li .comment-author {
  235. color:#ffffff;
  236. }
  237. .comment-body {
  238. margin: auto;
  239. -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5);
  240. -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.5);
  241. box-shadow: 0 1px 4px rgba(0,0,0,0.5);
  242. padding: 5px;
  243. }
  244. ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited{
  245. color:#ffffff;
  246. font-weight:bold;
  247. text-decoration:none !important;font-size:15px;font-family: 'Open Sans', sans-serif;}
  248. }
  249. ol.commentlist li .comment-author .fn {
  250. color:#000;
  251. }
  252. ol.commentlist li .comment-author .avatar{
  253. float:right;
  254. background:#fff;
  255. padding:3px;
  256. }
  257. .comments .comments-content .comment-content {
  258. text-align: justify;
  259. border-bottom: 1px solid
  260. #DDD;
  261. }
  262. .comments .comment .comment-actions a {
  263. padding: 5px;
  264. font-size: 14px;
  265. font-family: 'Open Sans', sans-serif;
  266. text-decoration: none;
  267. text-align: center;
  268. color: #222;
  269. -webkit-border-radius: 8px;
  270. -moz-border-radius: 8px;
  271. border-radius: 8px;
  272. margin: 5px;
  273. }
  274. .comments .continue a {
  275. padding: 5px;
  276. font-size: 13px;
  277. text-decoration: none;
  278. text-align: left;
  279. color: #222;
  280. margin: 5px;
  281. margin-left: 70px;
  282. }
  283. .avatar-image-container {
  284. float:right;
  285. height:45px;
  286. width:45px;
  287. }
  288. .avatar-image-container img {
  289. height:45px;
  290. width:45px;
  291. }
  292. .comments .avatar-image-container {
  293. float: left;
  294. max-height: 45px;
  295. overflow: hidden;
  296. width: 45px;
  297. border: 4px double #222;
  298. }
  299. .comments .avatar-image-container img {height:auto;}
  300. ol.commentlist li .comment-meta{
  301. font-size:13px;font-family: 'Open Sans', sans-serif;
  302. }
  303. ol.commentlist li .comment-meta .commentmetadata{
  304. color:#555;
  305. }
  306. ol.commentlist li .comment-meta a {
  307. color:#ffffff;
  308. text-decoration:none !important;
  309. }
  310. ol.commentlist li p {
  311. line-height:22px;
  312. margin-top:5px;
  313. color:#FEFAEF;
  314. font-size:12px;
  315. }
  316. ol.commentlist li .reply{
  317. margin-top:10px;
  318. font-size:10px;
  319. }
  320. ol.commentlist li .reply a{
  321. background:#5F553B;
  322. color:#fff;
  323. text-decoration:none;
  324. padding:3px 10px;
  325. }
  326. ol.commentlist li.odd {
  327. background:#D3D4CE;
  328. }
  329. ol.commentlist li.even {
  330. }
  331. ol.commentlist li.even:hover{BACKGROUND:#D3D4CE;}
  332. ol.commentlist li ul.children {
  333. list-style:none;
  334. margin:1em 0 0;
  335. text-indent:0;
  336. }
  337. ol.commentlist li ul.children li.depth-2 {
  338. margin:0 0 0px 50px;
  339. }
  340. ol.commentlist li ul.children li.depth-3 {
  341. margin:0 0 0px 50px;
  342. }
  343. ol.commentlist li ul.children li.depth-4 {
  344. margin:0 0 0px 50px;
  345. }
  346. ol.commentlist li ul.children li.depth-5 {
  347. margin:0 0 0px 50px;
  348. }
  349. .comment-nav{
  350. padding:5px ;
  351. height:20px;
  352. background:#C4D533;
  353. }
  354. .comment-nav a:link,.comment-nav a:visited{
  355. color:#fff;
  356. }
  357. #respond{
  358. padding:20px;
  359. margin:20px 0px;
  360. }
  361. #respond h3 {
  362. font-size:20px;
  363. font-family: 'Open Sans', sans-serif;
  364. color:#000;
  365. padding-bottom:10px;
  366. }
  367. #commentform p{
  368. margin:5px 0px;
  369. }
  370. #respond label{
  371. display:block;
  372. padding:5px 0;
  373. font-weight:bold;
  374. color:#3F361F;
  375. }
  376. #respond label small {
  377. font-size:10px;
  378. }
  379. #respond input {
  380. margin-bottom:10px;
  381. padding:5px 0px;
  382. margin:0 10px 10px 0;
  383. background:#6F6753;
  384. color:#F7EEE9;
  385. }
  386. #commentform input{
  387. width:99%;
  388. }
  389. #respond input#commentSubmit {
  390. width:100px;
  391. padding:5px 0px;
  392. background:#B7CD2C;
  393. color:#fff;
  394. margin:10px 0px;
  395. font-weight:bold;
  396. cursor:pointer;
  397. }
  398. textarea#comment{
  399. background:#6F6753;
  400. width:99%;
  401. margin:0px 0px;
  402. padding:5px 0px;
  403. color:#F7EEE9;
  404. }
  405. html,body,div,span,object,h1,h2,h3,h4,h5,h6,p
  406. ,pre,a,abbr,acronym,address,big,cite
  407. ,code,del,dfn,em,img,ins,kbd,q,samp,small
  408. ,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,
  409. form,label,legend,table,caption,tbody,tfoot,
  410. thead,tr,th,td{
  411. margin:0;
  412. padding:0;
  413. vertical-align:baseline;
  414. outline:none;
  415. }
  416. b,i,hr,u,center,menu,layer,s,strike,font,xmp
  417. {
  418. margin:0;
  419. padding:0;
  420. vertical-align:baseline;
  421. outline:none;
  422. font-size:100%;
  423. background:transparent;
  424. border:none;
  425. }
  426. font{
  427. color:#333
  428. }
  429. center{
  430. text-align:left
  431. }
  432. body {
  433. margin:0 auto;
  434. padding:0px 0px 0px 0px;
  435. background: #B2AA9F;
  436. font-family: 'Open Sans', sans-serif;
  437. color:#312C21;
  438. overflow-x:hidden;
  439. font-size:13px;
  440. width:100%;
  441. background-position-x: 210px;
  442. }
  443. a {
  444. color: #222;
  445. text-decoration: none;
  446. }
  447. a:visited {
  448. color: #000;
  449. }
  450. a:hover, a:active {
  451. color: #3F94C1;
  452. text-decoration:none;
  453. }
  454. h1,h2, h3, h4, h5, h6 {
  455. color: #000;
  456. font-weight: bold;
  457. }
  458. h1 {
  459. font-size: 45px;
  460. font-family: 'Open Sans', sans-serif;}
  461. h2 {
  462. font-size: 21px;
  463. }
  464. h3 {
  465. font-size: 19px;
  466. }
  467. h4 {
  468. font-size: 17px;color:#222;
  469. }
  470. h5 {
  471. font-size: 15px;
  472. }
  473. h6 {
  474. font-size: 13px;
  475. }
  476. ul {
  477. list-style: none;
  478. }
  479. blockquote {
  480. font-style: italic;
  481. color: black;
  482. border: 4px double #222;
  483. padding: 25px;
  484. border-radius: 5px;
  485. overflow:hidden;
  486. }
  487. blockquote blockquote {
  488. color: #777;
  489. }
  490. blockquote em {
  491. font-style: normal;
  492. }
  493. pre {
  494. padding: 9px;
  495. background: #f9f9f9;
  496. border: 1px solid #ccc;
  497. }
  498. code {
  499. padding: 0 3px;
  500. background: #eee;
  501. }
  502. pre code {
  503. background: transparent;
  504. }
  505. .clear {
  506. clear:both;
  507. }
  508. img.centered {
  509. display: block;
  510. margin-left: auto;
  511. margin-right: auto;
  512. margin-bottom: 10px;
  513. padding: 0px;
  514. }
  515. img.alignnone {
  516. padding: 5px 5px;
  517. margin: 0px 0px 10px 0px;
  518. display: inline;
  519. background:#E4E4E4;
  520. }
  521. img.alignright {
  522. padding: 5px 5px;
  523. margin: 0px 0px 0px 0px;
  524. display: inline;
  525. background:#E4E4E4;
  526. }
  527. img.alignleft {
  528. padding: 5px 5px;
  529. margin: 0px 0px 0px 0px;
  530. display: inline;
  531. background:#E4E4E4;
  532. }
  533. .aligncenter {
  534. display: block;
  535. margin-left: auto;
  536. margin-right: auto;
  537. margin-bottom: 10px;
  538. }
  539. .alignright {
  540. float: right;
  541. margin: 0px 0px 10px 10px;
  542. }
  543. .alignleft {
  544. float: left;
  545. margin: 0px 10px 10px 0px;
  546. }
  547. #casing{
  548. padding: 0px 0px 0px 0px;
  549. background: rgba(255, 255, 255, 0.8);
  550. margin-bottom: 30px;
  551. width:920px;
  552. margin: auto;
  553. }
  554. #wrapper{
  555. margin:auto;
  556. border-radius:0px 0px 5px 5px;
  557. }
  558. #topbar{
  559. width:1000px;
  560. }
  561. .today{
  562. float:left;
  563. margin:10px 0px 10px 20px;
  564. text-transform:uppercase;
  565. font-size:11px;
  566. height:18px;
  567. line-height:18px;
  568. padding-left:20px;
  569. }
  570. .feeds{
  571. float:right;
  572. margin-right:20px;
  573. text-transform:uppercase;
  574. }
  575. .feeds ul{
  576. margin:0px;
  577. padding:0px;
  578. }
  579. .feeds ul li{
  580. float:right;
  581. margin:10px 0px 10px 10px;
  582. list-style:none;
  583. line-height:18px;
  584. padding-left:20px;
  585. font-size:11px;
  586. }
  587. .feeds a:link, .feeds a:visited{
  588. color:#4C393A;
  589. }
  590. #header{
  591. position: absolute;
  592. padding-left: 20px;
  593. padding-right: 20px;
  594. bottom: 0px;
  595. }
  596.  
  597. #main3 h2:before {
  598. content: "";
  599. background: url(http://4.bp.blogspot.com/-lDQdDq5W6j4/UOFvgsOpHWI/AAAAAAAAEPg/wgZdsuqvkxc/s1600/brs.png) no-repeat;
  600. width: 80px;
  601. height: 80px;
  602. position: absolute;
  603. margin-top: -20px;
  604. margin-left: 225px;
  605. }
  606.  
  607. #main1 h2:before, #main2 h2:before {
  608. content: "";
  609. background: url(http://4.bp.blogspot.com/-lDQdDq5W6j4/UOFvgsOpHWI/AAAAAAAAEPg/wgZdsuqvkxc/s1600/brs.png) no-repeat;
  610. width: 80px;
  611. height: 80px;
  612. position: absolute;
  613. margin-top: -20px;
  614. margin-left: 375px;
  615. }
  616.  
  617. h1#blog-title {
  618. font-weight: normal;
  619. z-index: 2;
  620. letter-spacing: -1px;
  621. margin: auto;
  622. text-align: left;
  623. background: rgba(255, 255, 255, 0.7) url(http://2.bp.blogspot.com/-1E-IiRiXhsQ/UOFw135n4OI/AAAAAAAAEPw/RGUIkhwaqmQ/s1600/brs.png) no-repeat top left;
  624. border-radius: 5px 5px 0px 0px;
  625. text-shadow: 0px 0px 1px #222;
  626. padding-left: 50px;
  627. }
  628. h1#blog-title a {padding:5px;color:#312C21;padding-left: 10px;
  629. padding-right: 10px;}
  630. h1#blog-title a:link,h1#blog-title a:visited {
  631. color:#312C21;
  632. font-family: 'Open Sans', sans-serif;
  633. font-weight: normal;
  634. letter-spacing: -1px;
  635. }
  636. h2#blog-desc {
  637. font-size: 15px;
  638. margin: auto;
  639. color: #222;
  640. z-index: 1;
  641. text-transform: uppercase;
  642. font-weight: normal;
  643. font-family: 'Open Sans', sans-serif;
  644. padding: 3px;
  645. padding-left: 65px;
  646. padding-right: 10px;
  647. text-align: left;
  648. margin-bottom: 15px;
  649. background: rgba(255, 255, 255, 0.7);
  650. border-radius: 0px 0px 5px 5px;
  651. }
  652. .title h2{
  653. font-size: 25px;
  654. line-height: 150%;
  655. text-align: left;
  656. font-weight: normal;
  657. margin: auto;
  658. text-decoration: none;
  659. color: #FAFAFA;
  660. background: #3F94C1;
  661. padding: 5px;
  662. border-radius: 5px;
  663. text-shadow: 1px 1px 2px #222;
  664. }
  665. .title h2 a:link, .title h2 a:visited{
  666. color:#fff;text-decoration: none;
  667. }
  668. .postmeta, .postinfo{
  669. background:#F5ECC1;
  670. padding:3px 10px;
  671. border:1px solid #DFD5A7;
  672. font-size:10px;
  673. text-transform:uppercase;
  674. }
  675. .post{
  676. margin: 0px 0px 20px 20px;
  677. display: inline;
  678. width: 280px;
  679. float: left;
  680. position: relative;
  681. overflow: hidden;
  682. }
  683.  
  684. .pagepost{
  685. width: 555px;
  686. float: left;
  687. margin: 20px;
  688. line-height: 1.8;
  689. font-size: 13px;
  690. margin-bottom: 25px;
  691. padding: 15px;
  692. background: #FCFCFB;
  693. border-radius: 5px;
  694. margin-top: 0px;
  695. border: 1px solid #DDD;
  696. }
  697. .pagepost a{color:#000;text-decoration:underline;}
  698. .widget {
  699. margin: auto;}
  700. .singlepst p:first-letter {
  701. font-size : 30px;
  702. font-weight : bold;
  703. float : left;
  704. font-family: 'Open Sans', sans-serif;
  705. color : #3F3A2B;
  706. margin:8px 5px 0px 0px;
  707. }
  708. .cover {
  709. margin:0 0;
  710. color:#222;
  711. overflow: hidden;
  712. }
  713. .cover ul, .cover ol{
  714. margin: .4em 0 1em;
  715. line-height: 150%;
  716. }
  717. .cover ul li, .cover ol li{
  718. list-style-position:outside;
  719. margin-left: 1.6em;
  720. }
  721. .cover p{
  722. margin:5px 0px;
  723. padding:5px 0px;
  724. line-height:22px;
  725. }
  726. .cover table {
  727. width: 100%;
  728. border-collapse: separate;
  729. }
  730. .cover td, .cover th {
  731. padding: 3px 6px;
  732. }
  733. .cover th {
  734. background: #eee;
  735. }
  736. h2.pagetitle{
  737. font-size:14px;
  738. padding:10px 0px;
  739. font-weight:normal;
  740. margin-right:10px;
  741. color:#6F6753;
  742. text-align:right;
  743. text-shadow: 0px 1px 1px black;
  744. }
  745. .comments .avatar-image-container img {
  746. max-width: 45px;
  747. }
  748. .main3 {width: 290px;
  749. list-style-type: none;
  750. float: left;
  751. padding: 10px;
  752. padding-top:0px;}
  753. #main3 .widget-content {
  754. overflow: hidden;
  755. color: #DDD;
  756. margin-bottom: 10px;
  757. padding: 10px;
  758. margin-left: 15px;
  759. border-radius: 0px 0px 5px 5px;
  760. background: rgba(255, 255, 255, 0.8);
  761. font-size: 12px;
  762. margin-bottom: 20px;
  763. border: 1px solid #DDD;}
  764. #main1 .widget-content, #main2 .widget-content {
  765. overflow: hidden;
  766. color: #DDD;
  767. margin-bottom: 10px;
  768. padding: 5px;
  769. margin-left: 15px;
  770. border-radius:0px 0px 5px 5px;
  771. background: rgba(0, 0, 0, 0.3);
  772. font-size: 13px;}
  773. #main1 ,#main2 {width:48%;float:left;margin: 3px;margin-left: 6px;list-style-type:none;margin-top:20px;}
  774. #main1 h2 ,#main2 h2 {
  775. font-size: 17px;
  776. line-height: 30px;
  777. text-align: left;
  778. font-weight: normal;
  779. box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.5), 0 0px 0 #5E524F;
  780. margin: auto;
  781. padding: 4px 15px;
  782. color: white;
  783. background: #3F94C1;
  784. margin-left: 15px;
  785. border-radius: 5px 5px 0px 0px;}
  786.  
  787. #main3 h2 {
  788. font-size: 15px;
  789. line-height: 30px;
  790. text-align: left;
  791. font-weight: normal;
  792. box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.5), 0 0px 0 #5E524F;
  793. margin: auto;
  794. padding: 4px 15px;
  795. color: white;
  796. background: #3F94C1;
  797. width: 245px;
  798. margin-left: 15px;
  799. border-radius: 5px 5px 0px 0px;
  800. text-shadow: 1px 1px 2px #222;
  801. }
  802. #main1 ul li a:link, #main1 ul li a:visited{color:#ddd;}
  803. #main2 ul li a:link, #main2 ul li a:visited{color:#ddd;}
  804. .footer {
  805. margin: 0 auto;
  806. z-index: 1;
  807. float: center;
  808. text-align: left;
  809. position: relative;
  810. min-height: 440px;
  811. }
  812. .widget ul li a span.ltr {display:none;}
  813. .widget ul {
  814. line-height: 1.8;
  815. }
  816. #footer{
  817. width:920px;
  818. padding: 0px 0px 0px 0px;
  819. position: relative;
  820. font-size: 11px;
  821. color: black;
  822. min-height: 400px;
  823. background: #222;
  824. margin: auto;
  825. box-shadow: inset 0 11px 40px rgba(0, 0, 0, 0.7), 0 1px 0 #222;
  826. -webkit-box-shadow: inset 0 11px 40px rgba(0, 0, 0, 0.7), 0 1px 0 #222;
  827. -moz-box-shadow: inset 0 11px 40px rgba(0,0,0,0.7), 0 1px 0 #222;
  828. border-radius: 0px 0px 5px 5px;
  829. margin-bottom:10px;
  830. padding-bottom:50px;
  831. }
  832. #footer a:link, #footer a:visited{
  833. color:#fafafa;
  834. }
  835. #footer a:hover{color:#3F94C1;}
  836. #footer-wrapper{padding:15px 0 50px 10px;color:#fff;line-height:100%;overflow:hidden;}
  837. #footer-wrapper a{color:#fff;}
  838. #footer-wrapper .fr a,#footer-wrapper .fl a{color:#fff;}
  839. #footer-wrapper .fr a:hover,#footer-wrapper .fl a:hover{color:#fff;}
  840. #footer-wrapper .fr{padding:0 0px 0 0;}
  841. .fleft{
  842. text-align: left;
  843. margin: auto;
  844. height: 75px;
  845. padding: 10px;
  846. line-height: 25px;
  847. color: #222;
  848. font-size: 12px;
  849. width: 920px;
  850. background: #B2AA9F url(http://2.bp.blogspot.com/-ojxsuANQxmY/UOGQrhJaeoI/AAAAAAAAEQw/vq_zaK2sk94/s1600/Untitled-1+copy.jpg) no-repeat bottom left;
  851. }
  852. .fleft a{color:#222;}
  853. .fright{
  854. float:right;
  855. text-align:right;
  856. margin:10px 10px 0px 0px;
  857. line-height:16px;
  858. width:40%
  859. }
  860. .postad{
  861. margin:10px;
  862. float:left;
  863. }
  864. #Label1 ul li{font-family: 'Open Sans', sans-serif;}
  865. #LinkList1 ul li{font-family: 'Open Sans', sans-serif;}
  866. #headercontainer, #contentcontainer { width: 1000px; margin: 20 auto; position: relative; }
  867. header23 { padding: 0px 0; width: 100%; background-color: #000; margin-bottom: 0px;position: fixed; z-index: 10; float: left top; }
  868. .crop {
  869. width: 280px;
  870. height: 150px;
  871. overflow: hidden;
  872. position: absolute;
  873. border-image: initial;
  874. float: left;
  875. opacity:0.8;
  876. -webkit-transition: all 0.6s ease-in-out;
  877. -moz-transition: all 0.6s ease-in-out;
  878. transition: all 0.6s ease-in-out;
  879. z-index:1;
  880. }
  881. .crop:hover{opacity:1;}
  882. .posting {
  883. width: 260px;
  884. text-align: justify;
  885. color: #fafafa;
  886. z-index: 2;
  887. font-size: 12px;
  888. margin-bottom: 10px;
  889. margin-top: 10px;
  890. position: absolute;
  891. bottom: 0px;
  892. left: 0px;
  893. padding: 10px;
  894. }
  895. .breadcrumb {
  896. list-style: none;
  897. overflow: hidden;
  898. text-align: left;
  899. color: #222;
  900. width: 97%;
  901. font-size: 13px;
  902. z-index: 9;
  903. border: 1px solid #888;
  904. margin-top: 15px;
  905. border-radius: 15px;
  906. background: url("http://2.bp.blogspot.com/_b8IA1ajBJG8/TSfjG3P4w7I/AAAAAAAAB3k/yjkmCOax0yc/s1600/bkg-btn-grey.gif") repeat-x scroll 0 0 #EDEDED;
  907. height: 35px;}
  908. .section {margin:auto;}
  909. .breadcrumb ul{margin:auto;}
  910. .breadcrumb li {
  911. float: left;
  912. list-style: none;
  913. margin: 5px;
  914. padding: 2px;}
  915. .breadcrumb li a {
  916. position: relative;
  917. display: block;
  918. color:#000;
  919. float: left;
  920. padding-right: 40px;
  921. text-decoration:none;}
  922. .home-link {
  923. display:none;}
  924. .btop a{
  925. color: #AAA;
  926. text-decoration: none;
  927. display: block;
  928. padding: 10px 26px;
  929. text-shadow: 0 1px 0 #4B433E;
  930. background: #362F2C;
  931. background: -moz-linear-gradient(top, #362F2C 0%, #282321 100%);
  932. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#362F2C), color-stop(100%,#282321));
  933. background: -webkit-linear-gradient(top, #362F2C 0%,#282321 100%);
  934. background: -o-linear-gradient(top, #362F2C 0%,#282321 100%);
  935. background: -ms-linear-gradient(top, #362F2C 0%,#282321 100%);
  936. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#362f2c', endColorstr='#282321',GradientType=0 );
  937. background: linear-gradient(top, #362F2C 0%,#282321 100%);
  938. -webkit-border-radius: 4px;
  939. -moz-border-radius: 4px;
  940. border-radius: 4px;
  941. -webkit-box-shadow: inset 0 1px 0 #564B46, 0 1px 1px #181514;
  942. -moz-box-shadow: inset 0 1px 0 #564b46, 0 1px 1px #181514;
  943. box-shadow: inset 0 1px 0 #564B46, 0 1px 1px #181514;
  944. -webkit-transition: all 1s ease;
  945. -moz-transition: all 1s ease;
  946. -o-transition: all 1s ease;
  947. -ms-transition: all 1s ease;
  948. transition: all 1s ease;
  949. width: 20%;
  950. margin: auto;}
  951. .btop {width: 100%;
  952. text-align: center;
  953. font-size: 15px;
  954. background: #222;
  955. padding: 10px 0px;
  956. position: relative;
  957. border-bottom: 1px solid #333;
  958. margin: auto;
  959. box-shadow: inset 0 2px 18px rgba(0, 0, 0, 0.6), 0 1px 0 #222;
  960. color: #F0F0F0;
  961. border-top: 1px solid #333;}
  962. #blog-pager-newer-link {
  963. float: right;
  964. color: white;
  965. padding: 10px;
  966. text-align: center;
  967. overflow: hidden;}
  968. #blog-pager-older-link {
  969. float: left;
  970. padding: 10px;
  971. text-align: center;
  972. overflow: hidden;}
  973. #blog-pager-older-link a, #blog-pager-newer-link a {color: #FAFAFA;
  974. line-height: 33px;
  975. padding: 15px;
  976. background: #222;
  977. border-radius: 5px 5px 0px 0px;}
  978. #blog-pager {
  979. color: #DDD;
  980. text-align: center;
  981. text-transform: capitalize;
  982. font-size: 16px;
  983. width: 95%;
  984. height: 50px;
  985. border-radius: 5px;
  986. float: left;
  987. margin-bottom: -1px;
  988. margin-left: 20px;}
  989. .comments .comments-content {
  990. margin-bottom: 16px;}
  991. .comments .comment-block {
  992. margin-left: 60px;
  993. position: relative;
  994. border-left: 1px solid
  995. #DDD;}
  996. .johanesdj {
  997. width: 270px;
  998. padding: 6px;
  999. z-index: 2;
  1000. box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.5), 0 0px 0 #5E524F;
  1001. background: #3F94C1;
  1002. float: left;
  1003. height:auto;
  1004. overflow: hidden;
  1005. -webkit-transition: all 0.6s ease-in-out;
  1006. -moz-transition: all 0.6s ease-in-out;
  1007. transition: all 0.6s ease-in-out;
  1008. bottom: 85px;
  1009. position: absolute;
  1010. }
  1011. .jomorelink:hover {opacity:1;}
  1012. .blognames {margin:auto;}
  1013. .jomorelink{
  1014. position: absolute;
  1015. width: 45px;
  1016. height: 45px;
  1017. z-index: 9;
  1018. text-align: center;
  1019. line-height: 0px;
  1020. -webkit-transition: all 0.3s ease-in-out;
  1021. -moz-transition: all 0.3s ease-in-out;
  1022. transition: all 0.3s ease-in-out;
  1023. background-position-x: 115px;
  1024. top: 105px;
  1025. right: -1px;}
  1026. .jomorelink:hover {opacity:1;}
  1027. .pagepost a {text-decoration: underline;}
  1028. .pagepost img{max-width:90%;padding: 3px;
  1029. border: 1px solid #DDD;
  1030. -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  1031. -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  1032. box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  1033. height:auto;}
  1034. .BlogArchive #ArchiveList ul li {
  1035. background: none;
  1036. list-style: none;
  1037. list-style-image: none;
  1038. list-style-position: outside;
  1039. border-width: 0;
  1040. padding-left:0px;
  1041. text-indent:0px;
  1042. margin:0;
  1043. background-image: none;}
  1044. #ArchiveList .toggle-open {
  1045. line-height: .6em;
  1046. float: left;
  1047. margin-top: 8px;}
  1048. .post-count {display:none;}
  1049. .PopularPosts .item-title {
  1050. padding-bottom: .2em;}
  1051. .post-footer-line-1 {
  1052. border-top: 1px solid #fafafa;}
  1053. .icon-action {display:none;}
  1054. ul.dark_menu {
  1055. list-style: none;
  1056. padding: 3px 1px;
  1057. font-family: 'Open Sans', sans-serif;
  1058. font-size: 12px;
  1059. line-height: 15px;
  1060. margin: auto;
  1061. }/* Blog johanes djogzs.blogspot.com */
  1062. ul.dark_menu:after {
  1063. content: "";
  1064. clear: both;
  1065. display: block;
  1066. overflow: hidden;
  1067. visibility: hidden;
  1068. width: 0;
  1069. height: 0;}
  1070. ul.dark_menu li {
  1071. float: left;
  1072. position: relative;
  1073. margin: 10px 0px -4px 5px;}
  1074. /* Blog johanes djogzs.blogspot.com */
  1075. ul.dark_menu li a, ul.dark_menu li a:link {
  1076. color: #aaa;
  1077. text-decoration: none;
  1078. display: block;
  1079. padding: 10px 26px;
  1080. background: #181818;
  1081. border-radius: 5px 5px 0px 0px;
  1082. -webkit-border-top-left-radius: 5px;
  1083. -webkit-border-top-right-radius: 5px;
  1084. /* Blog johanes djogzs.blogspot.com */
  1085. -webkit-transition: all 0.2s ease;
  1086. -moz-transition: all 0.2s ease;
  1087. -o-transition: all 0.2s ease;
  1088. -ms-transition: all 0.2s ease;
  1089. transition: all 0.2s ease;
  1090. }/* Blog johanes djogzs.blogspot.com */
  1091. ul.dark_menu li a:hover {
  1092. color: #fff;
  1093. background: #181818;
  1094. -webkit-transition: all 1s ease;
  1095. -moz-transition: all 1s ease;
  1096. -o-transition: all 1s ease;
  1097. -ms-transition: all 1s ease;
  1098. transition: all 1s ease;
  1099. }/* Blog johanes djogzs.blogspot.com */
  1100. ul.dark_menu li a.selected, ul.dark_menu li a:active {
  1101. color: #222;
  1102. margin-left: 15px;
  1103. background: #EFEDEB;
  1104. padding: 10px 10px;
  1105. -webkit-transition: all 1s ease;
  1106. -moz-transition: all 1s ease;
  1107. -o-transition: all 1s ease;
  1108. -ms-transition: all 1s ease;
  1109. transition: all 1s ease;
  1110. border-radius: 5px 5px 0px 0px;
  1111. -webkit-border-top-left-radius: 5px;
  1112. -webkit-border-top-right-radius: 5px;}
  1113. ul.dark_menu li ul {
  1114. display: none;
  1115. }/* Blog johanes djogzs.blogspot.com */
  1116. ul.dark_menu li ul:before {
  1117. content: " ";
  1118. position: absolute;
  1119. display: block;
  1120. z-index: 1500;
  1121. left: 0;
  1122. top: -10px;
  1123. height: 10px;
  1124. width: 100%;}
  1125. ul.dark_menu li:hover ul {
  1126. position: absolute;
  1127. display: block;
  1128. z-index: 1000;
  1129. left: 0;
  1130. top: 35px;
  1131. padding: 5px 0;
  1132. list-style: none;
  1133. background: #181818;
  1134. }/* Blog johanes djogzs.blogspot.com */
  1135. ul.dark_menu li ul li {
  1136. float: none;
  1137. margin: 0 10px;
  1138. border-bottom: 1px solid #191614;
  1139. border-top: 1px solid #3a3230;}
  1140. ul.dark_menu li ul li:first-child {
  1141. margin: 0 10px;
  1142. border-top: 0 none;}
  1143. ul.dark_menu li ul li:last-child {
  1144. border-bottom: 0 none;
  1145. }/* Blog johanes djogzs.blogspot.com */
  1146. ul.dark_menu li ul li a, ul.dark_menu li ul li a:link {
  1147. color: #aaa;
  1148. display: block;
  1149. background: transparent none;
  1150. padding: 10px 20px 10px 5px;
  1151. white-space: nowrap;
  1152. text-shadow: 0 1px 2px #000;
  1153. -webkit-border-radius: 0px;
  1154. -moz-border-radius: 0px;
  1155. border-radius: 0px;}
  1156. ul.dark_menu li ul li a:hover {
  1157. text-decoration: underline;
  1158. background: #2a2523;
  1159. }/* Blog johanes djogzs.blogspot.com */
  1160. .menujohanes {
  1161. background: #222;
  1162. width: 920px;
  1163. margin-left: 14%;
  1164. margin-right: 14%;
  1165. position: relative;
  1166. margin: auto;
  1167. border: 1px solid black;
  1168. box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.6), 0 0px 0 #5E524F;
  1169. border-bottom: 1px solid #222;}
  1170. .categ {border-bottom: 1px dashed #CFCFCF;}/* Blog johanes djogzs.blogspot.com */
  1171. #search input[type="text"] {
  1172. background: #FAFAFA url("http://3.bp.blogspot.com/-uYZni0pIn-E/T-xY2vVu_-I/AAAAAAAACUY/ZMfR3_BvRFE/s1600/SEARCH_32x32-32.png")no-repeat center left;
  1173. font-size: 13px;
  1174. color: #222;
  1175. width: 0px;
  1176. padding: 10px 0px 10px 35px;
  1177. border: 1px solid #DDD;
  1178. border-radius: 5px;
  1179. margin-left: 20px;
  1180. margin-bottom: 20px;
  1181. position: absolute;
  1182. top: 15px;
  1183. right: 15px;}
  1184. #search input[type="text"]:hover {width:300px;}
  1185.  
  1186.  
  1187. .rss1{
  1188. background: #FAFAFA;
  1189. font-size: 13px;
  1190. color: #222;
  1191. width: 30px;
  1192. padding: 5px 1px 4px 5px;
  1193. border: 1px solid #DDD;
  1194. border-radius: 5px;
  1195. margin-left: 20px;
  1196. margin-bottom: 20px;
  1197. position: absolute;
  1198. top: 70px;
  1199. right: 15px;
  1200. height: 26px;}
  1201.  
  1202. ::-webkit-scrollbar {
  1203. height:12px;
  1204. background: #474747;}
  1205. ::-webkit-scrollbar-thumb {
  1206. background-color: #3F94C1;
  1207. }
  1208.  
  1209. #container1 {padding: 10px;
  1210. background: #DDD;
  1211. width: 50%;
  1212. margin: auto;
  1213. text-align: center;
  1214. border: 3px double #BBB;}
  1215. #Translate1 {margin: auto;
  1216. width: 210px;
  1217. background: rgba(0, 0, 0, 0.3);
  1218. padding: 15px;
  1219. margin-bottom;20px;
  1220. border-radius: 10px;}
  1221. .randomh{
  1222. background: black url(http://4.bp.blogspot.com/-K2qJy-8dhp8/UOGmX7VqqkI/AAAAAAAAERQ/apETyZ4a6xE/s1600/header.jpg) no-repeat top right;
  1223. width: 880px;
  1224. height: 300px;
  1225. float: left;
  1226. margin: 20px;
  1227. background-size: 100%;
  1228. position:relative;
  1229. overflow:hidden;
  1230. border-radius: 5px;}
  1231. ]]></b:skin>
  1232. <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'/>
  1233. <script type='text/javascript'>
  1234. var thumbnail_mode = &quot;float&quot; ;
  1235. summary_noimg = 100;
  1236. summary_img = 100;
  1237. </script>
  1238. <script type='text/javascript'>
  1239. //<![CDATA[
  1240. function removeHtmlTag(strx,chop){
  1241. if(strx.indexOf("<")!=-1)
  1242. {
  1243. var s = strx.split("<");
  1244. for(var i=0;i<s.length;i++){
  1245. if(s[i].indexOf(">")!=-1){
  1246. s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
  1247. }
  1248. }
  1249. strx = s.join("");
  1250. }
  1251. chop = (chop < strx.length-1) ? chop : strx.length-2;
  1252. while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
  1253. strx = strx.substring(0,chop-1);
  1254. return strx+'...';
  1255. }
  1256. function createSummaryAndThumb(pID){
  1257. var div = document.getElementById(pID);
  1258. var imgtag = "";
  1259. var img = div.getElementsByTagName("img");
  1260. var summ = summary_noimg;
  1261. if(img.length>=1) {
  1262. imgtag = '<div class="crop"><img src="'+img[0].src+'" width="280px;" /></div>';
  1263. summ = summary_img;
  1264. }
  1265. var summary = imgtag + '<div class="posting">' + removeHtmlTag(div.innerHTML,summ) + '</div>';
  1266. div.innerHTML = summary;
  1267. }
  1268. //]]>
  1269. </script>
  1270. </head>
  1271. <body class='home blog'>
  1272. <div id='wrapper'>
  1273. <div class='menujohanes'>
  1274. <ul class='dark_menu'>
  1275. <li><a class='selected' expr:href='data:blog.homepageUrl' title='Home'>Beranda</a></li>
  1276. </ul></li><li><a href='#'>Kategori</a><ul>
  1277. <li><a href='http://www.nggodress.info/search/label/Editing'>Editing</a></li>
  1278. <li><a href='http://www.nggodress.info/search/label/Hacking'>Hacking</a></li>
  1279. <li><a href='http://www.nggodress.info/search/label/Cheat'>Cheat</a></li>
  1280. <li><a href='http://www.nggodress.info/search/label/Tips%20And%20Trick'>Tips Dan Trik</a></li>
  1281. <li><a href='http://www.nggodress.info/search/label/Software%20And%20Crack'>Software Dan Crack</a></li>
  1282. <li><a href='http://www.nggodress.info/search/label/Twitter%20Follower'>Trik Twitter</a></li>
  1283. <li><a href='http://www.nggodress.info/search/label/Trick%20Facebook'>Trik Facebook</a></li>
  1284. <li><a href='http://www.nggodress.info/search/label/Game'>Game</a></li></ul></li>
  1285.  
  1286. <li><a href='http://www.twitter.com/Respatii'>Twitter</a></li>
  1287. <li><a href='http://www.facebook.com/Senggolcipok'>Facebook</a></li>
  1288. </ul></div><div id='casing'>
  1289. <div class='randomh'>
  1290. <form action='/search' id='search' method='get'>
  1291. <input name='q' placeholder='Search Somethings..' size='40' type='text'/></form>
  1292. <div class='rss1'><a class='rss' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'><img src='http://1.bp.blogspot.com/-9LB5AgKcax8/UOGhUUrvy_I/AAAAAAAAERA/O1vE9gi1b6s/s1600/rss.png'/></a></div>
  1293. <div id='header'>
  1294. <b:section class='blognames' id='blognames' maxwidgets='1' showaddelement='no'>
  1295. <b:widget id='Header1' locked='true' title='Respatii Chadank (Header)' type='Header'/>
  1296. </b:section></div></div>
  1297. <div id='content'>
  1298. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1299. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1300. </b:if></b:if>
  1301. <b:section class='main' id='main' maxwidgets='1' showaddelement='yes'>
  1302. <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
  1303. <b:widget id='HTML11' locked='false' title='' type='HTML'/>
  1304. <b:widget id='HTML7' locked='false' title='' type='HTML'/>
  1305. </b:section>
  1306. </div>
  1307. <b:section class='main3' id='main3' preferred='yes' style='float:left;'>
  1308. <b:widget id='Label1' locked='false' title='Labels' type='Label'/>
  1309. <b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
  1310. <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
  1311. <b:widget id='Profile1' locked='false' title='Profile' type='Profile'/>
  1312. <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'/>
  1313. <b:widget id='HTML3' locked='false' title='Lencana Facebook' type='HTML'/>
  1314. <b:widget id='HTML5' locked='false' title='Follow &amp;amp; Tweets' type='HTML'/>
  1315. <b:widget id='Feed1' locked='false' title='www.pspkeren.blogspot.com' type='Feed'/>
  1316. </b:section>
  1317. <div class='clear'/></div>
  1318. <div id='footer'><div class='footer'>
  1319. <b:section class='main1' id='main1' showaddelement='yes'>
  1320. <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'/>
  1321. </b:section>
  1322. <b:section class='main2' id='main2' showaddelement='yes'>
  1323. <b:widget id='BlogList1' locked='false' title='My Blog List' type='BlogList'/>
  1324. <b:widget id='Stats1' locked='false' title='Visitor' type='Stats'/>
  1325. </b:section></div><div class='clear'/></div></div>
  1326. <div class='fleft'>
  1327. <p style='width: 615px;float: right;margin-top: 20px;'>Copyright &#169; 2012 <data:blog.title/> -<a href='http://blackrockshooter-bt.blogspot.com/' target='_blank'>Black Rock Shooter</a>- Powered by <a href='http://blogger.com/'>Blogger</a> - Designed by <a href='http://djogzs.blogspot.com' title='johanes djogan'>Johanes Djogan</a></p></div>
  1328. <embed align='CENTER' autostart='TRUE' height='1' loop='TRUE' src='http://divine-music.info/musicfiles/Avenged%20Sevenfold%20-%20Dear%20God.swf' width='1'/>
  1329. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment