|
/* ------------------------------------------------------------- */
|
|
/* 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
|