Initial commit
This commit is contained in:
l_samenv
38
client/cssFiles/SEAWebClientConsole.css
Normal file
38
client/cssFiles/SEAWebClientConsole.css
Normal file
@ -0,0 +1,38 @@
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
|
||||
/* CONSOLE */
|
||||
.commandline-wrapper {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
width: 100%;
|
||||
padding: 26px 0px 0px 0px;
|
||||
background-color: darkgray;
|
||||
}
|
||||
|
||||
.commandline {
|
||||
font-family: monospace;
|
||||
font-size: 12px;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
padding-left: 8px;
|
||||
padding-top: 6px;
|
||||
padding-bottom: 6px;
|
||||
border: none;
|
||||
border-top: solid 8px dimgray;
|
||||
border-bottom: solid 5px dimgray;
|
||||
background-color: lightgray;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.history {
|
||||
position: absolute;
|
||||
font-family: monospace;
|
||||
font-size: 12px;
|
||||
padding: 80px 8px 50px 8px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow-y: auto;
|
||||
background-color: white;
|
||||
color: black;
|
||||
}
|
||||
198
client/cssFiles/SEAWebClientGraphics.css
Normal file
198
client/cssFiles/SEAWebClientGraphics.css
Normal file
@ -0,0 +1,198 @@
|
||||
.swiper-pagination{
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.panel.graphics{
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.panel.graphics span{
|
||||
margin: 0 1em;
|
||||
display: flex;
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
|
||||
.panel.graphics div{
|
||||
margin-left: 1em;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/*********************/
|
||||
.graphs-container{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.graph{
|
||||
height: 20%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.graph-0 {
|
||||
height: 40%;
|
||||
}
|
||||
|
||||
.selection{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
/*align-items: center;*/
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.selection .select{
|
||||
margin: 0.2em;
|
||||
padding: 0.3em;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
border-bottom: 1px dashed black;
|
||||
}
|
||||
|
||||
.selection .select:last-of-type{
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.selection .select:hover{
|
||||
background-color: #eaeaea;
|
||||
}
|
||||
|
||||
.selection .select .title{
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.selection .params{
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.selection .param{
|
||||
white-space: nowrap;
|
||||
margin: 0 0.4em;
|
||||
}
|
||||
|
||||
.chart-container{
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.legend{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
position: absolute;
|
||||
background-color: rgb(255,255,255,0.8);
|
||||
color: #000000;
|
||||
padding: 0.3em;
|
||||
/*transition: left 0.5s, top 0.5s;*/
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
cursor: grab;
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
.legend:active{
|
||||
cursor: grabbing;
|
||||
}
|
||||
|
||||
body.black .legend{
|
||||
background-color: rgb(0,0,0,0.8);
|
||||
border: none;
|
||||
color: white;
|
||||
}
|
||||
|
||||
|
||||
.legend .controls{
|
||||
|
||||
}
|
||||
|
||||
.legend .control{
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.legend .vcontrol{
|
||||
clear: both;
|
||||
float: left;
|
||||
border-bottom: 1px solid black;
|
||||
padding-bottom: 0.1em;
|
||||
padding-top: 0.1em;
|
||||
}
|
||||
|
||||
.legend .subcontrol{
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
padding-bottom: 0.1em;
|
||||
padding-top: 0.1em;
|
||||
color: #777777;
|
||||
}
|
||||
|
||||
.legend .subcontrol:hover{
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.legend .subspacer{
|
||||
display: inline-block;
|
||||
width: 0.2em;
|
||||
}
|
||||
|
||||
.legend .vcontrol:hover{
|
||||
color: #777777;
|
||||
}
|
||||
|
||||
.legend .control:last-of-type{
|
||||
border-bottom: none;
|
||||
padding-bottom: 0.3em;
|
||||
}
|
||||
|
||||
.legendel{
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
position: relative;
|
||||
|
||||
}
|
||||
|
||||
.legendel:hover{
|
||||
color: #777777;
|
||||
}
|
||||
|
||||
.legendel .color{
|
||||
width: 2em;
|
||||
height: 0.1em;
|
||||
margin-top: 0.45em;
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
||||
.legendel .value{
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
.legendel.hidden .value{
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*.legendel.hidden:before{
|
||||
content: '';
|
||||
width: 100%;
|
||||
height: 0.05em;
|
||||
top: 50%;
|
||||
margin-top: -0.025em;
|
||||
background-color: #FFF;
|
||||
position: absolute;
|
||||
}*/
|
||||
|
||||
.legendel.hidden{
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.legendel.hidden .color{
|
||||
opacity: 0;
|
||||
}
|
||||
178
client/cssFiles/SEAWebClientGroup.css
Normal file
178
client/cssFiles/SEAWebClientGroup.css
Normal file
@ -0,0 +1,178 @@
|
||||
/* GROUP */
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
|
||||
/* CONTENT */
|
||||
.content {
|
||||
padding: 60px 20px 20px 20px;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.content-console {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
.link {
|
||||
transition: 0.4s;
|
||||
cursor: pointer;
|
||||
color: steelblue;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.link:focus {
|
||||
color: orangered;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.row {
|
||||
padding: 4px 0px 4px 0px;
|
||||
width: 100%;
|
||||
min-height: 24px;
|
||||
display: block;
|
||||
border-bottom: dotted darkgray 2px;
|
||||
overflow: hidden;
|
||||
transition: 0.2s;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.clickable:hover {
|
||||
background-color: lightgray;
|
||||
}
|
||||
|
||||
.link-static {
|
||||
padding-left: 4px;
|
||||
background-color: #303030;
|
||||
color: white;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.info-box {
|
||||
margin: 4px 0px 4px 0px;
|
||||
padding: 4px;
|
||||
border-radius: 4px;
|
||||
background-color: darkslategray;
|
||||
color: white;
|
||||
display: none;
|
||||
width: 100%;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.col-left {
|
||||
min-height: 24px;
|
||||
line-height: 24px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.event-toggle-info {
|
||||
color: darkslategray;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.col-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
|
||||
/* TEXT */
|
||||
.input-text {
|
||||
height: 24px;
|
||||
font-family: monospace;
|
||||
background-color: lightgray;
|
||||
border: solid 2px dimgray;
|
||||
color: black;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
::-ms-clear { /* remove the x in the input box on IE */
|
||||
width : 0;
|
||||
height: 0;
|
||||
}
|
||||
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
|
||||
/* CHECKBOX */
|
||||
.parameter-checkbox {
|
||||
opacity: 0;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.parameter-checkbox + .parameter-label {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.parameter-checkbox:focus+.parameter-label {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.parameter-checkbox+.parameter-label::before {
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
left: -24px;
|
||||
top: -2px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
display: block;
|
||||
background: lightgray;
|
||||
border: 2px solid dimgray;
|
||||
}
|
||||
|
||||
.parameter-checkbox+.parameter-label::after {
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
left: -19px;
|
||||
top: 3px;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
display: block;
|
||||
z-index: 1;
|
||||
background-color: dimgray;
|
||||
-ms-transition: all .2s ease;
|
||||
-webkit-transition: all .2s ease;
|
||||
transition: all .3s ease;
|
||||
-ms-transform: scale(0);
|
||||
-webkit-transform: scale(0);
|
||||
transform: scale(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.parameter-checkbox:checked+.parameter-label::after {
|
||||
-ms-transform: scale(1);
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
|
||||
/* RADIO */
|
||||
option {
|
||||
height: 24px;
|
||||
background-color: dimgray;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.select-params {
|
||||
height: 24px;
|
||||
border: none;
|
||||
background-color: dimgray;
|
||||
color: white;
|
||||
width: auto;
|
||||
min-width: 120px;
|
||||
}
|
||||
|
||||
.select-params:focus {
|
||||
opacity: 0.85;
|
||||
}
|
||||
|
||||
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
|
||||
/* PUSH-BUTTON */
|
||||
|
||||
.push-button {
|
||||
border: 2px solid dimgray;
|
||||
border-radius: 4px;
|
||||
}
|
||||
128
client/cssFiles/SEAWebClientMain.css
Normal file
128
client/cssFiles/SEAWebClientMain.css
Normal file
@ -0,0 +1,128 @@
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
* {
|
||||
box-sizing: border-box; /* include margin into width and height calculation */
|
||||
}
|
||||
|
||||
|
||||
|
||||
meta, body {
|
||||
font-family: sans-serif;
|
||||
font-size: 16px;
|
||||
/* the following is about the ability to select text */
|
||||
/*-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;*/
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.loading-div {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: #303030;
|
||||
z-index: 100;
|
||||
text-align: center;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
|
||||
.loading-span {
|
||||
height: 100vh;
|
||||
line-height: 36px;
|
||||
color: white;
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
|
||||
/* class for links and buttons */
|
||||
.interactive {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.interactive:hover {
|
||||
background-color: lightgray;
|
||||
fill: gray;
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.interactive:active {
|
||||
fill: orangered;
|
||||
color: orangered;
|
||||
}
|
||||
|
||||
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
|
||||
/* HEADER (was main title bar) */
|
||||
#main-panel-frame {
|
||||
height: 30px;
|
||||
z-index: 50;
|
||||
top: 4px;
|
||||
left: 4px;
|
||||
position: fixed;
|
||||
border: solid 2px #303030;
|
||||
background-color: dimgray;
|
||||
border-bottom-right-radius: 12px;
|
||||
padding: 1px 9px 1px 9px;
|
||||
}
|
||||
|
||||
#main-panel {
|
||||
display: inline;
|
||||
cursor: pointer;
|
||||
/* position: fixed; */
|
||||
width: auto;
|
||||
height: 30px;
|
||||
vertical-align: top;
|
||||
line-height: 24px;
|
||||
}
|
||||
#header {
|
||||
display: inline;
|
||||
font-size: 16px;
|
||||
color: white;
|
||||
/* display: inline; */
|
||||
cursor: pointer;
|
||||
/* position: fixed; */
|
||||
width: auto;
|
||||
transition: 0.6s;
|
||||
padding: 0px 0px 0px 6px;
|
||||
}
|
||||
|
||||
#home-button {
|
||||
display: inline;
|
||||
cursor: pointer;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
#home-icon {
|
||||
display: inline;
|
||||
transition: 0.4s;
|
||||
cursor: pointer;
|
||||
/*float: right;*/
|
||||
fill: white;
|
||||
height: 24px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
|
||||
/* CENTER */
|
||||
#center {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.grid-element {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
display: none;
|
||||
overflow: hidden;
|
||||
border: solid 4px dimgray;
|
||||
}
|
||||
190
client/cssFiles/SEAWebClientStart.css
Normal file
190
client/cssFiles/SEAWebClientStart.css
Normal file
@ -0,0 +1,190 @@
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
meta, body {
|
||||
font-family: sans-serif;
|
||||
font-size: 16px;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
|
||||
/* PANEL */
|
||||
.start-panel {
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
z-index: 1;
|
||||
color: white;
|
||||
background: #303030;
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
padding-left: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.start-text-wrapper {
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
|
||||
/* CONTENT */
|
||||
.start-content {
|
||||
padding: 60px 40px 30px 40px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.start-row-links {
|
||||
padding: 4px 0px 4px 0px;
|
||||
width: 100%;
|
||||
min-height: 24px;
|
||||
display: block;
|
||||
border-bottom: dotted darkgray 2px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* %%%%%%%%%% links %%%%%%%%%%*/
|
||||
.start-link {
|
||||
transition: 0.4s;
|
||||
cursor: pointer;
|
||||
color: steelblue;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.start-link:focus {
|
||||
color: orangered;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.start-link:hover {
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.start-link:active {
|
||||
color: orangered;
|
||||
}
|
||||
|
||||
/* %%%%%%%%%% settings %%%%%%%%%%*/
|
||||
.start-settings {
|
||||
color: white;
|
||||
background: #303030;
|
||||
margin-top: 30px;
|
||||
padding: 10px 20px 10px 20px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.start-settings-label {
|
||||
border-bottom: solid darkgray 2px;
|
||||
}
|
||||
|
||||
.start-settings-show-hide {
|
||||
float: right;
|
||||
color: lightgray;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.start-settings-show-hide:focus {
|
||||
color: orangered;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.start-settings-show-hide:hover {
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.start-settings-show-hide:active {
|
||||
color: orangered;
|
||||
}
|
||||
|
||||
.start-settings-checkboxes {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.start-row-checkboxes {
|
||||
border-bottom: dotted darkgray 2px;
|
||||
height: 28px;
|
||||
padding-left: 4px;
|
||||
padding-right: 2px;
|
||||
}
|
||||
|
||||
.start-left {
|
||||
min-height: 24px;
|
||||
line-height: 24px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.start-right {
|
||||
min-height: 24px;
|
||||
line-height: 24px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
|
||||
/* CHECKBOX */
|
||||
.start-checkbox {
|
||||
opacity: 0;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.start-checkbox + .start-label {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.start-checkbox:focus+.start-label {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.start-checkbox+.start-label::before {
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
left: -24px;
|
||||
top: 2px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
display: block;
|
||||
background: lightgray;
|
||||
border: 2px solid dimgray;
|
||||
}
|
||||
|
||||
.start-checkbox+.start-label::after {
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
left: -19px;
|
||||
top: 7px;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
display: block;
|
||||
z-index: 1;
|
||||
background-color: dimgray;
|
||||
-ms-transition: all .2s ease;
|
||||
-webkit-transition: all .2s ease;
|
||||
transition: all .3s ease;
|
||||
-ms-transform: scale(0);
|
||||
-webkit-transform: scale(0);
|
||||
transform: scale(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.start-checkbox:checked+.start-label::after {
|
||||
-ms-transform: scale(1);
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
41
client/cssFiles/SEAWebClientSwiper.css
Normal file
41
client/cssFiles/SEAWebClientSwiper.css
Normal file
@ -0,0 +1,41 @@
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
.swiper-container-main {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.swiper-slide-main {
|
||||
background-color: white;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
|
||||
/* PANEL */
|
||||
.panel {
|
||||
text-align: center;
|
||||
background-color: #303030;
|
||||
color: white;
|
||||
padding: 6px 6px 6px 6px;
|
||||
position: absolute;
|
||||
z-index: 20;
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.slide-close-icon {
|
||||
transition: 0.4s;
|
||||
cursor: pointer;
|
||||
float: right;
|
||||
padding-right: 6px;
|
||||
height: 100%;
|
||||
fill: white;
|
||||
}
|
||||
|
||||
.toggle-updates-graphics {
|
||||
float: right;
|
||||
}
|
||||
Reference in New Issue
Block a user