forgedinflamesx

Seven Kingdoms PCW

May 19th, 2019
51
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.36 KB | None | 0 0
  1. THIS LAYOUT WAS CREATED BY BLACK KITTEN OF VIOLENT ENDS. PERMISSION WAS GIVEN TO RE-EDIT AND SELL (SEE PROOF HERE- https://images3.imgbox.com/f1/fe/GoraHtXd_o.jpg) ABSOLUTELY UNDER NO MEANS SHOULD YOU REDISTRIBUTE THESE CODES NOR SHOULD YOU SELL THE CODING. IN THIS PASTE YOU WILL RECEIVE THE LAYOUT CODING, BLOG CODING, PSD AS WELL AS VARIOUS BACKGROUND AND CURSORS. THE CURSORS ARE NOT PART OF THE SALE OF THE IS LAYOUT AS I DID NOT MAKE THEM, THEY ARE JUST ADDED IF YOU WOULD LIKE TO CHANGE THE CURSOR TO DIFFERENT GOT THEMES.
  2.  
  3. *****CURSORS-*****
  4. http://ani.cursors-4u.net/movie/mov-2/mov159.cur
  5. http://ani.cursors-4u.net/movie/mov-2/mov160.cur
  6. http://ani.cursors-4u.net/movie/mov-2/mov161.cur
  7. http://ani.cursors-4u.net/movie/mov-2/mov163.cur
  8. http://ani.cursors-4u.net/movie/mov-2/mov164.cur
  9. http://ani.cursors-4u.net/movie/mov-2/mov146.cur
  10. http://ani.cursors-4u.net/movie/mov-2/mov147.cur
  11. http://ani.cursors-4u.net/movie/mov-2/mov148.cur
  12.  
  13. *****VARIED BACKGROUND-*****
  14. (THESE ARE JUST SLIGHTLY DIFFERENT WITH THE COLORATIONS. I WILL GLADLY MAKE A NEW BACKGROUND IF YOU DECIDE YOU WANT SOMETHING NEW AT ANY TIME.)
  15. https://i.imgur.com/DznjCZN.png
  16. https://i.imgur.com/4aGji7j.png
  17. https://i.imgur.com/5Lf8tRx.png
  18.  
  19. *****ALBUM OF ALL IMAGES-*****
  20. https://imgur.com/a/5GX0FVu
  21.  
  22. *****PSD-*****
  23. http://www.mediafire.com/file/8e0ctu5i3l2haej/gotdirectorydkpsd.psd/file
  24.  
  25.  
  26. *****HEADLINE-*****
  27. <img src="https://i.imgur.com/N70VLVE.png"><style>#ctl00_cpMain_ctl01_UserNetwork1_ctrlMessage {display:none;}span.blacktext12{background-image:url('https://i.imgur.com/44hMZ2W.png');height:550px;display:block!important;}</style><font style="display:none;">
  28.  
  29. *****ABOUT ME-*****
  30. <body oncontextmenu="alert('© blackkitten @ violentends. All Rights Reserved. Re-Edited by Joker @ MLR.');return false;"><body onkeydown="alert('© blackkitten @ violentends. All Rights Reserved. Re-Edited by Joker @ MLR.');return false;"><body ondragstart="alert('© blackkitten @ violentends. All Rights Reserved. Re-Edited by Joker @ MLR.');return false;">
  31. <BODY oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onkeydown="return false">
  32.  
  33.  
  34. <style>
  35.  
  36. div, html, body, a, a:hover { cursor: url("http://ani.cursors-4u.net/movie/mov-2/mov162.cur"), auto }
  37.  
  38.  
  39. .violentends { div Properties}
  40. body {
  41. background-color:#30302b;
  42. background-image: url("https://i.imgur.com/DznjCZN.png");
  43. background-attachment:fixed;
  44. background-repeat:no-repeat;
  45. overflow:hidden;
  46. }
  47.  
  48.  
  49.  
  50. ::-webkit-scrollbar-thumb:horizontal { background-color: #0D0808; height: 1px; }
  51. ::-webkit-scrollbar { background-color: #0D0808; border: 2px solid #C49E72; height:4px; width:5px; }
  52. ::-webkit-scrollbar-thumb:vertical{ background-color: #0D0808; height: 3px; }
  53.  
  54.  
  55.  
  56.  
  57. a:active, a:visited, a:link { color: #2e262a; font-size: 12px; font-family: times; text-transform:none; text-decoration:none; font-weight:normal; letter-spacing:1px; -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;line-height:8px; text-shadow:15px 0px transparent, -15px 0px transparent;}
  58.  
  59. a:hover { color: #E5D69F; font-size: 12px; font-family: times; text-transform:none; text-decoration:none; font-weight:normal; letter-spacing:1px;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out; text-shadow: 0px 0px, 0px 0px ;}
  60.  
  61.  
  62.  
  63. b {
  64. color: #E5CC97;
  65. font-weight: bold;
  66. font-style: none;
  67. text-transform: normal;
  68. font-size:12px;
  69. line-height:13px;
  70. margin:1px;
  71. padding:0px;
  72. text-transform:lowercase;
  73. letter-spacing:0px;
  74. font-family: serif; }
  75.  
  76.  
  77. i {
  78. font-family: times new;
  79. font-size: 14px;
  80. line-height:10px;
  81. font-style: italic;
  82. text-transform: lowercase;
  83. color: #F3E8CB;
  84. margin:1px;
  85. padding:0px;
  86. letter-spacing: -1.5px; }
  87.  
  88.  
  89. u { font-family: serif;
  90. color: #E5D69F;
  91. font-size: 15px;
  92. line-height: 10px;
  93. letter-spacing: -1px;
  94. padding:0px;
  95. margin:1px;
  96. font-style: normal;
  97. font-weight: lighter;
  98. text-decoration: none;
  99. text-transform: lowercase;
  100. border-bottom: 1px dashed #F3E3A8;
  101. }
  102.  
  103.  
  104.  
  105. h1{
  106. font-family: georgia;
  107. font-size:20px;
  108. color: #AD9A8F;
  109. font-weight:normal;
  110. background-color: #594440;
  111. text-align:center;
  112. margin:1px;
  113. padding-top:5px;
  114. padding-bottom:0px;
  115. line-height:15px;
  116. margin-left:-20;
  117. border-bottom: 2px solid #262020;
  118. }
  119.  
  120. h1::first-letter {
  121. color: #262020;
  122. font-size:25px;
  123. font-style: italic;
  124. font-family:georgia;
  125. }
  126.  
  127.  
  128. #music {
  129. position: absolute;
  130. top: 10px;
  131. left: 1300px;
  132. width: 25px;
  133. height: 15px;
  134. padding:2px;
  135. color: transparent;
  136. overflow:hidden;
  137. font-family: serif;
  138. font-size:9px;
  139. background-color:transparent;
  140. background-image: url();
  141. -webkit-transition: all .9s ease-in-out;
  142. -moz-transition: all .9s ease-in-out;
  143. -o-transition: all .9s
  144. }
  145.  
  146.  
  147.  
  148.  
  149. #music:hover{
  150. position: absolute;
  151. top: 10px;
  152. left: 1300px;
  153. width: 25px;
  154. height: 40px;
  155. padding:2px;
  156. color: transparent;
  157. overflow:hidden;
  158. font-family: serif;
  159. font-size:9px;
  160. background-color:transparent;
  161. background-image: url();
  162. -webkit-transition: all .9s ease-in-out;
  163. -moz-transition: all .9s ease-in-out;
  164. -o-transition: all .9s ease-in-out;
  165. }
  166.  
  167.  
  168. .nav {
  169. position: absolute;
  170. top: 520px;
  171. text-align: center;
  172. left: 232px;
  173. width: 600px;
  174. height: 20px;
  175. padding:2px;
  176. background-color: transparent;
  177. background-image: url();
  178. }
  179.  
  180. a.linkdos, a.linkdos:link, a.linkdos:active, a.linkdos:visited {
  181. width: 15px;
  182. height: 15px;
  183. font-family: serif;
  184. font-size: 9px;
  185. line-height: 15px;
  186. color: transparent;
  187. float:left;
  188. border: 5px double #4a5d55;
  189. text-decoration: none;
  190. text-transform: lowercase;
  191. background-color: #4a5d55;
  192. text-align: left;
  193. display: inline-block;
  194. padding: 4px;
  195. margin: 7px;
  196. -webkit-transition: all .9s ease-in-out;
  197. -moz-transition: all .9s ease-in-out;
  198. -o-transition: all .9s ease-in-out;
  199. }
  200.  
  201. a.linkdos:hover {
  202. width: 45px;
  203. height: 15px;
  204. font-family: serif;
  205. font-size: 9px;
  206. line-height: 15px;
  207. background-color: #6d4734;
  208. color: #888172;
  209. float:left;
  210. text-align: left;
  211. border: 5px double #6d4734;
  212. display: inline-block;
  213. padding: 4px;
  214. margin: 7px;
  215. text-decoration: none;
  216. text-transform: lowercase;
  217. -webkit-transition: all .9s ease-in-out;
  218. -moz-transition: all .9s ease-in-out;
  219. -o-transition: all .9s ease-in-out;
  220. }
  221.  
  222.  
  223.  
  224.  
  225. a.linktres, a.linktres:link, a.linktres:active, a.linktres:visited {
  226. width: 15px;
  227. height: 15px;
  228. font-family: serif;
  229. font-size: 9px;
  230. line-height: 15px;
  231. float:left;
  232. color: transparent;
  233. border: 5px double #6d4734;
  234. text-decoration: none;
  235. text-transform: lowercase;
  236. background-color: #6d4734;
  237. text-align: left;
  238. display: inline-block;
  239. padding: 4px;
  240. margin: 7px;
  241. -webkit-transition: all .9s ease-in-out;
  242. -moz-transition: all .9s ease-in-out;
  243. -o-transition: all .9s ease-in-out;
  244. }
  245.  
  246. a.linktres:hover {
  247. width: 45px;
  248. height: 15px;
  249. font-family: serif;
  250. font-size: 9px;
  251. line-height: 15px;
  252. float:left;
  253. background-color: #4a5d55;
  254. color: #6b6355;
  255. text-align: left;
  256. border: 5px double #4a5d55;
  257. display: inline-block;
  258. padding: 4px;
  259. margin: 7px;
  260. text-decoration: none;
  261. text-transform: lowercase;
  262. -webkit-transition: all .9s ease-in-out;
  263. -moz-transition: all .9s ease-in-out;
  264. -o-transition: all .9s ease-in-out;
  265. }
  266.  
  267.  
  268. .violentends { hidding codes }
  269.  
  270.  
  271. table table div form {display:inline !important;}
  272. .contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
  273. td td td td{border:0px;width:0px;text-align:left;}
  274. table,td,tr{padding:0px;width:;background-color:transparent}
  275. table table table{padding:1px;height:.01%;width:100%;}
  276. table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
  277. a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
  278. td.text table table{display:inline;visibility:visible;}
  279. table td table tr td.text table{visibility:hidden;}
  280. table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
  281. table div div{visibility:hidden;!important;}
  282. table table table table,table table table table td.text, td.text td.text table{display:none;}
  283. body div div form {display:none !important;}div div div select {position:absolute !important; margin-left:-1000px !important; left:0px !important; display:none !important; }div div table div {display:none;} div div table div {display:none;} div form, .mslogo, div ul {display:none!important;}
  284. div div, div td {background-color:transparent; background-image:none!important;}
  285. div.profileWidth {margin-top: -20px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i,
  286. div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:20px}
  287. div div select, div div form {display:none !important;}div div table div {display:none;} .clearfix table div div {display:block;}
  288. .profile, div ul {display:none !important;}
  289. .userAlbums { display:none; }
  290. a span.ai, a:hover span.kz{display: inline;}
  291. a:hover span.ai, a span.kz{display: none;}
  292. a:hover {visibility:visible;}
  293.  
  294.  
  295.  
  296.  
  297. </style>
  298.  
  299.  
  300. *****LIKE TO MEET-*****
  301. <div class="nav">
  302. <a href="/" class="linkdos">
  303. <span class="ai">.001</span>
  304. <span class="kz">home</span>
  305. </a>
  306.  
  307. <a href="/" class="linktres">
  308. <span class="ai">.002</span>
  309. <span class="kz">comment</span>
  310. </a>
  311.  
  312. <a href="/" class="linkdos">
  313. <span class="ai">.003</span>
  314. <span class="kz">message</span>
  315. </a>
  316.  
  317. <a href="/" class="linktres">
  318. <span class="ai">.004</span>
  319. <span class="kz">gallery</span>
  320. </a>
  321.  
  322. <a href="/" class="linkdos">
  323. <span class="ai">.005</span>
  324. <span class="kz">blogs</span>
  325. </a>
  326.  
  327. <a href="/" class="linktres">
  328. <span class="ai">.006</span>
  329. <span class="kz">link</span>
  330. </a>
  331.  
  332. <a href="/" class="linkdos">
  333. <span class="ai">.007</span>
  334. <span class="kz">link</span>
  335. </a>
  336.  
  337. <a href="/" class="linktres">
  338. <span class="ai">.008</span>
  339. <span class="kz">link</span>
  340. </a>
  341.  
  342. <a href="/" class="linkdos">
  343. <span class="ai">.009</span>
  344. <span class="kz">link</span>
  345. </a>
  346.  
  347. <a href="/" class="linktres">
  348. <span class="ai">.010</span>
  349. <span class="kz">link</span>
  350. </a>
  351.  
  352. <a href="/" class="linkdos">
  353. <span class="ai">.011</span>
  354. <span class="kz">link</span>
  355. </a>
  356.  
  357. <a href="/" class="linktres">
  358. <span class="ai">.012</span>
  359. <span class="kz">link</span>
  360. </a>
  361.  
  362.  
  363. </br>
  364.  
  365. </div>
  366.  
  367. <div id="music">
  368. <img src="https://i.imgur.com/O3rIP02.gif" class="image">
  369. </br>
  370. <object type="application/x-shockwave-flash" data="https://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="25" height="25">
  371. <param name="movie" value="https://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
  372. <param name="bgcolor" value="#706c5d" />
  373. <param name="FlashVars" value="mp3=https://www.dropbox.com/s/xg815agvbqww1h1/Game%20of%20Thrones%20Season%207%20Full%20Soundtrack%20-%20Ramin%20Djawadi%20%5Bofficial%5D.mp3&width=25&autoplay=1&showslider=0&buttonwidth=25&sliderheight=0&loadingcolor=706c5d&bgcolor=706c5d&bgcolor1=706c5d&bgcolor2=706c5d&slidercolor1=706c5d&slidercolor2=706c5d&sliderovercolor=706c5d&buttoncolor=cfc7bd&buttonovercolor=cfc7bd&textcolor=cfc7bd" />
  374. </object>
  375.  
  376. </div>
  377.  
  378. *****BLOG STYLE SHEET-*****
  379. <style>
  380.  
  381. div, html, body, a, a:hover { cursor: url("http://ani.cursors-4u.net/movie/mov-2/mov159.cur"), auto }
  382.  
  383. .violentends {layout made and coded by black kitten, it was revamped/edited by joker @ mlr. refrain from stealing or using}
  384.  
  385. body{
  386.  
  387. margin-top:-120px;
  388. text-align:center;
  389. font-family: serif;
  390. color: #716a68;
  391. font-size:9px;
  392. line-height: 10px;
  393. text-decoration:none;
  394. background-attachment:fixed;
  395. background-color:#30302b;
  396. background-image: url('https://i.imgur.com/4aGji7j.png');
  397. background-position:center; background-repeat:no-repeat;}
  398.  
  399. table.main{
  400. width:650px;
  401. border:none;
  402. margin-top:145px;
  403. margin-left:-410px;
  404. background-color: #2e2d26;
  405. }
  406. table.main TD,table.main TR { border:none;
  407. }
  408. table.nav{
  409. font-family: serif;
  410. color: #716a68;
  411. font-size:9px;
  412. line-height: 10px;7
  413. display:none;
  414. }
  415.  
  416. table.header{
  417. margin-left:10px;
  418. width:100%;
  419. background-color:#ffffff;
  420. border-right:10px solid;
  421. display:none;
  422. }
  423.  
  424. table.header TH{
  425. margin-left:10px;
  426. font-family: serif;
  427. color:#716a68;
  428. font-size:10px;
  429. text-decoration:none;
  430. font-weight:normal;
  431. border:none;
  432. display:none;
  433. }
  434.  
  435. table.header TD{
  436. font-family: serif;
  437. color: #716a68;
  438. font-size:x-small;
  439. text-decoration:none;
  440. border:none;
  441. display:none;
  442. }
  443.  
  444. table.profile{
  445. left:10px;
  446. width:100%;
  447. border:1px solid;
  448. border-color:#B1D0F0;background-color: #8C6842;
  449. text-align:center;
  450. display: none;
  451. }
  452.  
  453. table.blog{
  454. position: relative;
  455. left:-5px;
  456. margin-left:-3px;
  457. width:650px;
  458. padging-right:10px:
  459. font-size:9px;
  460. font-family:serif;
  461. color:#716a68;
  462. background-color: #1f1f1b;
  463. margin-top:0px;
  464. }
  465.  
  466. .blogTimeStamp{
  467. font-size:x-small;
  468. font-family: serif;
  469. color:#000000;
  470. font-weight:italics;
  471. background-color: #7F818F; border-color:#000000;
  472. text-align:left;
  473. }
  474.  
  475. .blogSubject{
  476. font-family: georgia;
  477. font-size:40px;
  478. color: #6d695a;
  479. font-weight:normal;
  480. background-color: #524b42;
  481. text-align:center;
  482. margin:1px;
  483. padding-top:3px;
  484. padding-bottom:3px;
  485. line-height:30px;
  486. margin-left:-20;
  487. border-bottom: 5px solid #30302b;
  488. }
  489.  
  490. .blogSubject::first-letter {
  491. color: #30302b;
  492. font-size:40px;
  493. font-style: italic;
  494. font-family:georgia;
  495. }
  496.  
  497. .blogContent{
  498. margin-left:-20;
  499. font-family: serif;
  500. color: #716a68; font-size:10px;
  501. line-height: 10px;
  502. font-weight:normal;}
  503.  
  504. .blogCommentsProfile{
  505. margin-left:-30px;
  506. width:20%;
  507. font-family: serif;
  508. color: #716a68;
  509. font-size:10px;
  510. line-height: 10px;
  511. font-weight:normal;
  512. background-color: #36362f;
  513. text-align:center;}
  514. .blogComments{
  515. background-color: #1f1f1b;
  516. }
  517.  
  518. .blogCommentsContent{
  519. font-family: serif;
  520. color: #716a68;
  521. font-size:10px;
  522. line-height: 10px;
  523. font-weight:normal;}
  524.  
  525. .spacer{height:10px;
  526. background-color:#1f1f1b;
  527. }
  528. .commentSpacer{
  529. height:10px;
  530. background-color:#1f1f1b;
  531. }
  532.  
  533. .blogRealName {
  534. font-weight:normal;
  535. }
  536. .txt_label {
  537. font-family: serif;
  538. font-size:10px;
  539. color:#121212;}
  540.  
  541. .userInfoBlog { display: none; }
  542. .nav { display: none; }
  543. .spacer { display: none; }
  544. .blogTimeStamp { display: none; }
  545. .googleafc { display: none; }
  546. .commentspacer { display: none; }
  547. .blogsubject p {display: none; visibility:hidden!important;}
  548. .profileTitle { display: none; }
  549. .MyReadersListLink { display: none; }
  550. .blogControlTitleDiv{ display: none; }
  551. #blog_content { display: none; }
  552. #ctl00_cpMain_googlead { display:none !important; visibility:hidden !important; } #ctl00_cpMain_SingleBlog_btnBackToBlogList2{display:none;}
  553. .blogcontentinfo{ display:none !important; visibility:hidden !important; }
  554.  
  555. .txt_label {
  556. width:500px;}
  557.  
  558. .form_button {
  559. background-color:#1f1f1b;
  560. text-align:center;
  561. font-family: serif;
  562. color: #716a68;
  563. font-size:10px;
  564. line-height: 15px;
  565. }
  566.  
  567. #the_form {
  568. background-color:#1f1f1b;
  569. width:600px;
  570. font-family: serif;
  571. color: #716a68;
  572. font-size:10px;
  573. line-height: 10px;
  574. }
  575.  
  576. #textarea1 {
  577. background-color:#1f1f1b;
  578. width:600px;
  579. font-family: serif;
  580. color: #716a68;
  581. font-size:10px;
  582. line-height: 10px;
  583. }
  584.  
  585. .top_nav_black {
  586. margin-left:-200px;}
  587.  
  588. p, div, table, tr, td, font, br { font-family: serif;
  589. color: #716a68;
  590. font-size:9px;
  591. line-height: 10px; }
  592.  
  593. blockquote {
  594. margin: 4px;
  595. padding: 2px;
  596. color: #141411;
  597. font-family: serif;
  598. letter-spacing: 0px;
  599. background-color:#676157;
  600. font-style: italics;
  601. -align: center;
  602. border-left: 5px solid #676157;
  603. border-right: 5px solid #676157;
  604. }
  605.  
  606. textarea {
  607. margin: 4px;
  608. padding: 2px;
  609. width:300px;
  610. height: auto;
  611. color: #141411;
  612. font-size:10px;
  613. font-family: serif;
  614. letter-spacing: 0px;
  615. background-color:#676157;
  616. font-style: italics;
  617. -align: center;
  618. border: 3px solid #676157;
  619. }
  620.  
  621. a span.ai, a:hover span.kz{display: inline;}
  622. a:hover span.ai, a span.kz{display: none;}
  623. a:hover {visibility:visible;}
  624.  
  625. ::-webkit-scrollbar{width: 3px;}
  626.  
  627. ::-webkit-scrollbar-thumb{background-color: #30302b;}
  628. ::-webkit-scrollbar-thumb:hover{background-color: #30302b;}
  629.  
  630. ::-webkit-scrollbar-track{background-color: #ffffff; border: 2px solid #0D0D0D;}
  631.  
  632. a:active, a:visited, a:link { color: #505048; font-size: 12px; font-family: times; text-transform:none; text-decoration:none; font-weight:normal; letter-spacing:1px; -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;line-height:8px; text-shadow:15px 0px transparent, -15px 0px transparent;}
  633.  
  634. a:hover { color: #e3e2df; font-size: 12px; font-family: times; text-transform:none; text-decoration:none; font-weight:normal; letter-spacing:1px;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out; text-shadow: 0px 0px, 0px 0px ;}
  635.  
  636. h1{
  637. font-family: georgia;
  638. font-size:20px;
  639. color: #44423d;
  640. font-weight:normal;
  641. background-color: #6e6a5b;
  642. text-align:center;
  643. margin:1px;
  644. padding-top:5px;
  645. padding-bottom:0px;
  646. line-height:17px;
  647. margin-left:-20;
  648. border-bottom: 4px solid #5b584b;
  649. }
  650.  
  651. h1::first-letter {
  652. color: #444039;
  653. font-size:25px;
  654. font-style: italic;
  655. font-family:georgia;
  656. }
  657.  
  658. b {
  659. color: #6e6b5c;
  660. font-weight: bold;
  661. font-style: none;
  662. text-transform: normal;
  663. font-size:12px;
  664. line-height:13px;
  665. margin:1px;
  666. padding:0px;
  667. text-transform:lowercase;
  668. letter-spacing:0px;
  669. font-family: serif;
  670. }
  671.  
  672. i {
  673. font-family: times new;
  674. font-size: 14px;
  675. line-height:10px;
  676. font-style: italic;
  677. text-transform: lowercase;
  678. color: #bfbbb0; margin:1px;
  679. padding:0px;
  680. letter-spacing: -1.5px;
  681. }
  682.  
  683. u {
  684. font-family: serif;
  685. color: #a19d92;
  686. font-size: 15px;
  687. line-height: 10px;
  688. letter-spacing: -1px;
  689. padding:0px;
  690. margin:1px;
  691. font-style: normal;
  692. font-weight: lighter;
  693. text-decoration: none;
  694. text-transform: lowercase;
  695. border-bottom: 1px dashed #a19d92;
  696. }
  697.  
  698. #music {
  699. position: absolute;
  700. top: 10px;
  701. left: 1300px;
  702. width: 25px;
  703. height: 15px;
  704. padding:2px;
  705. color: transparent;
  706. overflow:hidden;
  707. font-family: serif;
  708. font-size:9px;
  709. background-color:transparent;
  710. background-image: url();
  711. -webkit-transition: all .9s ease-in-out;
  712. -moz-transition: all .9s ease-in-out;
  713. -o-transition: all .9s
  714. }
  715.  
  716. #music:hover{
  717. position: absolute;
  718. top: 10px;
  719. left: 1300px;
  720. width: 25px;
  721. height: 40px;
  722. padding:2px;
  723. color: transparent;
  724. overflow:hidden;
  725. font-family: serif;
  726. font-size:9px;
  727. background-color:transparent;
  728. background-image: url();
  729. -webkit-transition: all .9s ease-in-out;
  730. -moz-transition: all .9s ease-in-out;
  731. -o-transition: all .9s ease-in-out;
  732. }
  733. a.linkdos, a.linkdos:link, a.linkdos:active, a.linkdos:visited {
  734. width: 15px;
  735. height: 15px;
  736. font-family: serif;
  737. font-size: 9px;
  738. line-height: 15px;
  739. color: transparent;
  740. float:left;
  741. border: 5px double #4a5d55;
  742. text-decoration: none;
  743. text-transform: lowercase;
  744. background-color: #4a5d55;
  745. text-align: left;
  746. display: inline-block;
  747. padding: 4px;
  748. margin: 3px;
  749. -webkit-transition: all .9s ease-in-out;
  750. -moz-transition: all .9s ease-in-out;
  751. -o-transition: all .9s ease-in-out;
  752. }
  753.  
  754. a.linkdos:hover {
  755. width: 45px;
  756. height: 15px;
  757. font-family: serif;
  758. font-size: 9px;
  759. line-height: 15px;
  760. background-color: #6d4734;
  761. color: #888172;
  762. float:left; text-align:
  763. right; border: 5px double #6d4734;
  764. display: inline-block;
  765. padding: 4px;
  766. margin: 3px;
  767. text-decoration: none;
  768. text-transform: lowercase;
  769. -webkit-transition: all .9s ease-in-out;
  770. -moz-transition: all .9s ease-in-out;
  771. -o-transition: all .9s ease-in-out;
  772. }
  773.  
  774. a.linktres, a.linktres:link, a.linktres:active, a.linktres:visited {
  775. width: 15px;
  776. height: 15px;
  777. font-family: serif;
  778. font-size: 9px;
  779. line-height: 15px;
  780. float:left; color: transparent;
  781. border: 5px double #6d4734;
  782. text-decoration: none;
  783. text-transform: lowercase;
  784. background-color: #6d4734;
  785. text-align: left;
  786. display: inline-block;
  787. padding: 4px;
  788. margin: 3px;
  789. -webkit-transition: all .9s ease-in-out;
  790. -moz-transition: all .9s ease-in-out;
  791. -o-transition: all .9s ease-in-out;
  792. }
  793.  
  794. a.linktres:hover {
  795. width: 45px;
  796. height: 15px;
  797. font-family: serif;
  798. font-size: 9px;
  799. line-height: 15px;
  800. float:left;
  801. background-color: #4a5d55;
  802. color: #6b6355;
  803. text-align: left;
  804. border: 5px double #4a5d55;
  805. display: inline-block;
  806. padding: 4px; margin: 3px;
  807. text-decoration: none;
  808. text-transform: lowercase;
  809. -webkit-transition: all .9s ease-in-out;
  810. -moz-transition: all .9s ease-in-out;
  811. -o-transition: all .9s ease-in-out;
  812. }
  813.  
  814. .name {
  815. position: absolute;
  816. top: 10px;
  817. text-align: center;
  818. left: 245px;
  819. width: 550px;
  820. height: 113px;
  821. padding:2px;
  822. background-color: #151413;
  823. background-image: url();
  824. }
  825.  
  826. #nav {
  827. position: absolute;
  828. top: 10px;
  829. text-align: right;
  830. margin-left: 540px;
  831. width: 142px;
  832. height: 113px;
  833. padding:2px; z-index:2;
  834. background-color: #151413;
  835. background-image: url();
  836. }
  837.  
  838. </style>
  839.  
  840. <div class="name">
  841. <img src="https://imgur.com/MEOSwkU.png">
  842. </div>
  843.  
  844. <div id="nav">
  845. <a href="/" class="linkdos">
  846. <span class="ai">.01</span>
  847. <span class="kz">home</span>
  848. </a>
  849.  
  850. <a href="/" class="linktres">
  851. <span class="ai">.02</span>
  852. <span class="kz">comment</span>
  853. </a>
  854.  
  855. <a href="/" class="linkdos">
  856. <span class="ai">.03</span>
  857. <span class="kz">message</span>
  858. </a>
  859.  
  860. </br>
  861. </br>
  862.  
  863. <a href="/" class="linktres">
  864. <span class="ai">.04</span>
  865. <span class="kz">x</span>
  866. </a>
  867.  
  868. <a href="/" class="linkdos">
  869. <span class="ai">.05</span>
  870. <span class="kz">x</span>
  871. </a>
  872.  
  873. <a href="/" class="linktres"> <span class="ai">.06</span>
  874. <span class="kz">x</span>
  875. </a>
  876.  
  877. </br>
  878. </br>
  879.  
  880. <a href="/" class="linkdos">
  881. <span class="ai">.007</span>
  882. <span class="kz">link</span> </a>
  883.  
  884. <a href="/" class="linktres">
  885. <span class="ai">.08</span>
  886. <span class="kz">x</span>
  887. </a>
  888.  
  889. <a href="/" class="linkdos">
  890. <span class="ai">.09</span>
  891. <span class="kz">x</span>
  892. </a>
  893.  
  894. </div>
  895.  
  896. <div id="music">
  897. <img src="https://i.imgur.com/O3rIP02.gif" class="image">
  898. </br>
  899. <object type="application/x-shockwave-flash" data="https://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="25" height="25">
  900. <param name="movie" value="https://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
  901. <param name="bgcolor" value="#706c5d" />
  902. <param name="FlashVars" value="mp3=https://www.dropbox.com/s/xg815agvbqww1h1/Game%20of%20Thrones%20Season%207%20Full%20Soundtrack%20-%20Ramin%20Djawadi%20%5Bofficial%5D.mp3&width=25&autoplay=1&showslider=0&buttonwidth=25&sliderheight=0&loadingcolor=706c5d&bgcolor=706c5d&bgcolor1=706c5d&bgcolor2=706c5d&slidercolor1=706c5d&slidercolor2=706c5d&sliderovercolor=706c5d&buttoncolor=cfc7bd&buttonovercolor=cfc7bd&textcolor=cfc7bd" />
  903. </object>
  904.  
  905. </div>
  906.  
  907. *****PLACE THIS IN BLOG (TEST TEXT)-*****
  908. Lorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing.
  909. <br></br>
  910.  
  911.  
  912. <b>this is bold --- lorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing.</b>
  913.  
  914. <br></br>
  915.  
  916. <i>this is italics --- lorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing.</i>
  917.  
  918. <br></br>
  919.  
  920. <u>This is underline --- lorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing.</u>
  921.  
  922. <br></br>
  923.  
  924. <blockquote>This is blockquote --- lorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing elitlorem ipsum dolor sit amet consectetur adipiscing</blockquote>
  925.  
  926. <br></br>
  927.  
  928. <h1>header</h1>
  929.  
  930. <br></br>
  931.  
  932. <a href="/">regular link</a>
  933.  
  934. <br></br>
  935.  
  936. <a href="/" class="linkdos">uno</a>
  937.  
  938. <a href="/" class="linktres">dos</a>
  939.  
  940. <br></br>
  941.  
  942. <br></br>
Add Comment
Please, Sign In to add comment