mirror of
https://github.com/wisemapping/wisemapping-open-source.git
synced 2025-04-05 11:56:29 +08:00
92 lines
2.0 KiB
Plaintext
92 lines
2.0 KiB
Plaintext
|
|
@html-background: #dedede repeat-x scroll;
|
|
@body-background: transparent no-repeat center top;
|
|
@body-width: 956px;
|
|
|
|
@font-family: "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif";
|
|
@base-font-size: 11px;
|
|
|
|
@base-margin: 10px;
|
|
@base-padding: @base-margin;
|
|
@base-border-size: 1px;
|
|
@base-color: #111;
|
|
|
|
/* ----------------------------- General -------------------------------- */
|
|
|
|
html {
|
|
overflow-y: scroll;
|
|
background: @html-background;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
padding: 20px;
|
|
background: @body-background;
|
|
min-height: 100%;
|
|
font-family: @font-family;
|
|
font-size: @base-font-size;
|
|
}
|
|
|
|
#wrapper {
|
|
background: #FFFFFF;
|
|
margin: 0 auto;
|
|
width: @body-width;
|
|
position: relative;
|
|
padding: @base-padding;
|
|
}
|
|
|
|
.rounded-corners (@radius: 5px) {
|
|
border-radius: @radius;
|
|
-webkit-border-radius: @radius;
|
|
-moz-border-radius: @radius;
|
|
}
|
|
|
|
/* ------------------------------ Tags ---------------------------------- */
|
|
|
|
@tags-width: 20%;
|
|
@tags-border-size: @base-border-size;
|
|
@tags-padding: @base-padding;
|
|
|
|
#tags {
|
|
width: @tags-width;
|
|
padding: @tags-padding;
|
|
float: left;
|
|
border: @tags-border-size solid @base-color * 5;
|
|
border-right: none;
|
|
|
|
h2 {
|
|
font-size: @base-font-size * 1.5;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
button {
|
|
display: block;
|
|
margin-bottom: @base-margin;
|
|
}
|
|
|
|
#tags-actions {
|
|
margin-top: @base-margin * 2;
|
|
}
|
|
}
|
|
|
|
/* ------------------------------ Table --------------------------------- */
|
|
|
|
@table-gap: 2%;
|
|
@table-width: 100% - (@tags-width + (@tags-padding / @body-width * 100) + @table-gap);
|
|
|
|
#map-table {
|
|
width: @table-width;
|
|
display: inline-block;
|
|
border: @base-border-size solid @base-color * 5;
|
|
}
|
|
|
|
/* ----------------------------- Toolbar -------------------------------- */
|
|
|
|
#toolbar {
|
|
border: @tags-border-size solid @base-color * 11;
|
|
padding: @base-padding;
|
|
margin-bottom: @base-margin * 2;
|
|
}
|
|
|
|
|
|
/* ----------------------------- Buttons -------------------------------- */ |