Skip to content
Snippets Groups Projects
Commit e63f51ab authored by Tilman Vatteroth's avatar Tilman Vatteroth :robot:
Browse files

design in less datei ausgelagert. wird nicht automatisch kompiliert. 

größere punkte
parent c3e9589e
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
css/design.css 100755 → 100644
+ 31
− 39
View file @ e63f51ab
@viewport { @viewport {
width: device-width; width: device-width;
user-zoom:fixed; user-zoom: fixed;
} }
body { body {
margin: 0px; margin: 0px;
background: #0a0a0a; background: #0a0a0a;
font-family: Arial; font-family: Arial;
overflow:hidden; overflow: hidden;
} }
[data-container=panel] { [data-container=panel] {
background-color: rgba(8, 8, 8, 0.68); background-color: rgba(8, 8, 8, 0.68);
border: solid 1px #252525; border: solid 1px #252525;
box-shadow: 0px 2px 1px #000000; box-shadow: 0px 2px 1px #000000;
padding: 6px; padding: 6px;
/* margin: 5px;*/ /* margin: 5px;*/
float:left; float: left;
box-sizing: border-box; box-sizing: border-box;
height:100%; height: 100%;
width:100%; width: 100%;
overflow: hidden; overflow: hidden;
} }
[data-container=panelContainer] { [data-container=panelContainer] {
float: left; float: left;
width: 100%; width: 100%;
height: 100%; height: 100%;
/*padding: 4px;*/ /*padding: 4px;*/
padding: 0.2vw; padding: 0.2vw;
box-sizing: border-box; box-sizing: border-box;
} }
[data-container=split] { [data-container=split] {
box-sizing: border-box; box-sizing: border-box;
/* display: flex; /* display: flex;
flex-direction: column;*/ flex-direction: column;*/
height:100%; height: 100%;
width:100%; width: 100%;
float: left; float: left;
} }
[data-container=main] { [data-container=main] {
height:100%; height: 100%;
width:100%; width: 100%;
position:absolute; position: absolute;
box-sizing: border-box;
box-sizing: border-box; padding: 0.2vw;
padding: 0.2vw; background: radial-gradient(black 15%, transparent 15%) 0 0, radial-gradient(black 15%, transparent 15%) 12px 12px, radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%) 12px 13px;
background: radial-gradient(black 15%, transparent 15%) 0 0, radial-gradient(black 15%, transparent 15%) 8px 8px, radial-gradient(rgba(255,255,255,.1) 15%, background-size: 36px 36px;
transparent 20%) 0 1px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px; background-color: #171717;
background-size: 16px 16px;
background-color: #171717;
} }
css/design.less 0 → 100755
+ 59
− 0
View file @ e63f51ab
@dotdist: 12px;
@viewport {
width: device-width;
user-zoom:fixed;
}
body {
margin: 0px;
background: #0a0a0a;
font-family: Arial;
overflow:hidden;
}
[data-container=panel] {
background-color: rgba(8, 8, 8, 0.68);
border: solid 1px #252525;
box-shadow: 0px 2px 1px #000000;
padding: 6px;
/* margin: 5px;*/
float:left;
box-sizing: border-box;
height:100%;
width:100%;
overflow: hidden;
}
[data-container=panelContainer] {
float: left;
width: 100%;
height: 100%;
/*padding: 4px;*/
padding: 0.2vw;
box-sizing: border-box;
}
[data-container=split] {
box-sizing: border-box;
/* display: flex;
flex-direction: column;*/
height:100%;
width:100%;
float: left;
}
[data-container=main] {
height:100%;
width:100%;
position:absolute;
box-sizing: border-box;
padding: 0.2vw;
background: radial-gradient(black 15%, transparent 15%) 0 0, radial-gradient(black 15%, transparent 15%) @dotdist @dotdist, radial-gradient(rgba(255,255,255,.1)
15%,
transparent 20%) 0 1px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) @dotdist @dotdist+1;
background-size: @dotdist*3 @dotdist*3;
background-color: #171717;
}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment