Skip to content

Spaceport Dark Theme by enesinky

Screenshot of Spaceport Dark Theme
Write a review Install Get Stylus

Details

Authorenesinky

LicenseNo License

Categoryspaceport.tradedoubler.com > general

Created

Updated

Size10 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Spaceport has a new look with dark theme.

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name           Spaceport Dark Theme
@namespace      spaceport.tradedoubler.com
@version        1.0.0
@author         Enes Inkaya
==/UserStyle== */

@-moz-document domain("spaceport.tradedoubler.com") {
/* Common */

body {
        background: #414141;
    color: #e4e4e4 !important;
}

td,th {
    color: #c1c1c1;
    font-size: 12px;
}


.button, input[type="submit"] {
    background: #2aa3fd;
    color: #fff;
    cursor: pointer;
    border: 0px solid #fff;
    border-radius: 10px;
    padding: 4px 8px;
    font-size: 12px !important;
    min-height: 24px;

}

.button:hover, input[type="submit"]:hover {
    background: #0070c4;
}

input {
    background: #666;
    border-radius: 6px;
    padding-left: 8px;
    border: 1px solid #999;
    min-height: 18px;
    color: #fff;
    font-size: 12px !important;
}

input[type="button"] {
    background: #666;
    color: #ccc;
    cursor: pointer;
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 4px 8px;
    font-size: 14px !important;
    min-height: 22px;
}

input[type="button"]:hover {
    background: #222;
}

textarea {
    background: #666;
    border-radius: 8px;
    border: 0;
    color: #fff;
    font-size: 13px !important;
}

input[disabled] {
    color: #999;   
}

input[type="button"] {
    cursor: pointer;
}


.td-select, select {
    background: #666;
    color: #ccc;
    font-size: 12px;
    border-radius: 8px;
    min-height: 18px;
}

.pan-contenttable-label, .pan-contenttable-label,.pan-taggroup-label {
    background: none;
    color: #ccc;
}

form table {
    background-color: #444;
}

td.ft {
    background: none;
}
table.pan-ui-contenttable {
    border: 1px solid #7e7e7e;
    border-radius: 10px;
}
table.pan-ui-contenttable img {
    display: none;

}


.pan-ui-page-header,.pan-ui-page-description {
    color: #ccc;
}

.x-grid3 {
    background-color: #565656;
    color: #e7e7e7 !important;
}

.x-grid3-row-over {
    background: #000 !important;
    color: #e7e7e7 !important;
}

.x-panel-body, .x-grid3-row-alt {
    background-color: #444;
}

.x-grid3 a, td a {
    color: #d6ecec;
}

.x-grid3 a:hover, td a:hover {
    color: #a8ebfe;
}
.x-grid3-header {
    background: #222;
}

td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
    background: #666;
}

.x-toolbar {
    background: #999;
    border-color: #fff;
}

.x-panel-header {
    background: linear-gradient(90deg, rgba(68,68,68,1) 0%, rgba(153,153,153,1) 46%, rgba(0,0,0,1) 100%);
    border-color: #fff;
    color: #fff;
}

.navigationBar, .navigationBarContainer {
    background: #444;
}
.navigationBar span {
    color: #FFF !important;
}

#organizationMenuDiv {
    background: #444;
    border: 1px solid #999;
    border-radius: 8px;
}

td#field {
    background: none;
}

td#field a {
    padding: 4px 4px;
}

td#field a:hover {
    padding: 4px 4px;
    background: #222;
    border-radius: 8px;
    text-decoration: none;
    color: #fff;
}

#tableHeader, .reportTable .columnHeader, .contentWindow th {
    background: #999;
}

.reportTable a {
    color: #ccc;
    text-decoration: none;
}

.reportTable td {
    border-color: #333;
}

.reportTable tbody td, .reportTable .columnHeader td, .contentWindow table ,.reportTable .columnHeader .bS {
    border-color: #333;
}

.reportTable tbody .oR, .oddRow,
.program-person-search .oddRow, #tableRow2 {
    background: #666 !important;
}

.setting-td-tooltip, .oddRow td, .evenRow td {
    color: #ccc !important;
}

.reportTable tbody .eR, .evenRow,
.program-person-search .evenRow {
    background: #444 !important;
}

 .mouseOverOddRow, .mouseOverEvenRow {
    background: #999 !important;
}


 .markedOddRow *, .markedEvenRow * {
    background: #000 !important;
}

#sProgramSettingsInformationEdit td > img {
    display: none;
}

label {
    position: relative;
    bottom: 4px;
}

.x-window-tc,.x-window-proxy, .x-window-tl, .x-window-tr, .x-window-tc, .x-window-bl, .x-window-br, .x-window-bc
, .x-window-ml, .x-window-mr, .x-window-mc{
    background: #666;
}
.x-window a, .x-accordion-hd .x-panel-header-text, .x-window-tl .x-window-header {
    color: #ddd;
}

.x-window-plain .x-window-body {
    border: 1px solid #ccc;
}

.tab-selected > img, .tab-unselected > img {
    display: none;
}

#ext-gen6 > table > tbody > tr > td > div > table > tbody > tr > td {
    visibility: hidden;
}

#ext-gen6 > table > tbody > tr > td > div > table > tbody > tr > td:nth-child(3n) {
    visibility: visible;
    margin: 0 2px;
}

.tab-selected {
    background: #222;
    border-radius: 8px;
    padding: 2px 6px;
}

