My custom CSS is completely borked, and I need help to fix it because I have no clue how to.
This is what it currently looks like and my code is in the spoiler below.
code
.hustler {display:none}
.floating_item
{
border:5px solid red;
position:absolute !important;
left:0px !important;
top:50px !important;}
/* Basics */ footer, , , -right, -left, -rrc, -ban, .menu-logo-txt, -logo {display:none;} body {background: url(http://i.imgur.com/E8xBFQx.png) top left repeat-y, url(http://i.imgur.com/7iQOgrf.png) repeat, ;color: ;font-size: 12px !important;} {margin:0; margin-left: 10px;background: url(http://i.imgur.com/wKdHHye.jpg) no-repeat top left;border-left: 1px solid ;border-right: 1px solid ; width: 1237px !important;min-width: 1100px;} {margin-left: 210px !important;margin-top: 130px; background: none;padding: 0;margin-right: 30px;position: static !important;}
.floating_item {position: fixed !important;top: 20px !important;left: 20px !important;border: 1px solid ;z-index: 99 !important;} .wishlist {border: 1px solid ;}
.header {font-size: 13px !important; font-weight: 100 !important; text-transform: uppercase; letter-spacing: 3px;} .ui.top.attached.header {background: rgba(102,113,109,0.3) !important} h1 {font-family: helvetica !important; font-size: 15px !important; text-transform: uppercase; letter-spacing: 3px;font-weight: 100 !important} h2 {font-family: helvetica !important; font-size: 14px !important; text-transform: uppercase; letter-spacing: 3px;font-weight: 100 !important} h3 {font-family: helvetica !important; font-size: 13px !important; text-transform: uppercase; letter-spacing: 3px;font-weight: 100 !important}
.ui.message {background: rgba(250,250,250,0.7) !important; border-radius: 10px;} .ui.segment {background: none;}
a:link,a:visited{color:;} a:hover{color:;text-decoration: none;} /* News */
.ui.bottom.attached.message {font-size: 13px !important; font-weight: 100 !important; text-transform: uppercase; letter-spacing: 2px;}
/* Forums */ .user.details.ui.segment {box-shadow: none !important;background: } .seven.wide.column {margin: 7px 0; width: 49% !important} .three.wide.column {width: 19.1% !important} .thirteen.wide.column {width: 80.9% !important} .ui.tertiary.inverted.segment {background: rgba(42,38,57,0.5) !important;border: 1px solid ; border-radius: 0} .ui.segment.attached {box-shadow: none;} .post {background: none !important}
/* Bookmarks */ {background: transparent !important;margin-right: 10px;left: 1213px !important;top: 50px !important;} .bookmark {background: rgba(88,95,118,0.5); width: 10px;padding: 3px; padding-left: 5px;border:1px solid rgba(200,200,200,0.5); border-left:none;box-shadow: 0 1px rgba(0,0,0,0.5), 0 -1px rgba(0,0,0,0.5), 1px 1px rgba(0,0,0,0.5)} .bookmark:hover {padding-left: 7px;}
/* Training Center */ .twelve.wide.column {margin: 0} .ui.warning.message {color: ; background: rgba(121,111,126,0.5) !important} .four.wide.column img {border-radius: 10px;} .twelve.wide.column div {background: none !important}
/* Sidebar */ {width: 200px;background: none;top: 257px;padding: 0px;font-size: 11px;}
-btn-dash{background: url(http://i.imgur.com/hvFuQ7p.png) top left no-repeat;height: 15px;width: 117px;position:relative;margin-left: 87px;} -btn-events {background: url(http://i.imgur.com/X1jNpV0.png) top left no-repeat ;height: 15px;width: 117px;position:relative;margin-left: 87px;margin-top: 3px;} -counter-wrapper {background: none;margin-top:11px; right: 17px;} -counter {color: ;}
-inner-dash, -inner-events {margin-top: 7px}
-inner {background: none;} .sidebar-widget {width:190px;border: none} .sidebar-widget-contents {padding: 0; border: 1px solid rgba(200,200,200,0.5) !important;box-shadow: 1px 1px rgba(0,0,0,0.5), 1px -1px rgba(0,0,0,0.5), -1px 1px rgba(0,0,0,0.5),-1px -1px rgba(0,0,0,0.5);color: ; text-shadow: 1px 1px rgba(248,244,238,0.2);} .sidebar-widget-contents a {color: } .sidebar-widget-contents a:hover {color: ;text-decoration: none;} .sidebar-widget .sidebar-widget-sep {height: 0px;background:none;}
.sidebar-widget .sidebar-widget-header {background: none; border: none;color: !important; letter-spacing: normal; text-transform:uppercase; text-shadow: 1px 1px ;padding: 3px} .sidebar-widget .sidebar-widget-arrow {width: 5px;margin-right: 2px;background: url(http://i.imgur.com/JPt3BiS.png) center bottom no-repeat}
-inner-events .sidebar-widget-contents .event-sep {background: rgba(200,200,200,0.5); width: 166px;}
/* Menu */ {background: none; position: absolute; left: 0px; top: 0px;} -time {background-color: transparent; border:none;padding: 0; font-size: 12px;letter-spacing: normal;position: absolute;left: 175px;top: 134px; color: ; text-shadow: 1px 1px rgba(255,255,255,0.2)}
.menu-bar {margin-right: 20px !important;} .menu-btn, .menu-btn-left, .menu-btn-right {background: none;} .menu-btn a.item {opacity: 0.5;text-transform: uppercase} .menu-btn a.item:hover {opacity: 1}
ul#menu-ul li.menu-btn ul {background: url(https://img.subeta.net/transparent_block.png);padding: 0px;width: 120px; border: 1px solid rgba(200,200,200,0.5) !important;box-shadow: 1px 1px rgba(0,0,0,0.5), 1px -1px rgba(0,0,0,0.5), -1px 1px rgba(0,0,0,0.5),-1px -1px rgba(0,0,0,0.5);color: ; text-shadow: 1px 1px rgba(248,244,238,0.2)} ul#menu-ul li.menu-btn ul li {border: none;padding: 1px;} ul#menu-ul li.menu-btn ul li a {color: ;} ul#menu-ul li.menu-btn ul li a:hover, .menu-dropdown a:hover {color: !important; text-decoration: none;}
/* Scrollbar */ ::-webkit-scrollbar {width: 8px;height: 8px;} ::-webkit-scrollbar-track-piece {background: transparent;box-shadow: inset 1px 1px 2px rgba(95,94,85, 0.1);border-radius: 5px} ::-webkit-scrollbar-thumb:vertical {border: 1px solid ;height: 5px;background-color: rgba(119, 4, 1, 0.8);border-radius: 5px} ::-webkit-scrollbar-thumb:horizontal {border: 1px solid ;width: 5px;background-color: rgba(119, 4, 1, 0.8);border-radius: 5px}
/* Mail */ .sp-header, .sp-sub {background: none !important; font-weight: 100; text-transform: uppercase; letter-spacing: 2px;} {color: !important; background: rgba(121,111,126,0.5) !important; border:none !important; border-radius: 10px;padding: 5px !important;}
/* Random */ .game_menu_option {background: ;}
/* Items */ .ui.table.border {border: none !important;}
/* Ruffie Raffle */ .ui.message {background: none !important} .ui.grid .column > .ui.segment:only-child {box-shadow: none !important}
/* Tickets */ h1 {background: none !important;border: none !important;} a {font-size: 12px !important;}
/* Games */ iframe {margin: 0}
/* Currencies */ .ui.pointing.menu ~ .ui.attached.segment .twelve.wide.column {font-size: 11px !important} .ui.pointing.menu ~ .ui.attached.segment .twelve.wide.column small {font-size: 10px !important}
/* Achievements */ .ui.small.labels .ui.label.red {background: !important;} .ui.small.labels .ui.label.green {background: !important;}
/* Shop Search */ .ui.table tr.warning td, .ui.table td.warning, .ui.table th.warning {color: ; background: } .ui.celled.table tr.warning:hover td,.ui.celled.table tr:hover td.warning,.ui.table tr.warning:hover td,.ui.table td:hover.warning,.ui.table th:hover.warning {color: ;background: }
/* Groups */ .two.column.wide.text_center strong {font-size: 10pt !important; font-weight: bold}
/* Cash Shop */ .cash_shop_row {width: 97px !important; border: 1px solid !important} .two.wide.column {margin: 0 0 10px; padding: 0} .four.wide.column.text_center div {border-radius: 10px !important;width: 115px !important;} .four.wide.column.text_center .ui.basic.button {font-size: 9pt !important}
arts by the amazing
-content {background: none;}
xe/they/she
Hi there, can you please provide an image or screenshot of what it's supposed to look like?
That fixed most of my problems, actually! Thanks so much! Do either of you know how to bring down the sidebar? The dashboard/events toggles are too high up and are encroaching into my header.
img
arts by the amazing
{width: 200px;background: none;top: 257px;padding: 0px;font-size: 11px;}
{width: 200px; background: none; position: absolute; top: 157px; padding: 0px; font-size: 11px;}
xe/they/she
gave a correct answer, though you can also fix it by adding "margin-" before "top", so that your line looks like this {width: 200px;background: none;margin-top: 257px;padding: 0px;font-size: 11px;}
Thank you both so much! My custom CSS is fixed (or rather, looks like it did before the switch). <3
arts by the amazing