API tools faq
paste
Advertisement
Hadeslicious

Dreamy Theme

Hadeslicious
Apr 9th, 2020
392
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 18.31 KB | None | 0 0
raw download clone embed print report
  1. /* **********************************************************************************************************
  2.     CSS Normalize - aims to make the "starter" styles the same between all browsers
  3. ********************************************************************************************************** */
  4. html { font-family: nova mono; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
  5.  
  6. body { margin: 0;
  7. font-family: nova mono;
  8. color: #c4c4c4;}
  9.  
  10. article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
  11.  
  12. audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
  13.  
  14. audio:not([controls]) { display: none; height: 0; }
  15.  
  16. [hidden], template { display: none; }
  17.  
  18. a { background: transparent;
  19. color: #fff;
  20. text-shadow: 0, 0, 7px #c4c4c4;}
  21.  
  22.  
  23.  a:hover { outline: 0;
  24.  
  25. }
  26.  
  27. abbr[title] { border-bottom: 1px dotted; }
  28.  
  29. b, strong { font-weight: 700; }
  30.  
  31. dfn { font-style: italic; }
  32.  
  33. h1 { font-size: 2em; margin: .67em 0; }
  34.  
  35. mark { background: #ff0; color: #000; }
  36.  
  37. small { font-size: 80%; }
  38.  
  39. sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
  40.  
  41. sup { top: -.5em; }
  42.  
  43. sub { bottom: -.25em; }
  44.  
  45. img { border: 0; }
  46.  
  47. svg:not(:root) { overflow: hidden; }
  48.  
  49. figure { margin: 1em 40px; }
  50.  
  51. hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
  52.  
  53. pre { overflow: auto; }
  54.  
  55. code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em; }
  56.  
  57. button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0;
  58. background-color: #000;
  59. color: #fff; }
  60.  
  61. button { overflow: visible; }
  62.  
  63. button, select { text-transform: none; }
  64.  
  65. button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
  66.  
  67. button[disabled], html input[disabled] { cursor: default; }
  68.  
  69. button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
  70.  
  71. input { line-height: normal; }
  72.  
  73. input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
  74.  
  75. input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
  76.  
  77. input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
  78.  
  79. input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
  80.  
  81. fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; }
  82.  
  83. legend { border: 0; padding: 0; }
  84.  
  85. textarea { overflow: auto; }
  86.  
  87. optgroup { font-weight: 700; }
  88.  
  89. table { border-collapse: collapse; border-spacing: 0; }
  90.  
  91. td, th { padding: 0; }
  92.  
  93. /* **********************************************************************************************************
  94.     Hidden & Behavioral Elements, such as the popup window for making a character tie.
  95. ********************************************************************************************************** */
  96. ul#toolbar-dropdown-nav li, #toolbar ul ul.open-dropdown { display: block; }
  97.  
  98. #toolbar-dropdown-nav { position: absolute; display: none; }
  99.  
  100. .nestedPages { position: absolute; display: none; padding: 0; }
  101.  
  102. .nestedPages li { display: block; }
  103.  
  104. #toolbar-dropdown-nav.open-dropdown, .nestedPages.open-dropdown { display: block; }
  105.  
  106. .hiddenCharacterWindow { display: none; color: #000; font-family: cambria, arial, helvetica, sans-serif; }
  107.  
  108. .hiddenCharacterWindow textarea { width: 100%; }
  109.  
  110. .hiddenCharacterWindow h5 { color: #000000; padding-top: 0px; margin-top: 10px; margin-bottom: 10px; font-size: 20px; font-family: cambria, arial, helvetica, sans-serif; }
  111.  
  112. .hiddenCharacterWindow span.connection-type-selection { display: block; margin-bottom: 10px; }
  113.  
  114. table.game { float: left; margin-right: 5px; text-align: center; width: 80px; font-size: .7em; }
  115.  
  116. .labelfor-publicnote { display: block; }
  117.  
  118. #form_optionalpublicnote { width: 95%; box-sizing: border-box; }
  119.  
  120. .widget-clear { clear: both; }
  121.  
  122. /* basic BBCode setup */
  123. a img { border: 0px; }
  124.  
  125. .bbcode_img { max-width: 100%; }
  126.  
  127. ul.bbcode_list, #nowidgets ul { list-style-type: disc; }
  128.  
  129. table.bbcode_columns td { vertical-align: top; }
  130.  
  131. .bbcode_column { padding-left: 20px; }
  132.  
  133. .bbcode_firstcolumn { padding-left: 0px; }
  134.  
  135. .bbcode_column img { max-width: none; }
  136.  
  137. .bbcode_quote, .bbcode_code { border: 1px solid #000; margin: 20px 0; }
  138.  
  139. .bbcode_quote_head, .bbcode_code_head { padding: 5px 20px; }
  140.  
  141. .bbcode_quote_body, .bbcode_code_body { padding: 10px 20px; }
  142.  
  143. .bbcode_code_body { overflow-x: scroll; }
  144.  
  145. .bbcode_center .bbcode_columns { margin: auto auto; }
  146.  
  147. .bbcode_spoiler {    text-shadow: 0px 0px 10px #fff;
  148.     -webkit-transition: all 1.2s ease;
  149.     -moz-transition: all 1.2s ease;
  150.     -ms-transition: all 1.2s ease;
  151.     -o-transition: all 1.2s ease;
  152.     transition: all 1.2s ease;
  153.     background-color: transparent;
  154.     color: transparent;
  155. }
  156. .bbcode_spoiler:hover {  color: #fff;
  157. }
  158.  
  159. .bbcode_collapse { padding-top: 2px;  letter-spacing: 5px;
  160. }
  161.  
  162. .bbcode_collapse .collapse_name { padding-top: 2px; cursor: pointer;
  163. border-bottom: 1px dotted #c4c4c4;}
  164.  
  165. .bbcode_collapse .collapse_content { display: none; padding-top: 5px; padding-left: 15px; margin-bottom: 10px; padding-bottom: 2px;
  166. letter-spacing: 0px;
  167. border-bottom: 1px solid #c4c4c4;
  168. }
  169.  
  170. /* mobile elements */
  171. .mobileonly { display: none; }
  172.  
  173. .mobiletabletonly { display: none; }
  174.  
  175. .desktoponly { display: block; }
  176.  
  177. /* mobile menus */
  178. .menutoggle { float: right; font-size: 25px; }
  179.  
  180. .menutoggle.fa { font-size: 25px; }
  181.  
  182. #toolbar a { text-decoration: none; }
  183.  
  184. .toolbartoggle { height: 25px; padding: 10px 20px; line-height: 25px; }
  185.  
  186. /* Dropdown menus */
  187. #toolbar-dropdown-nav, .nestedPages { z-index: 50; }
  188.  
  189. span.mobiledropdowntoggle { float: right; padding: 0 10px; text-align: center; display: none; font-size: 16px; line-height: 20px; }
  190.  
  191. /* This code relates to making youtube videos not overflow the page, even if the template is narrow or being viewed on a mobile device */
  192. .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
  193.  
  194. .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  195.  
  196. .bbcode_center .video-container { margin: auto auto; }
  197.  
  198. /* **********************************************************************************************************
  199.     ULTRA BASIC LAYOUT
  200. ********************************************************************************************************** */
  201. body {
  202. background-image: url('https://media1.giphy.com/media/10s421g4bUltFC/giphy.gif');
  203. background-attachment: repeat;
  204. background-attachment: fixed;
  205.  }
  206.  
  207. #sitecontainer { width: 1000px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 40px; margin: 0 auto;
  208. background: linear-gradient(rgba(87, 8, 47,0.05),  rgba(87, 8, 47, 0.5), rgba(87, 8, 47,1));
  209.  color: #c4c4c4; }
  210.  
  211. div#headerholder { margin-top: 47px;
  212. }
  213.  
  214. #charheader .portraitcontainer {
  215.     margin: 15% auto 0;
  216.     display: block;
  217.     float: none;
  218.     border: none;
  219. margin-top: 10px;
  220. }
  221. #charheader .portraitcontainer {
  222.     width: 95px;
  223.     height: 95px;
  224. }
  225.  
  226. img.portrait { width: 100px; height: 100px;
  227. border-radius:50px; }
  228.  
  229. #characterName {
  230.     position: relative;
  231.     text-align: center;
  232.     margin-top: -35px;
  233.     font-family: Nova Mono;
  234.     font-size: 3em;
  235.     color: #fff;
  236.     letter-spacing: 10px;
  237.     padding-bottom: 13px;
  238.     z-index: 1;
  239. border-bottom: 1px solid #c4c4c4;
  240. margin-bottom: 40px;
  241. }
  242.  
  243. #playedBy {
  244.     position: relative;
  245.     font-family: Nova Mono;
  246.     margin-left: 225px;
  247.     margin-top: -58px;
  248.     text-align: center;
  249.     font-size: .6em;
  250.     color: #fff;
  251.     letter-spacing: 5px;
  252.     z-index: 2;
  253. }
  254.  
  255. h2 {
  256.     display: block;
  257.     font-size: 1.5em;
  258.     margin-block-start: 0.83em;
  259.     margin-block-end: 0.83em;
  260.     margin-inline-start: 0px;
  261.     margin-inline-end: 0px;
  262.     font-weight: bold;
  263. }
  264.  
  265. .widgetTitle{ letter-spacing: 10px;
  266. border-bottom: 1px solid #c4c4c4;
  267. text-shadow: 0px 0px 8px #c4c4c4;
  268. color:#c4c4c4;
  269. }
  270.  
  271.  
  272. #toolbar ul, #pagetabs { list-style-type: none; margin: 0; padding: 0;
  273. text-align: center;
  274. letter-spacing: 3px;
  275. font-size: 1em;
  276. text-shadow: 0 0 8px #fff;}
  277.  
  278. #toolbar ul li, #pagetabs li { display: inline-block; margin-right: 20px; }
  279.  
  280. #toolbar ul ul li, #pagetabs ul li { display: block; margin-right: 0; }
  281.  
  282. #toolbar ul ul li a, #pagetabs ul li a { display: block; padding: 5px 10px; }
  283.  
  284. #toolbar ul, #pagetabs { margin: 0; padding: 0; }
  285.  
  286. #alltabs { clear: both; }
  287.  
  288. #charheader a, #footer a { text-decoration: none; }
  289.  
  290. /* Styles for dropdown menus */
  291. #toolbar ul#toolbar-dropdown-nav a, #charheader ul.nestedPages a { color: #c4c4c4 ; text-decoration: none; background: rgba(87, 8, 47,0.5); }
  292.  
  293. ul#toolbar-dropdown-nav, #charheader ul.nestedPages { background-color: transparent; border: 1px solid #000; }
  294.  
  295. ul#toolbar-dropdown-nav li, #charheader ul#pagetabs li ul.nestedPages li { width: 150px; text-align: left; font-weight: normal; }
  296.  
  297. #toolbar ul#toolbar-dropdown-nav .dropdown-hover, #charheader ul.nestedPages .dropdown-hover { background: #transparent; }
  298.  
  299. #toolbar ul#toolbar-dropdown-nav .dropdown-hover a, #charheader ul.nestedPages .dropdown-hover a { color: #ffffff; }
  300.  
  301. #charcontent { clear: both; }
  302.  
  303.  
  304. #footer { padding: 20px 0;
  305. text-align: center;
  306. image:center;
  307. font-size:12px;
  308. border-top: 1px solid #c4c4c4;
  309. margin-top: 10px;
  310. }
  311.  
  312. #footer:before {
  313. content: "This profile was designed by Hadeslicious"; }
  314.  
  315. /****************widgets*******************/
  316. td.label {
  317.     text-align: right;
  318. }
  319.  
  320. ul.inUseWidgets {
  321.     list-style-type: none;
  322.     margin: 0;
  323.     padding: 0;
  324. }
  325.  
  326. ul.inUseWidgets li.widget ul.vitalstats {
  327.     list-style-type: none;
  328.     margin: 0;
  329.     padding: 0;
  330. }
  331.  
  332. /* GALLERY */
  333. ul.gallery {
  334.     margin-left: 0;
  335.     padding-left: 0;
  336. }
  337. ul.gallery li { display: inline; width: 120px; text-align: center; padding: 5px; }
  338. ul.gallery li img { border: 0px; }
  339. ul.galleryedit li { width: 100%; float: none; text-align: left; display: block; }
  340. ul.galleryedit img { margin-right: 10px; }
  341.  
  342. .fullSizeGalleryImage {max-width: 100%; display: block; padding: 10px 0; margin: auto auto; text-align: center;}
  343. .gallerytitle {display: block; font-weight: bold;margin: auto auto; text-align: center;}
  344. .gallerydesc {display: block; margin: auto auto; text-align: center;}
  345.  
  346. /* ALWAYS NEVER */
  347. table.alwaysnever { border-collapse: collapse; border-spacing: 0px; margin: 10px 0;}
  348. .alwaysnever td { border: 1px solid black; margin: 0px; padding: 0px; vertical-align: top; }
  349. .alwaysnever ul { list-style-type: none; padding: 0px; margin:0px; }
  350. .alwaysnever ul li { padding: 5px; }
  351. .alwaystitle strong, .sometimestitle strong, .maybetitle strong, .nevertitle strong {padding: 10px; font-size: 1.2em; text-align: center;}
  352.  
  353. /* FRIEND AND ENEMY */
  354. ul.friendswidget {list-style-type: none;}
  355. .charactertiescontainer table.friendswidget .portraitcontainer img, .charactertiescontainer table.friendswidget .portraitcontainer {width: 40px; height: 40px; margin: 0; padding: 0; float: none;}
  356. .charactertiescontainer table.friendswidget .portraitcontainer {background: none; margin: auto auto;}
  357. table.friendswidget {text-align: center; margin: 10px;float: left;}
  358. .charactertiesend, .charactertiescontainer h4 {clear: left;}
  359.  
  360. table.friendswidget {width: 200px;}
  361. table.friendswidget .picture {width: 40px;}
  362. .charactertiescontainer table.friendswidgetwithnote {width: auto;}
  363. table.friendswidget .playedby {display: block; font-size: .7em;}
  364. .friendswidgetwithnote {float: none; clear: left;}
  365. .friendswidgetwithnote td {text-align: left;}
  366. .friendswidgetwithnote td.friendname {padding-left: 10px; text-align: left;}
  367. .friendswidgetwithnote td.note {padding-left: 60px; text-align: left;}
  368. .friendswidgetwithnote {margin-bottom: 10px;}
  369. table.friendswidgetwithnote .playedby {display: inline;}
  370. .charactertiescontainer table.friendswidgetwithnote .portraitcontainer {margin: 0px;}
  371.  
  372. /* GROUPS N GUILDS */
  373. .groupsngamesend {clear: left;}
  374.  
  375. /* ***************************** FLEXIBLE STATS */
  376. table.flexstatstable {border-collapse: collapse;border-spacing: 0px;margin: 10px 0;}
  377. table.flexstatstable tr {margin-bottom: 5px;}
  378. table.flexstatstable td.statlabel {text-align: right;border: 1px solid black;border-right: 0;padding: 5px;margin: 0;font-weight: bold;}
  379. table.flexstatstable td.statlevel {text-align: left;padding: 5px;border: 1px solid black;border-left: 0;margin: 0;}
  380. table.flexstatstable td.statlevel img {display: none;}
  381. table.flexstatstable .filleddisc {background-color: grey;border: 1px solid black;width: 6px;padding-left: 6px;}
  382. table.flexstatstable .emptydisc {background-color: #ffffff; border: 1px solid black;width: 6px; padding-left: 6px;}
  383. h4.flexstatsdivider {margin: 5px;}
  384. .disccontainer {margin: 0px;padding: 0px;white-space: nowrap;}
  385.  
  386. /* ***************************** GUESTBOOK */
  387. ul.guestbook, ul.guestbook_level_1, ul.guestbook_level_2, ul.guestbook_level_3 { list-style-type: none; margin: 0; padding: 0; }
  388. ul.guestbook > li {min-height: 100px; margin: 0; }
  389. #charcontent ul.guestbook li div.portraitcontainer { margin: 0; padding: 0; margin-right: 10px; background: none; width: 95px; float: left;}
  390. #charcontent ul.guestbook li div.portraitcontainer img { margin: 0; padding: 0; background: none; border: 1px #000000 solid; }
  391. ul.guestbook .guestbookcommenter { font-weight: bold; }
  392. .guestbookwidget .guestbookcommentinfo { margin: 0;}
  393. .commenttime { font-weight: bold; }
  394.  
  395. textarea.guestbookcomment { height: 150px; width: 100%;}
  396. textarea.guestbookcomment.markItUpEditor {width: 98%;}
  397. div.guestbookwidget textarea.markItUpEditor {
  398.     color: #000;
  399.     background: #fff;
  400. }
  401. .guestbooktitle { font-size: 1.2em; }
  402. .guestbookwidget .recaptcha { margin-top: 10px; }
  403. .guestbookwidget .guestbooksubmit { margin-top: 10px; clear: both;
  404. background-color: #000;}
  405. .guestbookwidget .pagenumbers { width: 100%; display: none; }
  406. .guestbookwidget .pagenumbers .prev { margin-left: 30px; }
  407. ul.guestbook li .enterguestbookcomment {padding: 20px; display: none;}
  408. ul.guestbook_level_1 { padding-left: 25px; }
  409. ul.guestbook_level_2 { padding-left: 25px; }
  410. ul.guestbook_level_3 { padding-left: 25px; }
  411. ul.guestbook .guestbookreply {display: none;}
  412. .enterguestbookcomment select { margin-bottom: 10px;}
  413.  
  414.  
  415. /* ***************************** JOURNAL */
  416. ul.journal { list-style-type: none; margin: 0px; padding: 0px; }
  417. ul.journal li { padding: 5px 10px; }
  418. ul.journal h4 .posttitle{ font-size: 1.5em; }
  419. ul.journal h4 .postdate { font-size: 1em; margin-left: 20px;}
  420. ul.journal .pagenumbers { width: 100%; display: none; }
  421. ul.journal .pagenumbers .prev { margin-left: 30px; }
  422. div.journalwidget .pagenumbers { width: 100%; display: none; }
  423.  
  424. /* ***************************** WORLD OF WARCRAFT */
  425. h2 span.wowtitle, h2 span.wowserver { font-size: .6em; }
  426. h2.WoW, h4.WoW { text-align: center; }
  427. h2.WoW { margin-bottom: 0px; }
  428. h4.WoW {margin-top: 0px; }
  429. .wowtooltip { position: absolute; top: 0; left: 0; z-index: 3; display: none; background-color: black; padding: 15px; margin-top: 5px; font-size: 14px; color: black; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #000; box-shadow:5px 5px 5px #111; -webkit-box-shadow:5px 5px 10px #111; -moz-box-shadow:5px 5px 10px #111; width: 250px; }
  430. .wowtooltip ul { list-style-type: none; color: white; margin: 0px; padding: 0px; }
  431. .wowtooltip ul li.purple{ color: #a335ee; }
  432. .wowtooltip ul li.green { color: #00ff00; }
  433. .wowtooltip ul li.orange {color: orange; }
  434. .wowtooltip ul li.grey { color: #a335ee; }
  435. .wowtooltip ul li.blue {color: #0070dd; }
  436. .wowtooltip ul li.lightgreen {color: #00ff00;}
  437. .wowtooltip ul img {width: 14px; height: 14px;}
  438. .wowEquipLeft { float: left; list-style-type: none; margin: 0px; padding: 0px; margin-left: 20px; }
  439. .wowEquipRight { float: right; list-style-type: none; margin: 0px; padding: 0px; margin-right: 20px;}
  440. ul.wowEquipBottom { list-style-type: none; margin: 0px; padding: 0px; clear: both; margin-left: auto; margin-right: auto; text-align: center; display: block;}
  441. ul.wowEquipBottom li { display: inline;}
  442. ul.wowEquipBottom li li {display: block;}
  443. .wowmodel { margin-left: auto;  margin-right: auto; text-align: center;}
  444.  
  445. /* ***************************** RECENT ACTIVITY WIDGET */
  446. ul.notifications {list-style-type: none; margin: 0px; padding: 0px; }
  447. ul.notifications td.mainIcons .portraitcontainer, ul.notifications td.mainIcons .portraitcontainer img {width: 32px; height: 32px; padding: 0px; float: none; display: inline; margin: 0px; background: none;}
  448. ul.notifications td.mainIcons .groupiconcontainer {float: none; display: inline;}
  449. ul.notifications td.mainIcons .portraitcontainer {margin: 5px; border: 0px;}
  450. ul.notifications td.mainIcons .portraitcontainer img {border: 1px solid #000000;}
  451. ul.notifications td.groupAssociation {font-size: .8em; font-weight: bold; padding-bottom: 14px;}
  452. ul.notifications .playedby {font-size: .7em;}
  453. ul.notifications td.mainIcons {vertical-align: center; white-space: nowrap; padding-right: 14px;}
  454. ul.notifications td.message {white-space: wrap;}
  455. ul.notifications .timestamp { display: block; padding-top: 5px; }
  456. ul.notifications li {padding-bottom: 5px; padding-top: 5px; border-bottom: 1px solid #000000;}
  457.  
  458. ul.notifications li.galleryimage a img {border: 1px solid black;-moz-box-shadow: 3px 3px 3px #3D2216; -webkit-box-shadow: 3px 3px 3px #3D2216; box-shadow: 3px 3px 3px #3D2216; }
  459. ul.notifications li.gametag img { height: 20px; width: 20px; }
  460. ul.notifications span.timestamp {font-size: .8em; display: block; margin-top: 24px;}
  461. table.notification {margin-bottom: 20px; margin-top: 10px;}
  462. img.widgetUpdating {text-align: center; display: block; margin: auto auto;}
  463.  
  464. /* ******************************* KUDOS WIDGET */
  465. ul.kudoswidget {list-style-type: none; margin: 0px; padding: 0px;}
  466. ul.kudoswidget li {padding-top:14px; padding-bottom: 14px;}
  467. ul.kudoswidget .kudosAuthor {padding-top: 14px; display: block; padding-left: 34px;}
  468. div.kudosForm textarea {height: 100px; width: 100%;}
  469. div.kudosForm .submitButton {padding: 3px 10px;}
  470. div.kudosForm h4 {font-size: 1.2em; margin-top: 10px; padding-top: 0px;}
  471. .kudosExplanation {font-style: italic;}
  472. .kudosExplanation input {font-style: normal;}
  473.  
  474. .pagetitle { text-align: center;
  475. color:#000;
  476. text-shadow: 0 0 7px #c4c4c4;
  477. font-size: 2em;
  478. margin-top: 20px;}
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!