kivitendo/css/design40/less/developing.less @ 29f7a565
| a3fd097d | Sven Schöling | /* ------------------------------------------------------------- */
|
|
/* DEVELOPING (developing.less) */
|
|||
/* ------------------------------------------------------------- */
|
|||
// ----------------------------------------------------------------------------
|
|||
//
|
|||
// Developing-Section
|
|||
//
|
|||
// ----------------------------------------------------------------------------
|
|||
// DESCRIPTION:
|
|||
// This LESS-file is just for us developers.
|
|||
// Don't be ashamed to disable the rendering of the following LESS/CSS-Code
|
|||
// in the file style.less.
|
|||
//
|
|||
//
|
|||
// CONTENTS:
|
|||
// -
|
|||
// -
|
|||
// -
|
|||
// -
|
|||
// ----------------------------------------------------------------------------
|
|||
body.developing{
|
|||
&>header{
|
|||
background-color: @base-h1-bg;
|
|||
display: block;
|
|||
overflow: hidden;
|
|||
h1{
|
|||
float: left;
|
|||
color: @base-h1-color ;
|
|||
padding: 1.0em;
|
|||
}
|
|||
nav{
|
|||
float: right;
|
|||
padding: 1.0em;
|
|||
a:link,
|
|||
a:visited {
|
|||
color: white ;
|
|||
}
|
|||
}
|
|||
}
|
|||
.wrapper{
|
|||
p,
|
|||
ul,
|
|||
ol,
|
|||
li,
|
|||
h2,
|
|||
h3,
|
|||
h4{
|
|||
clear: both;
|
|||
width: 60.0em;
|
|||
max-width: 60em;
|
|||
}
|
|||
}
|
|||
& > p,
|
|||
& > h2,
|
|||
& > h3,
|
|||
& > h4 {
|
|||
margin-left: 0.8em ;
|
|||
}
|
|||
h2, h3, h4 { font-weight: bold ; color: #000 !important; clear: left; padding-left: 0 !important; }
|
|||
h2{ font-size: 130%; }
|
|||
h3{ font-size: 120%; }
|
|||
h4{ font-size: 110%; }
|
|||
pre {
|
|||
margin: 0 0 1.0em 0 ;
|
|||
padding: 0.6em ;
|
|||
border: 1px #000 solid ;
|
|||
background-color: #ddd ;
|
|||
display: inline-block;
|
|||
clear: both;
|
|||
code{ padding: 0 ; }
|
|||
}
|
|||
div.code-highlighted{
|
|||
margin: 0 0 1.0em 0 ;
|
|||
padding: 0.6em ;
|
|||
border: 1px #000 solid ;
|
|||
background-color: #ddd ;
|
|||
display: inline-block;
|
|||
}
|
|||
p.picture{
|
|||
background-color: #fff;
|
|||
padding: 0.8em;
|
|||
border: 1px @gray-standard solid;
|
|||
display: inline-block;
|
|||
width: auto;
|
|||
}
|
|||
.wrapper{
|
|||
.tbl-horizontal{
|
|||
border: 1px black solid !important;
|
|||
border-collapse: collapse;
|
|||
tbody {
|
|||
border-top: none;
|
|||
}
|
|||
caption,th { padding-left: 0.6em ; }
|
|||
th.caption {
|
|||
border-top: none;
|
|||
border-bottom: none;
|
|||
}
|
|||
&.test,
|
|||
&.test-plain{
|
|||
th{
|
|||
//border: 1px black solid !important;
|
|||
padding-left: 0.3em;
|
|||
}
|
|||
td{
|
|||
//border: 1px black solid ;
|
|||
display: block;
|
|||
overflow: visible;
|
|||
border-bottom: 1px @gray-dark solid ;
|
|||
}
|
|||
tr:last-child td { border: none ;}
|
|||
}
|
|||
}
|
|||
&.clear{
|
|||
.tbl-horizontal{
|
|||
clear: both ;
|
|||
}
|
|||
}
|
|||
table.tbl-list > thead > tr th:first-child, table.tbl-list > tbody > tr td:first-child {
|
|||
padding-left: 0 !important;
|
|||
}
|
|||
div.test-box{
|
|||
font-size: 80% ;
|
|||
overflow: visible;
|
|||
padding: 0.3em 0.5em ;
|
|||
background-color: #9D9E9D;
|
|||
float: left;
|
|||
border: 1px #000 dotted ;
|
|||
}
|
|||
} // /.wrapper
|
|||
// Buttons
|
|||
// Action SOFT/NEUTRAL (no submission to server page)
|
|||
input[type="submit"],
|
|||
input[type="button"],
|
|||
input[type="button"].button,
|
|||
button[type="submit"],
|
|||
button[type="button"],
|
|||
a.button {
|
|||
color: @button-strong-color;
|
|||
background-color: @button-strong-bg;
|
|||
border: @button-strong-border;
|
|||
&.hover{
|
|||
color: @button-strong-hover-color;
|
|||
background-color: @button-strong-hover-bg;
|
|||
border: @button-strong-hover-border;
|
|||
}
|
|||
&.active{
|
|||
color: @button-strong-active-color;
|
|||
background-color: @button-strong-active-bg;
|
|||
border: @button-strong-active-border;
|
|||
}
|
|||
}
|
|||
// Action SOFT/NEUTRAL (no submission to server page)
|
|||
input[type="button"].neutral,
|
|||
input[type="submit"].neutral,
|
|||
input[type="reset"],
|
|||
input[type="reset"].neutral,
|
|||
button.neutral,
|
|||
button[type="reset"] {
|
|||
color: @button-neutral-color ;
|
|||
background-color: @button-neutral-bg;
|
|||
border: @button-neutral-border ;
|
|||
&.neutral-hover {
|
|||
color: @button-neutral-hover-color ;
|
|||
background-color: @button-neutral-hover-bg;
|
|||
border: @button-neutral-hover-border ;
|
|||
}
|
|||
&.neutral-active,
|
|||
&.neutral-focus {
|
|||
color: @button-neutral-active-color;
|
|||
background-color: @button-neutral-active-bg;
|
|||
border: @button-neutral-active-border ;
|
|||
}
|
|||
}
|
|||
} // /body.developing
|