276 lines
4.9 KiB
Text
276 lines
4.9 KiB
Text
@import "twitter/bootstrap/bootstrap";
|
|
@import "twitter/bootstrap/responsive";
|
|
body {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
// Set the correct sprite paths
|
|
@iconSpritePath: image-url('twitter/bootstrap/glyphicons-halflings.png');
|
|
@iconWhiteSpritePath: image-url('twitter/bootstrap/glyphicons-halflings-white.png');
|
|
|
|
// Set the Font Awesome (Font Awesome is default. You can disable by commenting below lines)
|
|
@fontAwesomeEotPath: asset-url('fontawesome-webfont.eot');
|
|
@fontAwesomeEotPath_iefix: asset-url('fontawesome-webfont.eot?#iefix');
|
|
@fontAwesomeWoffPath: asset-url('fontawesome-webfont.woff');
|
|
@fontAwesomeTtfPath: asset-url('fontawesome-webfont.ttf');
|
|
@fontAwesomeSvgPath: asset-url('fontawesome-webfont.svg#fontawesomeregular');
|
|
@import 'fontawesome/font-awesome';
|
|
|
|
// Glyphicons
|
|
//@import "twitter/bootstrap/sprites.less";
|
|
|
|
// Your custom LESS stylesheets goes here
|
|
//
|
|
// Since bootstrap was imported above you have access to its mixins which
|
|
// you may use and inherit here
|
|
//
|
|
// If you'd like to override bootstrap's own variables, you can do so here as well
|
|
// See http://twitter.github.com/bootstrap/customize.html#variables for their names and documentation
|
|
//
|
|
// Example:
|
|
// @linkColor: #ff0000;
|
|
|
|
// Custom styles
|
|
|
|
// Fix empty dd tags in horizontal dl, see https://github.com/twitter/bootstrap/issues/4062
|
|
.dl-horizontal {
|
|
dd { .clearfix(); }
|
|
}
|
|
|
|
// Do not use additional margin for input in table
|
|
.form-horizontal .control-group.control-group-intable,
|
|
.form-horizontal .controls.controls-intable {
|
|
margin: 0;
|
|
}
|
|
|
|
// Light tooltips without empty space below tables
|
|
.tooltip-inner {
|
|
color: #000;
|
|
background-color: rgb(245,245,245);
|
|
border: 1px solid #ccc;
|
|
}
|
|
.tooltip-inner .table {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
@mainRedColor: #ED0606;
|
|
|
|
.logo {
|
|
margin: 10px 0 0 30px;
|
|
float: left;
|
|
font-size: 35px;
|
|
font-weight: bold;
|
|
display: block;
|
|
color: @mainRedColor;
|
|
|
|
span {
|
|
padding: 2px 4px;
|
|
color: #ffffff;
|
|
background-color: @mainRedColor;
|
|
}
|
|
}
|
|
|
|
|
|
section {
|
|
padding-bottom: 30px;
|
|
margin-bottom: 30px;
|
|
border-bottom: 1px solid #d3d3d3;
|
|
}
|
|
|
|
footer {
|
|
margin-top: 50px;
|
|
padding-top: 20px;
|
|
border-top: 1px solid lightGrey;
|
|
}
|
|
|
|
table {
|
|
|
|
a.sortdown:after {
|
|
content: ' \25BC';
|
|
}
|
|
a.sortup:after {
|
|
content: ' \25B2';
|
|
}
|
|
|
|
tr.article-category {
|
|
background-color: #efefef;
|
|
td:first-child {
|
|
text-align: left;
|
|
}
|
|
}
|
|
th.numeric, td.numeric {
|
|
text-align: right;
|
|
}
|
|
td.odd {
|
|
background-color: @tableBackgroundAccent;
|
|
}
|
|
|
|
tr.selected td {
|
|
background-color: @successBackground;
|
|
}
|
|
}
|
|
|
|
// Tasks ..
|
|
.accepted {
|
|
color: #468847;
|
|
}
|
|
.unaccepted {
|
|
color: #B94A48;
|
|
}
|
|
|
|
// Wiki
|
|
#wikiContent {
|
|
.editsection {
|
|
display: none;
|
|
}
|
|
.mw-headline a {
|
|
color: @textColor;
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
// ordering
|
|
span.used {
|
|
color: green;
|
|
}
|
|
span.unused {
|
|
color: red;
|
|
}
|
|
|
|
#order-footer, .article-info {
|
|
text-align: left;
|
|
z-index: 1;
|
|
position: fixed;
|
|
bottom: 0;
|
|
background-color: #E4EED6;
|
|
border-top: 2px solid #78B74E;
|
|
|
|
#total-sum {
|
|
width: 22em;
|
|
margin: .5em 2em 0 0;
|
|
float: right;
|
|
#order-button {
|
|
margin: .5em 0;
|
|
|
|
input:disabled {
|
|
background-color: red; }
|
|
}
|
|
}
|
|
}
|
|
|
|
#order-footer {
|
|
width: 100%;
|
|
right: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.article-info {
|
|
z-index: 2;
|
|
width: 40em;
|
|
height: 8em;
|
|
border: none;
|
|
left: 30px;
|
|
|
|
.article-name {
|
|
text-align: center;
|
|
margin: 2px 0;
|
|
margin-bottom: 5px;
|
|
width: 100%;
|
|
font-weight: bold;
|
|
}
|
|
.pull-right {
|
|
width: 35%;
|
|
}
|
|
.pull-left {
|
|
width: 60%;
|
|
}
|
|
}
|
|
|
|
tr.order-article .article-info {
|
|
display: none;
|
|
}
|
|
|
|
tr.order-article:hover .article-info {
|
|
display: block;
|
|
}
|
|
|
|
|
|
// ********* Articles
|
|
|
|
tr.just-updated {
|
|
color: #468847;
|
|
}
|
|
|
|
tr.unavailable {
|
|
color: #999;
|
|
}
|
|
|
|
// articles edit all
|
|
.field_with_errors {
|
|
input, select {
|
|
border-color: red;
|
|
}
|
|
}
|
|
|
|
// ********* Tweaks & fixes
|
|
|
|
// need more space for supplier&order information (in German, at least)
|
|
.dl-horizontal {
|
|
dt { width: 160px; }
|
|
dd { margin-left: 170px; }
|
|
}
|
|
|
|
.settings {
|
|
.settings-group {
|
|
margin-bottom: 10px;
|
|
.control-label {
|
|
margin: 5px 0 0 0;
|
|
}
|
|
}
|
|
.control-group {
|
|
margin-bottom: 5px;
|
|
}
|
|
.control-group.h_wrapper {
|
|
margin-bottom: 5px;
|
|
}
|
|
.control-group.select {
|
|
margin-bottom: 15px
|
|
}
|
|
}
|
|
|
|
// allow buttons as input add-on (with proper height)
|
|
.input-append button.add-on {
|
|
height: inherit;
|
|
}
|
|
|
|
// get rid of extra space on bottom of dialog with form
|
|
.modal form {
|
|
margin: 0;
|
|
}
|
|
|
|
// two-column layout in forms (landscape tablet and wider only)
|
|
@media (min-width: 768px) {
|
|
.form-horizontal .twocol {
|
|
.control-group:nth-child(odd) {
|
|
float: left;
|
|
}
|
|
.control-group:nth-child(even) {
|
|
.control-label {
|
|
width: auto;
|
|
margin: 0 10px;
|
|
}
|
|
// fix margin somehow off
|
|
// XXX there must be a better way
|
|
margin-bottom: 0;
|
|
.help-block {
|
|
margin-top: 0;
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// allow to have indicator text instead of input with same markup
|
|
.control-text {
|
|
margin-top: 5px;
|
|
}
|
|
|