.tab-unselected {
    background: #666;
    border-radius: 8px;
    padding: 2px 6px;
}

.tab-selected a , .tab-unselected a{
    color: #ccc;
    font-size: 12px;
}
.tab-selected a:hover, .tab-unselected a:hover {
    color: #fff;
    font-size: 12px;
}

.programBar, .programBarContainer,  .programBar td span {
    color: #fff !important;
    background: #666;
}

.pan-ui-listtable > tbody > tr:nth-child(1) > th {
    background: #000;
    height: 24px;
}

body > div.navigationBarContainer > div:nth-child(2) > table > tbody > tr > td:nth-child(2) > img {
    display: none;
}

body > a {
    color: #ccc;
}
body > a:hover {
    color: #fff;
}

td[bgcolor="#F5F5F5"] {
    background: #999;
}

.report2summaryCell, #reportTable > tbody > tr:nth-child(1) > td, 
#reportForm > table > tbody > tr:nth-child(2) > td > table > tbody > tr > td > table.reportTable.border1px > tfoot > tr,
.groupHeader > td, #tableRow1 {
    background: #000;
    border-color: #ccc;
}
.reportTable thead .groupHeader td {
    border-color: #ccc;
}

#introrubrik {
    color: #fff;
}

.columnHeader > td > table > tbody
{
    background: none !important;
    background-color: transparent !important;
}
}

@-moz-document url("https://spaceport.tradedoubler.com/pan/userLoginPageSpaceport.action") {
body {
    background: #444;
}

td {
        color: #afafaf !important;
        font-size: 12px;
    font-family: Arial;
}

.button {
    background: #76b2df;
    color: #fff;
    cursor: pointer;
    border: 0;
    border-radius: 10px;
    padding: 4px 8px;
    font-size: 14px !important;
    
}

input {
    background: #666;
    border-radius: 8px;
    padding-left: 4px;
    height: 32px;
    color: #fff;
    font-size: 13px !important;
}

input.button {
    position: relative;
    right: 16%;
    width: 140px;
}

input.input {
    width: 300px !important;
}

.contentWindow table {
    border: 0 !important;
}

.tableBox th {
    height: 36px;
    font-size: 15px;
    letter-spacing: 1px;
}
}

@-moz-document url("https://spaceport.tradedoubler.com/pan/login") {
body {
    background: #444;
}

td {
        color: #afafaf !important;
        font-size: 12px;
    font-family: Arial;
}

img {
    display: none;
}
#logo-image img {
    display: block !important;
}
table.header {
    background: #fff;
}


.button {
    background: #76b2df;
    color: #fff;
    cursor: pointer;
    border: 0;
    border-radius: 10px;
    padding: 4px 8px;
    font-size: 14px !important;
    
}

input {
    background: #666;
    border-radius: 8px;
    padding-left: 4px;
    height: 32px;
    color: #fff;
    font-size: 13px !important;
}

input.button {
    position: relative;
    right: 16%;
    width: 140px;
}

input.input {
    width: 300px !important;
}

.contentWindow table {
    border: 0 !important;
}

.tableBox th {
    height: 36px;
    font-size: 15px;
    letter-spacing: 1px;
}
}

@-moz-document url("https://spaceport.tradedoubler.com/pan/sMenuPage.action") {
/* Menu */
.menuLink {
    color: #cacaca;
    text-decoration: none;
    font-family: Arial;
    font-size: 13px;
    font-weight: 200;
    text-transform: capitalize;
}

.menuObjCommon a:hover, .menuLink a:hover {
    color: #fff !important;
}

.menuObjSelected {
    background-color: #999;
    padding-left: 13px !important;
}

.menuObjSelected a {
    color: #fff;
}

.menuObjCommon {
    background: #555;
    border-bottom: solid 1px #878787;
    padding-left: 4px !important;
}

.menuObjCommon:hover {
    background: #666;
}

.menuObjCommon[id*='_'] {
    background: #777;
    background-image: none !important;
    padding-left: 13px !important;
}


.menuFolderLink {
    color: #ccc;
    text-decoration: none;
    font-family: Arial;
    font-size: 13px;
    font-weight: 200;
    text-transform: capitalize;
    --background: #666;
    border-radius: 4px;
    padding: 2px 8px;
}

.menuFolderLinkExpanded {
    color: #fff;
    text-decoration: none;
    font-family: arial;
    font-size: 13px;
    text-transform: capitalize;
    background: #414141;
    border-radius: 4px;
    padding: 2px 8px;
}

.menuFolderLink:before {
    content: "\01F892";
    padding-right: 4px;
    font-size: 16px;
}

.menuFolderLinkExpanded:before {
    content: "\01F893";
    padding-right: 0;
    position: relative;
    top: 8px;
    left: -3px;
    font-size: 16px;
}


.menuObjCommon:nth-child(1)  .menuFolderLinkExpanded:before {
    content: "🏠";
    padding-right: 4px;
    position: relative;
    top: 0;
    left: 0;
}



}

@-moz-document regexp("https:\\/\\/spaceport\\.tradedoubler\\.com\\/pan\\/((?!sMenuPage\\.action)(?!login).*)") {
tbody,body,.body {
    background-color: #444 !important;
}

td a {
    color: #b9b9b9d9;
}
td a:hover {
    color: #daf7ff;
}



}

@-moz-document url("https://spaceport.tradedoubler.com/...

Reviews

No reviews yet.