Advertisement
Abyss90

Aftermath 0.1

May 9th, 2019
124
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.92 KB | None | 0 0
  1. ~ THE 100 BLOG LAYOUT
  2. MADE BY P R I M A D O N N A @ HIGH TIMES
  3. PSD: https://www.mediafire.com/?8q6q9d8c36d553n
  4.  
  5.  
  6.  
  7. PLACE THIS IN A BLOG POST, NOT THE CUSTOMIZE BLOG:
  8.  
  9. <h4><span class="enhance">H</span>eader four</h4>
  10. <h5>-</h5>
  11.  
  12. <h1>header one</h1>
  13. <h2>header two</h2>
  14. <h3>header three</h3>
  15.  
  16. This is what regular text looks like. <strong>strong</strong> <b>bold</b> <i>italic</i> <u>underline </u>
  17.  
  18. <blockquote>This is what a blockquote looks like. This is what a blockquote looks like. This is what a blockquote looks like. This is what a blockquote looks like. This is what a blockquote looks like. This is what a blockquote looks like. This is what a blockquote looks like. This is what a blockquote looks like. This is what a blockquote looks like. This is what a blockquote looks like.</blockquote>
  19.  
  20. <textarea>textarea preview</textarea>
  21.  
  22.  
  23.  
  24.  
  25.  
  26.  
  27.  
  28.  
  29.  
  30.  
  31.  
  32.  
  33.  
  34.  
  35.  
  36.  
  37.  
  38. EVERYTHING BELOW GOES IN THE CUSTOMIZE BLOG:
  39.  
  40. BLOG HEADER:
  41.  
  42. <div class="navo">
  43. <a href="/home.php">[ back to space ]</a>
  44. <a href="/home.php">[ audition ]</a>
  45. <a href="/home.php">[ comment ]</a>
  46. <a href="/home.php">[ guidelines ]</a>
  47. <a href="/home.php">[ share code ]</a>
  48. <a href="/hightimes">[ credit ]</a>
  49. </div>
  50.  
  51. <div class="sidebar">
  52. <h3>welcome</h3>
  53. <h5>-</h5>
  54.  
  55. This box does not have a set height. Write as much as you want. write information here about your rpg. write information here about your rpg. write information here about your rpg.
  56.  
  57. <h3>extra links</h3>
  58. <h5>-</h5>
  59. <a href="/extra">extra link</a>
  60. <a href="/extra">extra link</a>
  61. <a href="/extra">extra link</a>
  62. <a href="/extra">extra link</a>
  63. <a href="/extra">extra link</a>
  64. </div>
  65.  
  66.  
  67.  
  68.  
  69.  
  70.  
  71.  
  72.  
  73.  
  74.  
  75.  
  76.  
  77.  
  78.  
  79.  
  80.  
  81. BLOG STYLESHEET:
  82.  
  83. <body oncontextmenu="alert('STYLESHEET created by PRIMADONNA @ HIGH TIMES!'); return false;">
  84.  
  85. <style type="text/css">
  86.  
  87. .xpdonnax { B A S E }
  88.  
  89. .main {
  90. margin-top:100px;
  91. width: 720px !important;
  92. background-color:#151713!important;}
  93.  
  94. .blog .blog {
  95. margin:12px 10px 0px -20px;
  96. padding:0px;
  97. text-align:justify;
  98. width:660px!important;
  99. background-color:transparent!important;}
  100.  
  101. .blog {
  102. margin:8px 19px 0px -9px;
  103. padding:0px;
  104. width:660px !important;
  105. background-color:#121210!important;}
  106.  
  107. #blog { border:none; }
  108. table { background:transparent!important; }
  109.  
  110. body {
  111. background:url(https://i.imgur.com/Ul9L3xo.png) #121210;
  112. overflow-y:auto;
  113. overflow-x:hidden;
  114. background-position:center center;
  115. background-attachment:fixed;
  116. background-repeat:no-repeat;}
  117.  
  118. body, a:hover {cursor: url(https://i.imgur.com/6w1ZkAZ.gif), url(https://i.imgur.com/6w1ZkAZ.gif), progress !important;}
  119.  
  120. .xpdonnax { S c r o l l b a r }
  121. ::-webkit-scrollbar-thumb:vertical {
  122. background-color:#24281f;
  123. border-top:6px solid #121210;
  124. border-right:6px solid #121210;
  125. border-bottom:6px solid #121210; }
  126.  
  127. ::-webkit-scrollbar {
  128. width:7px;
  129. height:7px;
  130. background-color:#121210; }
  131.  
  132. ::-webkit-scrollbar-thumb:hover {
  133. background-color:#474b3b; }
  134.  
  135. ::selection { background:#47493b; color:#ffffff;}
  136. ::-moz-selection { background:#47493b; color:#ffffff; }
  137. ::-webkit-selection { background:#47493b; color:#ffffff; }
  138.  
  139. .blogcommentsprofile img {
  140. pointer-events: none;
  141. -webkit-filter: grayscale(100%)!important;
  142. filter: grayscale(100%)!important;
  143. filter:alpha(opacity=.3)!important;
  144. -html-opacity:.3!important;
  145. -moz-opacity:.3!important;
  146. opacity:.3!important;}
  147.  
  148. .blogCommentsProfile{
  149. text-align:center;
  150. background-color:#151713!important;
  151. font-family:consolas;
  152. color:#47493b;
  153. font-size:10px;
  154. font-weight:normal;
  155. line-height:140%;
  156. text-transform:normal;
  157. margin:5px 0px 5px 0px!important;
  158. padding:10px!important;}
  159.  
  160. .blogComments{
  161. background:transparent!important;
  162. margin:0px!important;
  163. padding:0px!important;
  164. width:0%!important; }
  165.  
  166. .blogCommentsContent{
  167. text-align:justify!important;
  168. background:#121210!important;
  169. font-family:tahoma;
  170. color:#47493b;
  171. font-size:9px;
  172. width:420px;
  173. padding:10px!important;
  174. margin:0px!important;
  175. font-weight:normal;
  176. line-height:140%;}
  177.  
  178. input, select {
  179. font-size:10px;
  180. font-family:calibri;
  181. color:#505141;
  182. line-height:16px;
  183. margin:-11px -65px 0px 70px!important;
  184. padding:2px 4px 4px 8px;
  185. border:none;
  186. width:247.5px;
  187. height:20px;
  188. float:left;
  189. border:none!important;
  190. text-decoration:none;
  191. text-transform:uppercase;
  192. letter-spacing:1px;
  193. background-color:#1f221b;
  194. -webkit-transition: all 0.6s linear;
  195. -moz-transition: all 0.6s linear;
  196. transition: all 0.6s linear;}
  197.  
  198. input:hover, select:hover {
  199. background:#121210;
  200. filter:alpha(opacity=0.6);
  201. -html-opacity:0.6;
  202. -moz-opacity:0.6;
  203. opacity:0.6;}
  204.  
  205. textarea {
  206. font-size:9px;
  207. font-family:tahoma;
  208. color:#47493b;
  209. text-transform:normal;
  210. text-align:center;
  211. float:right;
  212. letter-spacing:0px;
  213. width:50%;
  214. height:65px;
  215. margin:10px 25% 10px 25%;
  216. line-height:140%;
  217. padding:1%;
  218. border:none;
  219. border:1px solid #22261d;
  220. background-color:#121210;}
  221.  
  222. .xpdonnax { S T Y L E }
  223.  
  224. font { color:#151713; }
  225.  
  226. td, p, br, div, tr, table, .blogContent {
  227. font-family:tahoma;
  228. color:#47493b;
  229. font-size:9px;
  230. font-weight:normal;
  231. line-height:140%;
  232. text-transform:normal;
  233. letter-spacing:1px;}
  234.  
  235. I {
  236. font: italic 12px libra baskerville;
  237. color:#726e5b;
  238. text-transform:none;
  239. font-weight:normal;}
  240.  
  241. Strong {
  242. font-family:calibri;
  243. font-size:9px;
  244. letter-spacing:2px;
  245. color:#636454;
  246. padding:2px 2px 2px 4px;
  247. background:#151713;
  248. text-transform:uppercase;}
  249.  
  250. B {
  251. color:#434834;
  252. font-family:calibri;
  253. font-weight:lighter;
  254. font-size:9px;
  255. letter-spacing:2px;
  256. padding:2px 2px 2px 4px;
  257. background:#151713;
  258. text-transform:uppercase;}
  259.  
  260. U {
  261. font-family:calibri;
  262. font-size:9px;
  263. text-transform:uppercase;
  264. text-decoration:none;
  265. color:#4B493F;
  266. padding:2px 2px 2px 4px;
  267. border-bottom:1px solid #24271e;
  268. letter-spacing:2px;}
  269.  
  270. .xpdonnax { H e a d e r 1 }
  271. h1{
  272. float:right;
  273. width:100%;
  274. font-family:arial;
  275. font-size:12px;
  276. font-weight:lighter;
  277. color:#555646;
  278. text-transform:uppercase;
  279. text-align:right;
  280. display:inline-block;
  281. padding:0px;
  282. margin:5px 0px 0px 0px;}
  283.  
  284. .xpdonnax { H e a d e r 2 }
  285. h2{
  286. float:left;
  287. width:100%;
  288. font-family:times;
  289. font-size:14px;
  290. color:#646a55;
  291. letter-spacing:1px;
  292. margin:5px 0px 30px 0px;
  293. padding:0px;
  294. text-align:left;
  295. font-style:italic;
  296. display:inline-block;
  297. text-transform:lowercase;
  298. font-weight:lighter;}
  299.  
  300. .xpdonnax{ H e a d e r 3 }
  301. h3{
  302. font-family:times;
  303. font-size:20px;
  304. font-style:italic;
  305. font-weight:lighter;
  306. text-align:center;
  307. color:#505141;
  308. margin:3px 0px;
  309. width:100%;
  310. text-transform:lowercase;
  311. letter-spacing:-1px;
  312. padding:0px;
  313. line-height:20px;}
  314.  
  315. .xpdonnax{ H e a d e r 4 }
  316. h4{
  317. font-family:times;
  318. font-size:38px;
  319. font-style:italic;
  320. font-weight:lighter;
  321. text-transform:lowercase;
  322. letter-spacing:6px;
  323. text-align:center;
  324. color:#505141;
  325. margin:0px 0px 5px 0px;
  326. padding:0px;
  327. width:100%;
  328. height:38px;
  329. line-height:38px;}
  330.  
  331. .xpdonnax { H e a d e r 5 }
  332. h5{
  333. display:block;
  334. float:left;
  335. font-size:0px;
  336. width:70%;
  337. height:1px;
  338. background:#22261d;
  339. margin:5px 15% 12px 15%;}
  340.  
  341. .enhance {
  342. color:#686953;
  343. font-size:48px;
  344. text-transform:none;}
  345.  
  346. blockquote {
  347. color:#646a55;
  348. padding:10px;
  349. font-family:cambria;
  350. font-size:10px;
  351. line-height:140%;
  352. background:#151713;}
  353.  
  354. .xpdonnax { S I D E B A R }
  355.  
  356. .sidebar {
  357. top:250px;
  358. left:70px;
  359. width:150px;
  360. padding:10px;
  361. text-align:justify;
  362. background-color:#121210;
  363. position:fixed!important;}
  364.  
  365. .xpdonnax { E X T R A L I N K S }
  366.  
  367. .sidebar a:active, .sidebar a:visited, .sidebar a:link {
  368. font-family:georgia;
  369. font-size:13px;
  370. line-height:20px;
  371. display:inline-block;
  372. height:20px;
  373. width:98%;
  374. float:left;
  375. font-weight:lighter;
  376. letter-spacing:-1px;
  377. color:#2e3429;
  378. background-color:#151713!important;
  379. text-transform:lowercase;
  380. text-align:left;
  381. padding:0% 0% 0% 2%;
  382. margin:0px 0px 5px 0px;
  383. -webkit-transition: all 0.3s linear;
  384. -moz-transition: all 0.3s linear;
  385. transition: all 0.3s linear;}
  386.  
  387. .sidebar a:hover { color:#424b3a; letter-spacing:2px; }
  388.  
  389.  
  390. .xpdonnax { N A V I G A T I O N L I N K S }
  391.  
  392. .navo {
  393. top:0px;
  394. left:0px;
  395. width:100%;
  396. height:25px;
  397. z-index:100;
  398. padding-top:10px;
  399. text-align:center;
  400. background:#151713;
  401. position:fixed;}
  402.  
  403. .navo a:active, .navo a:visited, .navo a:link {
  404. color:#444437;
  405. font-size:13px;
  406. line-height:13px;
  407. font-family:arial;
  408. letter-spacing:5px;
  409. margin:0px 25px 0px 25px;
  410. -webkit-transition: all 0.6s ease-out;
  411. -moz-transition: all 0.6s ease-out;
  412. transition: all 0.6s ease-out;}
  413.  
  414. .navo a:hover {
  415. color:#646a55; }
  416.  
  417. .xpdonnax { R E G U L A R L I N K S }
  418.  
  419. a:active, a:visited, a:link, .blogcomments a b {
  420. color:#4B493F;
  421. font-family:tahoma;
  422. font-size:9px;
  423. font-weight:normal;
  424. line-height:8px;
  425. letter-spacing:1px;
  426. background:transparent!important;
  427. text-transform:normal;
  428. text-decoration:none;
  429. -webkit-transition: all 0.3s ease-out;
  430. -moz-transition: all 0.3s ease-out;
  431. transition: all 0.3s ease-out;}
  432.  
  433. a:hover, .blogcomments a:hover b {
  434. color:#646a55;}
  435.  
  436. .xpdonnax { C R E D I T L I N K S }
  437.  
  438. a.hightimes, a.hightimes:link, a.hightimes:active, a.hightimes:visited {
  439. font-size:11px;
  440. font-family:courier;
  441. color:#c0e5d4;
  442. display:block;
  443. line-height:25px;
  444. padding:0px;
  445. text-align:center;
  446. margin:0px;
  447. width:25px;
  448. height:25px;
  449. text-transform:uppercase;
  450. background-color:#ffffff;
  451. -webkit-transition: all 0.8s linear;
  452. -moz-transition: all 0.8s linear;
  453. transition: all 0.8s linear;}
  454.  
  455. a.hightimes:hover {
  456. color:#f19bd6;}
  457.  
  458. .credit {
  459. bottom:6px;
  460. right:6px;
  461. width:25px;
  462. height:25px;
  463. text-align:center;
  464. overflow:hidden;
  465. position:fixed;}
  466.  
  467. .xpdonnax { H I D E S T U F F }
  468.  
  469. .blogcomments img {
  470. width:350px;
  471. -webkit-filter: grayscale(100%)!important;
  472. filter: grayscale(100%)!important;
  473. filter:alpha(opacity=.3)!important;
  474. -html-opacity:.3!important;
  475. -moz-opacity:.3!important;
  476. opacity:.3!important;}
  477.  
  478. td.err_class, .nav, .spacer, .blogTimeStamp, .profile, #ctl00_cpMain_AdLeaderBoard_Img1, .top_nav_black, .googleafc, .blogcontentinfo, .commentspacer, .blogsubject p, .blogsubject, .toolbar1, td.txt_label a, input[type=radio]{ display:none; }
  479. .txt_label p, .txt_label, .txt_label b, .txt_label a { font-size:0px; }
  480. .txt_label table { border:none!important; }
  481. .blogCommentsProfile img[src*='images/onlinenow.gif'] { display:none; }
  482.  
  483. .toolbar td, .toolbar2 td img[src*='seperator.gif'], .toolbar2 td img[src*='seperator2.gif'] {
  484. width:1px!important;
  485. filter:alpha(opacity=0.1);
  486. -html-opacity:0.1;
  487. -moz-opacity:0.1;
  488. opacity:0.1;}
  489.  
  490. .toolbar2 .button {
  491. border:none!important;
  492. margin:0px!important;
  493. padding:0px!important;
  494. width:16px!important;
  495. height:16px!important;
  496. -webkit-filter: grayscale(100%)!important;
  497. filter: grayscale(100%)!important;
  498. -webkit-transition: all 0.5s linear!important;
  499. -moz-transition: all 0.5s linear!important;
  500. transition: all 0.5s linear!important;
  501. filter:alpha(opacity=0.5)!important;
  502. -html-opacity:0.5!important;
  503. -moz-opacity:0.5!important;
  504. opacity:0.5!important;}
  505.  
  506. .toolbar2 .buttonover {
  507. border:none!important;
  508. background-color:#121210;
  509. width:16px!important;
  510. height:16px!important;
  511. margin:0px!important;
  512. padding:0px!important;
  513. -webkit-filter: grayscale(100%)!important;
  514. filter: grayscale(100%)!important;
  515. -webkit-transition: all 0.5s linear;
  516. -moz-transition: all 0.5s linear;
  517. transition: all 0.5s linear;
  518. filter:alpha(opacity=1)!important;
  519. -html-opacity:1!important;
  520. -moz-opacity:1!important;
  521. opacity:1!important;}
  522.  
  523. .toolbar2 {
  524. margin:5px 0px 0px 70px!important;
  525. background:#1f221b!important;
  526. border:none!important;
  527. width:500px!important; }
  528.  
  529. .paginate {
  530. margin-left:10px; }
  531.  
  532. .paginate a {
  533. color:#505141;
  534. text-align:center;
  535. border:0px!important;
  536. text-transform:uppercase;
  537. padding:1px 4px 1px 4px!important; }
  538.  
  539. .paginate a:hover, .paginate span.current, .paginate span.disabled {
  540. color:#505141;
  541. padding:1px 4px 1px 4px!important;
  542. text-transform:uppercase;
  543. font-weight:lighter;
  544. border:0px!important;
  545. background:#121210; }
  546.  
  547. #wysiwygtextarea1 { margin:5px 0px 0px 70px!important; background:#2a2e25!important; border:0px!important; width:500px!important; }
  548. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement