My Workspace, Don't Touch
T Workspace by seris-hd
Details
Authorseris-hd
LicenseMIT License
Categoryseris
Created
Updated
Size17 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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 T Workspace
@namespace secret
@version 20241121.1
@description Workspace
@author SERIS-HD
@preprocessor less
@var color color-accent-light "Accent Colour" #6847a5
@var color color-blue-light "Blue" blue
==/UserStyle== */
@br1: 6px;
@br2: 12px;
@br3: 9999px;
@ca1l: color-accent-light;
/* New Colour */
@fg1: #17619e;
@fg2: #3a7ea5;
@fg3: rgba(23, 97, 158, .7);
@fg4: #005494;
@-moz-document domain("spc.seris.be") {
@media screen and (min-width: 1200px) {
.login-sections > div {
margin-top: 180px !important; } }
.spc-header-additional-icons,
#Footer,
#MainContent_tblDeletePanelFromSpcConnect,
div.spc-banner-text {
display: none !important; }
.SiteMasterVanderbiltLogo {
height: 40px; }
.right-navbar,
.right-navbar:hover {
margin-right: 0px; }
.spc-banner-user-form {
background: @fg4; }
#loggedUserDetails {
top: 0px; }
.operations-show-all-filter {
background-color: @fg1;
border-radius: @br1;
&:hover {
background-color: @fg2; } }
.rounded-corner-left-top-corner,
.rounded-corner-th,
.rounded-corner-right-top-corner,
.spc-header-image-button,
.spc-find-search-button,
.btn-info,
.operations-searchtable > thead th,
.company-panels-atptable > thead th,
.operation-action-button:not(.disabled) button,
div.spc-pager > a.first-page,
div.spc-pager > a.last-page,
div.spc-pager > a.previous-page,
div.spc-pager > a.next-page,
.spc-toggle-button input:checked + .slider,
.login-sections .login-section .section-header,
.login-sections .login-section .action-button {
background-color: @fg1; }
.company-operations .operations-list .company-operation .icon,
.operations-side-menu .item .image .header-icon,
.edit-button,
.panel-test-connection-button,
.operations-button {
color: @fg2; }
.spc-header-image-button:hover,
.spc-find-search-button:hover,
.btn-info:hover,
div.spc-pager > a.next-page:hover:not(.disabled),
div.spc-pager > a.last-page:hover:not(.disabled),
div.spc-pager > a.first-page:hover:not(.disabled),
div.spc-pager > a.previous-page:hover:not(.disabled),
.spc-toggle-button input:checked + .slider:hover,
.operation-action-button:not(.disabled) button:hover,
.login-sections .login-section .action-button:hover {
background-color: @fg2; }
div.spc-pager > a.active {
border-color: @fg2; }
div.spc-pager > a {
color: @fg2;
&:hover {
color: #fff;
background-color: @fg3; } }
div.spc-pager > a.first-page.disabled,
div.spc-pager > a.last-page.disabled,
div.spc-pager > a.previous-page.disabled,
div.spc-pager > a.next-page.disabled {
background-color: @fg3; }
/* .rounded-corner-right-top-corner,
.rounded-corner-td span,
.rounded-corner-td-alt span {
display: none !important; }*/
div.menu ul li a,
div.menu ul li a:visited {
background-color: transparent;
border-color: transparent; }
/*div.menu ul li a:hover,
div.submenu ul li a:hover,
div.submenu2 ul li a:hover {
background-color: rgba(0, 0, 0, .2); }*/
button,
input,
select,
.buttoncause_effect,
.buttoncause_effect:disabled,
.font-awesome-icon-button,
a.spc-header-image-button.noselect,
#loggedUserDetails,
.area-alert-row .alert-action button,
.area-action button,
.leaflet-spc-search,
#leaflet-spc-search-field,
.leaflet-statusmenu,
.leaflet-bar,
.leaflet-filtermenu {
border-radius: @br1; }
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: @br1;
border-top-right-radius: @br1; }
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: @br1;
border-bottom-right-radius: @br1; }
.section-header,
.action-button,
.login-form input,
.dropdown-menu {
border-radius: @br1 !important; }
.bk-icon {
border-radius: @br1 0 0 @br1; }
.leaflet-fullscreen-on #leaflet-spc-search-field {
width: 400px;
height: 40px;
border-radius: @br2;
font-size: 1.75em; }
.widget,
.leaflet-popup-content-wrapper, #search-result-container {
border-radius: @br2; }
.portlet-header {
border-radius: @br2 @br2 0 0; }
.leaflet-filtermenu div.leaflet-filtermenu-item {
&:first-child {
padding-top: 5px; }
&:last-child {
padding-bottom: 5px; } }
#status-total-no-of-panels {
margin-top: 10px; }
.leaflet-statusmenu-item:last-child {
margin-bottom: 5px; }
/* select {
border: 1px solid rgba(0, 0, 0, .3);
}*/
/* Search */
.spc-find-textbox,
.spc-find-search-button {
height: 22px;
border: 1px solid;
line-height: 0; }
a.spc-find-search-button {
padding-top: 0px; }
.spc-find-textbox {
padding-left: 7px }
.spc-find-textbox {
padding-left: 8px;
border-radius: @br3; }
.spc-find-textbox, #leaflet-spc-search-field {
border: 1px solid rgba(0, 0, 0, .3);
&:focus {
outline: 0;
border: 1px solid blue; } }
.spc-find-search-button {
border-radius: @br1; }
a.spc-button.btn.btn-info {
border-radius: @br1; }
.react-overlay {
background-color: rgba(0, 0, 0, 0.15);
/*left: 5px;
width: 97.25% !important;*/
border-radius: @br2; }
/* Sidebar */
.hoe-minimized-lpanel[hoe-color-type="lpanel-bg1"] #hoe-left-panel {
.panel-list > li > a {
border-radius: 0 @br2 @br2 0 !important; }
.panel-list > li.hoe-has-menu > a {
border-radius: 0 @br2 0 0 !important; }
.panel-list ul.hoe-sub-menu,
.panel-list ul.hoe-sub-menu a {
border-radius: 0 0 @br2 0 !important; } }
.hoe-minimized-lpanel .panel-list li.active > a span.selected {
border: 5px solid #fff !important;
right: 5px !important;
border-radius: @br3; }
ul.hoe-has-menu li.active a {
font-weight: 700; }
ul.hoe-sub-menu li.active span.menu-text {
font-weight: 700; }
#MainContent_landing_btnSubmit {
width: 100% !important; }
#hoe-left-panel {
top: -40px;
height: calc(100% + 80px) }
.hoe-sidebar-toggle a::after {
width: 50px;
line-height: 40px; }
.hoe-sidebar-toggle-div {
min-height: 40px; }
#menu_tabs li {
border-radius: @br1 @br1 0 0 }
form > table > tbody > tr > th {
&:first-child {
border-radius: @br1 0 0 0; }
&:last-child {
border-radius: 0 @br1 0 0; } }
tr > td > table > tbody > tr > th {
&:first-child {
border-radius: @br1 0 0 0; }
&:last-child {
border-radius: 0 @br1 0 0; } }
/* Navbar */
#NavLinks {
position: fixed;
top: 0;
width: 100%; }
/*#Form1 {
margin-top: 70px; }*/
.navbar {
border-radius: 0px; }
/* Panels */
.rounded-corner-left-top-corner,
.company-panels-atptable > thead th:first-child,
.operations-searchtable > thead th:first-child {
border-radius: @br2 0 0 0 }
.rounded-corner-right-top-corner,
.company-panels-atptable > thead th:last-child,
.operations-searchtable > thead th:last-child {
border-radius: 0 @br2 0 0; }
.operations-searchtable > thead th.td-separator,
.operations-searchtable > thead th.td-separator + th {
border-radius: 0; } }
@-moz-document regexp("https://spc.seris.be/wapi/flexcweb.aspx/secure.htm"),
url-prefix("https://spc.seris.be/wapi/flexcweb.aspx/login.htm?session=") {
body table {
border-radius: @br2; } }
@-moz-document url-prefix("https://spc.seris.be/Dashboard/Dashboard") {
html {
overflow: hidden; }
.hoe-minimized-lpanel .panel-list li.active > a span.selected {
border: 1 !important;
border-right: 7px solid #fff !important;
right: 0px !important; }
#column_1,
#column_3 {
display: none; }
#open-street-map-canvas {
height: 887px;
width: 1302px;
left: -30px;
top: -77px; }
/*#leaflet-spc-search-field input {
margin-left: 7.5px; }*/
#leaflet-spc-search-field {
font-size: 16pt;
border-radius: @br3;
width: 350px;
height: 48px; }
#search-result-container {
left: 0px;
width: 350px; }
.leaflet-spc-search-container a.leaflet-spc-search-item {
&:first-child {
padding-top: 5px; }
&:last-child {
padding-bottom: 5px; } }
.leaflet-container .leaflet-marker-pane img {
margin-left: -12px !important;
margin-top: -30px !important;
width: 24px !important;
height: 30px !important; }
.leaflet-marker-icon.leaflet-interactive {
margin-left: -15px !important;
margin-top: -15px !important;
width: 30px !important;
height: 30px !important; }
.marker-cluster div {
width: 22.5px !important;
height: 22.5px !important;
margin-left: 3.75px !important;
margin-top: 3.75px !important; } }
@-moz-document domain("proximus.be") {
.menu-in-bar, .header-bar {
background-image: none;
width: 100%; }
div#header {
padding-left: 0px; }
@media (max-width: 591px) {
.header-bar {
height: 50px; }
div#menu {
margin-top: 50px; }
div#content {
margin-top: 30px; } }
.label {
white-space: ...