Skip to content

CIRCLE / cloud

Go to a project
Commit c67c1eb7 by Bence Dányi
Options

webui: fix less

parent b8cf2a2b
Showing with 101 additions and 105 deletions
one/static/style/box.less
.boxes .boxes {
{
width:480px; width:480px;
float:left; float:left;
} }
.box .box {
{
background-color:#000; background-color:#000;
background-image:url(/static/image/hexa.png); background-image:url(/static/image/hexa.png);
background-position:center 30%; background-position:center 30%;
...@@ -18,43 +16,41 @@ ...@@ -18,43 +16,41 @@
border-top-width:30px; border-top-width:30px;
margin:10px 420px 10px 10px; margin:10px 420px 10px 10px;
padding:2px; padding:2px;
h3 h3 {
{
color:#fff; color:#fff;
text-align:center; text-align:center;
margin:0; margin:0;
padding:3px; padding:3px;
} }
.content .content {
{
min-height:100px; min-height:100px;
margin:0; margin:0;
padding:5px; padding:5px;
} }
} }
.tooltip{ .tooltip {
position: relative; position: relative;
z-index: 1; z-index: 1;
.container{ .container {
margin: 10px 10px 5px 150px; margin: 10px 10px 5px 150px;
border-radius: 4px; border-radius: 4px;
border: 1px solid #888; border: 1px solid #888;
background: #FFFF66; background: #FFFF66;
box-shadow: 0 0 20px rgba(0,0,0,0.2); box-shadow: 0 0 20px rgba(0,0,0,0.2);
p{ p {
text-align: left; text-align: left;
font-size: 0.8em; font-size: 0.8em;
word-spacing: 2px; word-spacing: 2px;
padding: 5px; padding: 5px;
} }
.tail{ .tail {
position: absolute; position: absolute;
left: 350px; left: 350px;
border-width: 17px; border-width: 17px;
border-style: solid; border-style: solid;
border-color: #888 transparent transparent transparent; border-color: #888 transparent transparent transparent;
&:after{ &:after {
content: ""; content: "";
position: absolute; position: absolute;
left: -17px; left: -17px;
...@@ -70,9 +66,9 @@ ...@@ -70,9 +66,9 @@
.entry-list { .entry-list {
list-style-type: none; list-style-type: none;
} }
.entry{ .entry {
&.opened { &.opened {
.actions{ .actions {
display: block !important; display: block !important;
} }
.summary .name .details { .summary .name .details {
...@@ -80,13 +76,13 @@ ...@@ -80,13 +76,13 @@
border: none; border: none;
} }
} }
&.small .summary{ &.small .summary {
padding: 5px; padding: 5px;
cursor: default; cursor: default;
&:hover{ &:hover {
background-color: #c1c1c1; background-color: #c1c1c1;
} }
.name{ .name {
background: none !important; background: none !important;
text-align: center; text-align: center;
float: none; float: none;
...@@ -116,24 +112,24 @@ ...@@ -116,24 +112,24 @@
background-image: url(/static/icons/key--exclamation.png); background-image: url(/static/icons/key--exclamation.png);
} }
} }
.quota{ .quota {
left: 0; left: 0;
top: 0; top: 0;
z-index: 0; z-index: 0;
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 100%; height: 100%;
.used{ .used {
height: 100%; height: 100%;
position: absolute; position: absolute;
} }
.softLimit{ .softLimit {
height: 100%; height: 100%;
position: absolute; position: absolute;
border-left: 1px solid red; border-left: 1px solid red;
} }
} }
.summary{ .summary {
padding: 15px 5px; padding: 15px 5px;
line-height: 1.7em; line-height: 1.7em;
border-top: 1px solid #888; border-top: 1px solid #888;
...@@ -144,32 +140,32 @@ ...@@ -144,32 +140,32 @@
-moz-transition: background-color 0.3s; -moz-transition: background-color 0.3s;
-o-transition: background-color 0.3s; -o-transition: background-color 0.3s;
transition: background-color 0.3s; transition: background-color 0.3s;
&.unfinished{ &.unfinished {
background-color: rgb(252, 252, 108); background-color: rgb(252, 252, 108);
background-image: url(/static/image/constr.png); background-image: url(/static/image/constr.png);
background-position: right top; background-position: right top;
background-repeat: no-repeat; background-repeat: no-repeat;
&:hover{ &:hover {
background-color: rgb(236, 236, 106); background-color: rgb(236, 236, 106);
background-image: url(/static/image/constr.png); background-image: url(/static/image/constr.png);
} }
} }
&.selected-summary{ &.selected-summary {
background-color: rgb(124, 236, 103); background-color: rgb(124, 236, 103);
&:hover{ &:hover {
background-color: rgb(135, 211, 120); background-color: rgb(135, 211, 120);
} }
} }
&.public-template{ &.public-template {
background-color: rgb(167, 179, 195); background-color: rgb(167, 179, 195);
&:hover{ &:hover {
background-color: rgb(157, 169, 185); background-color: rgb(157, 169, 185);
} }
} }
&:hover{ &:hover {
background-color: #b1b1b1; background-color: #b1b1b1;
background-image: none; background-image: none;
.actions{ .actions {
display: block; display: block;
} }
.name .details { .name .details {
...@@ -178,11 +174,11 @@ ...@@ -178,11 +174,11 @@
} }
} }
.id{ .id {
float: right; float: right;
width: 30px; width: 30px;
} }
.name{ .name {
float: left; float: left;
padding-left: 25px; padding-left: 25px;
background-repeat: no-repeat; background-repeat: no-repeat;
...@@ -197,27 +193,27 @@ ...@@ -197,27 +193,27 @@
display: none; display: none;
} }
} }
.status{ .status {
text-align: right; text-align: right;
float: right; float: right;
width: 60px; width: 60px;
z-index: 2; z-index: 2;
position: relative; position: relative;
} }
.actions{ .actions {
float: right; float: right;
margin-left: 5px; margin-left: 5px;
display: none; display: none;
z-index: 2; z-index: 2;
position: relative; position: relative;
a{ a {
margin: 2px 0; margin: 2px 0;
height: 16px; height: 16px;
width: 16px; width: 16px;
display: block; display: block;
float: left; float: left;
margin-left: 2px; margin-left: 2px;
&:hover{ &:hover {
box-shadow: 0 0 10px rgba(0,0,0,0.4); box-shadow: 0 0 10px rgba(0,0,0,0.4);
background-color: rgba(0,0,0,0.4); background-color: rgba(0,0,0,0.4);
} }
...@@ -234,12 +230,12 @@ ...@@ -234,12 +230,12 @@
&.opened #new-folder-form { &.opened #new-folder-form {
display: block; display: block;
} }
.details{ .details {
border-top: 1px solid #888; border-top: 1px solid #888;
display: none; display: none;
.container{ .container {
padding: 5px 5px; padding: 5px 5px;
.upload-zone{ .upload-zone {
margin: 10px; margin: 10px;
border-radius: 10px; border-radius: 10px;
border: 2px dashed #666; border: 2px dashed #666;
...@@ -251,73 +247,73 @@ ...@@ -251,73 +247,73 @@
} }
} }
} }
h3{ h3 {
font-weight: normal; font-weight: normal;
} }
ul{ ul {
list-style: none; list-style: none;
margin: 0px 5px; margin: 0px 5px;
} }
li{ li {
margin: 8px 0px; margin: 8px 0px;
padding: 3px 0px 3px 20px; padding: 3px 0px 3px 20px;
border-bottom: 1px dotted #aaa; border-bottom: 1px dotted #aaa;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 0px 4px; background-position: 0px 4px;
&:last-child{ &:last-child {
border-bottom: none; border-bottom: none;
}; };
} }
a{ a {
text-decoration: underline; text-decoration: underline;
} }
.name{ .name {
float: none; float: none;
background-image: url(/static/icons/computer.png); background-image: url(/static/icons/computer.png);
} }
.os-win{ .os-win {
background-image: url(/static/icons/windows.png) background-image: url(/static/icons/windows.png);
} }
.os-linux{ .os-linux {
background-image: url(/static/icons/animal-penguin.png) background-image: url(/static/icons/animal-penguin.png);
} }
.template{ .template {
background-image: url(/static/icons/document-template.png) background-image: url(/static/icons/document-template.png);
} }
.type{ .type {
background-image: url(/static/icons/box-share.png) background-image: url(/static/icons/box-share.png);
} }
.date{ .date {
background-image: url(/static/icons/calendar-day.png) background-image: url(/static/icons/calendar-day.png);
} }
.cpu{ .cpu {
background-image: url(/static/icons/processor.png) background-image: url(/static/icons/processor.png);
} }
.memory{ .memory {
background-image: url(/static/icons/memory.png) background-image: url(/static/icons/memory.png);
} }
.count{ .count {
background-image: url(/static/icons/documents-stack.png) background-image: url(/static/icons/documents-stack.png);
} }
.share-type{ .share-type {
background-image: url(/static/icons/calendar-day.png) background-image: url(/static/icons/calendar-day.png);
} }
.value{ .value {
float: right; float: right;
width: 200px; width: 200px;
text-align: right; text-align: right;
} }
.description{ .description {
font-size: inherit; font-size: inherit;
background-image: url(/static/icons/document-snippet.png); background-image: url(/static/icons/document-snippet.png);
.value{ .value {
font-size: 0.8em; font-size: 0.8em;
word-spacing: 3px; word-spacing: 3px;
width: 350px; width: 350px;
} }
} }
} }
&.new .name{ &.new .name {
background-image: url(/static/icons/computer--plus.png); background-image: url(/static/icons/computer--plus.png);
} }
} }
...@@ -330,11 +326,11 @@ ...@@ -330,11 +326,11 @@
background-position: left center; background-position: left center;
background-repeat: no-repeat; background-repeat: no-repeat;
padding-left: 18px; padding-left: 18px;
&.suspend{ &.suspend {
background-image: url(/static/icons/control-pause.png) background-image: url(/static/icons/control-pause.png);
} }
&.delete{ &.delete {
background-image: url(/static/icons/minus-circle.png) background-image: url(/static/icons/minus-circle.png);
} }
} }
} }
...@@ -347,25 +343,25 @@ ...@@ -347,25 +343,25 @@
background-position: left center; background-position: left center;
background-repeat: no-repeat; background-repeat: no-repeat;
padding-left: 18px; padding-left: 18px;
&.cpu{ &.cpu {
background-image: url(/static/icons/processor.png) background-image: url(/static/icons/processor.png);
} }
&.memory{ &.memory {
background-image: url(/static/icons/memory.png) background-image: url(/static/icons/memory.png);
} }
&.credit{ &.credit {
background-image: url(/static/icons/point.png) background-image: url(/static/icons/point.png);
} }
} }
} }
.file-list{ .file-list {
list-style: none; list-style: none;
max-height: 400px; max-height: 400px;
.name{ .name {
float: left; float: left;
} }
.info{ .info {
float: right; float: right;
width: 65px; width: 65px;
text-align: right; text-align: right;
...@@ -380,19 +376,19 @@ ...@@ -380,19 +376,19 @@
} }
#file-list { #file-list {
overflow-y: scroll; overflow-y: scroll;
li:nth-child(3) .summary{ li:nth-child(3) .summary {
border-top: none; border-top: none;
} }
li:nth-child(2) .summary{ li:nth-child(2) .summary {
border-top: none; border-top: none;
} }
li:nth-child(1) .summary{ li:nth-child(1) .summary {
border-top: none; border-top: none;
border-bottom: 1px solid #888 border-bottom: 1px solid #888
} }
} }
#current-location{ #current-location {
.summary{ .summary {
border-bottom: 1px solid #888; border-bottom: 1px solid #888;
height: 25px; height: 25px;
.name { .name {
...@@ -456,55 +452,55 @@ ...@@ -456,55 +452,55 @@
.filetype-jump-out { .filetype-jump-out {
background-image: url(/static/icons/arrow-curve-090.png); background-image: url(/static/icons/arrow-curve-090.png);
} }
.vm-on{ .vm-on {
background-image: url(/static/icons/computer-cloud.png); background-image: url(/static/icons/computer-cloud.png);
} }
.vm-off{ .vm-off {
background-image: url(/static/icons/computer-off.png); background-image: url(/static/icons/computer-off.png);
} }
#template .entry .summary .name{ #template .entry .summary .name {
background-image: url(/static/icons/document-template.png) background-image: url(/static/icons/document-template.png);
} }
#template .entry .public-template .name{ #template .entry .public-template .name {
background-image: url(/static/icons/blue-document-share.png) background-image: url(/static/icons/blue-document-share.png);
} }
#new-template-button .name{ #new-template-button .name {
background-image: url(/static/icons/document--plus.png) !important background-image: url(/static/icons/document--plus.png) !important;
} }
.wm-list.modal{ .wm-list.modal {
border-radius: 4px; border-radius: 4px;
border: 1px solid #666; border: 1px solid #666;
} }
.wm-list.modal input{ .wm-list.modal input {
padding: 2px 10px; padding: 2px 10px;
} }
.wm-list.modal .wm:nth-child(1) .summary{ .wm-list.modal .wm:nth-child(1) .summary {
border-top: none; border-top: none;
} }
#template{ #template {
.entry { .entry {
.template-details{ .template-details {
margin: 0; margin: 0;
padding: 0; padding: 0;
border-top: 1px solid #888; border-top: 1px solid #888;
display: none; display: none;
ul{ ul {
list-style-type: none; list-style-type: none;
} }
li{ li {
padding-left: 10px; padding-left: 10px;
border-top: 1px solid #aaa; border-top: 1px solid #aaa;
position: relative; position: relative;
&:first-child{ &:first-child {
border-top: none; border-top: none;
}; };
.status{ .status {
float: right; float: right;
padding: 0 5px; padding: 0 5px;
} }
.group-name{ .group-name {
float: left; float: left;
line-height: 1.5em; line-height: 1.5em;
z-index: 2; z-index: 2;
...@@ -528,7 +524,7 @@ table { ...@@ -528,7 +524,7 @@ table {
&:hover { &:hover {
background-color: rgba(0,0,0,0.1); background-color: rgba(0,0,0,0.1);
}; };
td,th { td, th {
padding: 5px; padding: 5px;
} }
td { td {
...@@ -594,7 +590,7 @@ table { ...@@ -594,7 +590,7 @@ table {
-moz-transition: background-color 0.3s; -moz-transition: background-color 0.3s;
-o-transition: background-color 0.3s; -o-transition: background-color 0.3s;
transition: background-color 0.3s; transition: background-color 0.3s;
&:hover{ &:hover {
background-color: rgba(0,0,0,0.1); background-color: rgba(0,0,0,0.1);
border: 1px solid #666; border: 1px solid #666;
input { input {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment