2019-07-18 14:21:49 +02:00
|
|
|
@charset "UTF-8";
|
|
|
|
|
2017-01-18 17:52:54 +01:00
|
|
|
@import 'opensans';
|
2016-05-28 14:40:57 +02:00
|
|
|
@import 'utils';
|
2014-03-23 22:05:01 +01:00
|
|
|
|
2018-11-24 10:57:52 +01:00
|
|
|
$font-color: #3c3c33;
|
2017-09-05 23:07:30 +02:00
|
|
|
$mobile-limit: 760px;
|
2018-02-07 19:54:31 +01:00
|
|
|
$font-family: "Open Sans", sans-serif;
|
2018-11-24 10:57:52 +01:00
|
|
|
$sidepage-background: white;
|
|
|
|
$sidepage-left-space: 36px;
|
|
|
|
$sidepage-icon-width: 48px;
|
|
|
|
$sidepage-width: 210px;
|
|
|
|
$header-height: 60px;
|
|
|
|
$sidepage-border-width: 4px;
|
|
|
|
|
2019-08-17 22:49:34 +02:00
|
|
|
$cell-border-radius: 3px;
|
|
|
|
|
2018-11-24 10:57:52 +01:00
|
|
|
// blue
|
|
|
|
$primary-color: #386ede; $secondary-color: #00d6eb;
|
|
|
|
|
|
|
|
// red/orange
|
|
|
|
//$primary-color: #ff375e; $secondary-color: #ff5a47;
|
|
|
|
|
|
|
|
// purple
|
|
|
|
//$primary-color: #6f2b92; $secondary-color: #e72588;
|
|
|
|
|
|
|
|
$link-color: $primary-color;
|
2017-09-05 23:07:30 +02:00
|
|
|
|
2016-05-28 14:40:57 +02:00
|
|
|
/* generalities */
|
2014-08-25 17:11:55 +02:00
|
|
|
|
2014-03-23 22:05:01 +01:00
|
|
|
html, body {
|
|
|
|
margin: 0;
|
2018-02-07 19:54:31 +01:00
|
|
|
font-family: $font-family;
|
2017-01-18 17:52:54 +01:00
|
|
|
font-size: 12px;
|
2018-02-07 19:55:07 +01:00
|
|
|
@media screen and (min-width: 1260px) {
|
|
|
|
font-size: 13px;
|
|
|
|
}
|
2018-11-24 10:57:52 +01:00
|
|
|
color: $font-color;
|
|
|
|
background: #ecf0f3;
|
|
|
|
background: linear-gradient(#ecf0f3, white);
|
2014-03-23 22:05:01 +01:00
|
|
|
}
|
|
|
|
|
2015-05-11 17:15:27 +02:00
|
|
|
html {
|
|
|
|
min-height: 100%;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
body {
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
2014-08-21 19:47:13 +02:00
|
|
|
a {
|
2018-11-24 10:57:52 +01:00
|
|
|
color: $link-color;
|
2014-03-23 22:05:01 +01:00
|
|
|
text-decoration: none;
|
2014-08-21 19:47:13 +02:00
|
|
|
border-width: 0;
|
2018-11-24 10:57:52 +01:00
|
|
|
border-bottom: 1px dotted $link-color;
|
2016-07-09 08:53:18 +02:00
|
|
|
@include vendor-prefix('transition', 'color 200ms ease-out');
|
2016-07-14 22:53:23 +02:00
|
|
|
&:hover {
|
|
|
|
color: #003388;
|
|
|
|
border-style: solid;
|
|
|
|
}
|
|
|
|
img {
|
|
|
|
border: 0;
|
|
|
|
}
|
|
|
|
&.disabled {
|
|
|
|
color: #aaa;
|
|
|
|
border: none;
|
|
|
|
cursor: default;
|
|
|
|
}
|
2014-03-23 22:05:01 +01:00
|
|
|
}
|
|
|
|
|
2014-08-21 19:47:13 +02:00
|
|
|
dl dt {
|
|
|
|
margin : 0;
|
|
|
|
padding : 0 0 0 0;
|
2014-03-23 22:05:01 +01:00
|
|
|
}
|
|
|
|
|
2014-08-21 19:47:13 +02:00
|
|
|
dl dd {
|
|
|
|
margin : 0.3em 0 1.5em 10px;
|
2014-03-23 22:05:01 +01:00
|
|
|
}
|
|
|
|
|
2014-08-21 19:47:13 +02:00
|
|
|
span.error-message {
|
|
|
|
color: #e00;
|
2014-03-23 22:05:01 +01:00
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
2014-08-21 19:47:13 +02:00
|
|
|
span.warning {
|
|
|
|
background-color: orange;
|
2014-03-23 22:05:01 +01:00
|
|
|
}
|
|
|
|
|
2014-08-21 19:47:13 +02:00
|
|
|
.clear {
|
2014-03-23 22:05:01 +01:00
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
2014-08-21 19:47:13 +02:00
|
|
|
/* from top to bottom */
|
2014-03-23 22:05:01 +01:00
|
|
|
|
2014-08-21 19:47:13 +02:00
|
|
|
/* top bar */
|
2014-03-23 22:05:01 +01:00
|
|
|
|
2014-08-21 19:47:13 +02:00
|
|
|
div#top {
|
2016-07-09 08:53:18 +02:00
|
|
|
height: 0px;
|
2014-03-23 22:05:01 +01:00
|
|
|
}
|
|
|
|
|
2014-08-21 19:47:13 +02:00
|
|
|
ul.user-info {
|
2018-11-24 10:57:52 +01:00
|
|
|
box-sizing: border-box;
|
2014-03-23 22:05:01 +01:00
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
2018-11-24 10:57:52 +01:00
|
|
|
font-size: 100%;
|
2014-03-23 22:05:01 +01:00
|
|
|
font-weight: bold;
|
2016-07-09 08:53:18 +02:00
|
|
|
position: absolute;
|
|
|
|
top: 0px;
|
|
|
|
right: 0px;
|
2018-11-24 10:57:52 +01:00
|
|
|
z-index: 100;
|
|
|
|
background: $secondary-color;
|
2016-07-09 08:53:18 +02:00
|
|
|
li {
|
2018-11-24 10:57:52 +01:00
|
|
|
display: inline-block;
|
|
|
|
vertical-align: middle;
|
|
|
|
padding-left: 1em;
|
|
|
|
color: white;
|
|
|
|
height: $header-height;
|
|
|
|
line-height: $header-height;
|
|
|
|
}
|
|
|
|
a {
|
|
|
|
color: white;
|
|
|
|
}
|
2019-07-04 18:01:31 +02:00
|
|
|
.ui-name a {
|
|
|
|
border-bottom: none;
|
|
|
|
}
|
2018-11-24 10:57:52 +01:00
|
|
|
.ui-help {
|
2016-07-09 08:53:18 +02:00
|
|
|
padding-left: 3em;
|
|
|
|
}
|
2018-11-24 10:57:52 +01:00
|
|
|
.ui-avatar {
|
|
|
|
color: $primary-color;
|
|
|
|
vertical-align: middle;
|
|
|
|
font-size: $header-height * 0.35;
|
|
|
|
background: white;
|
|
|
|
border-radius: $header-height * 0.6 / 2;
|
|
|
|
height: $header-height * 0.6;
|
|
|
|
width: $header-height * 0.6;
|
|
|
|
line-height: $header-height * 0.6;
|
|
|
|
display: inline-block;
|
|
|
|
text-align: center;
|
|
|
|
padding: 0;
|
|
|
|
margin-left: 1em;
|
|
|
|
}
|
|
|
|
.ui-logout {
|
2018-12-24 18:40:09 +01:00
|
|
|
padding-left: 0;
|
2018-11-24 10:57:52 +01:00
|
|
|
font-size: 150%;
|
|
|
|
a {
|
|
|
|
display: block;
|
2018-11-24 15:36:08 +01:00
|
|
|
border: none;
|
2018-11-24 10:57:52 +01:00
|
|
|
padding: 0 2rem;
|
|
|
|
margin-left: 1rem;
|
|
|
|
}
|
|
|
|
a::before {
|
|
|
|
font-family: FontAwesome;
|
|
|
|
font-weight: normal;
|
|
|
|
content: "\f05c"; // times-circle-o
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.ui-platform-name {
|
|
|
|
background: white;
|
|
|
|
color: black;
|
|
|
|
padding: 0 2em;
|
|
|
|
text-transform: uppercase;
|
2018-11-25 14:41:46 +01:00
|
|
|
a {
|
|
|
|
border: none;
|
|
|
|
color: $font-color;
|
|
|
|
}
|
2018-11-24 10:57:52 +01:00
|
|
|
}
|
|
|
|
@media screen and (max-width: $mobile-limit) {
|
|
|
|
.ui-platform-name, .ui-avatar, .ui-name, .ui-help {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.ui-logout {
|
|
|
|
padding-left: 0;
|
|
|
|
a {
|
|
|
|
margin-left: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2014-03-23 22:05:01 +01:00
|
|
|
}
|
|
|
|
|
2014-08-21 19:47:13 +02:00
|
|
|
/* header */
|
2014-03-23 22:05:01 +01:00
|
|
|
|
2014-08-21 19:47:13 +02:00
|
|
|
div#header {
|
2018-11-24 10:57:52 +01:00
|
|
|
background: $primary-color;
|
2016-07-09 08:53:18 +02:00
|
|
|
padding-left: 0px;
|
2014-08-21 19:47:13 +02:00
|
|
|
position: relative;
|
2016-07-09 08:53:18 +02:00
|
|
|
height: $header-height;
|
2014-03-23 22:05:01 +01:00
|
|
|
}
|
|
|
|
|
2014-08-21 19:47:13 +02:00
|
|
|
div#header h1 {
|
2016-07-09 08:53:18 +02:00
|
|
|
height: $header-height;
|
|
|
|
line-height: $header-height;
|
2018-11-24 10:57:52 +01:00
|
|
|
padding: 0 0 0 1rem;
|
|
|
|
box-sizing: border-box;
|
2014-03-23 22:05:01 +01:00
|
|
|
margin: 0;
|
2014-08-21 19:47:13 +02:00
|
|
|
font-weight: normal;
|
2018-11-24 10:57:52 +01:00
|
|
|
color: white;
|
2016-07-09 08:53:18 +02:00
|
|
|
display: inline-block;
|
|
|
|
z-index: 100;
|
|
|
|
max-width: 80%;
|
|
|
|
width: 80%;
|
2018-11-24 10:57:52 +01:00
|
|
|
max-width: calc(100% - #{$sidepage-width} - 21px);
|
2016-07-09 08:53:18 +02:00
|
|
|
white-space: nowrap;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
@include vendor-prefix('transition', 'all ease 200ms');
|
2018-12-05 17:30:48 +01:00
|
|
|
@media screen and (max-width: $mobile-limit) {
|
|
|
|
width: 100%;
|
|
|
|
max-width: calc(100% - #{$sidepage-icon-width} - 21px);
|
|
|
|
}
|
2016-07-09 08:53:18 +02:00
|
|
|
a {
|
2018-11-24 10:57:52 +01:00
|
|
|
opacity: 0.8;
|
2016-07-09 08:53:18 +02:00
|
|
|
color: inherit;
|
|
|
|
border-bottom: none;
|
|
|
|
display: inline-block;
|
2018-11-24 10:57:52 +01:00
|
|
|
padding: 0 15px;
|
2016-07-09 08:53:18 +02:00
|
|
|
position: relative;
|
|
|
|
margin-left: -5px;
|
|
|
|
padding-left: 20px;
|
|
|
|
&:first-child {
|
|
|
|
padding-left: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
a:hover {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
2016-08-20 11:35:31 +02:00
|
|
|
|
2018-11-24 10:57:52 +01:00
|
|
|
&.breadcrumbs {
|
|
|
|
a:last-child {
|
|
|
|
/* hide last breadcrumb item (== current page) */
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
span.separator {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
a::after {
|
|
|
|
content: "";
|
|
|
|
height: $header-height + 2px;
|
|
|
|
width: $header-height + 2px;
|
|
|
|
@include vendor-prefix('transform', 'scale(0.4, 0.707) rotate(45deg)');
|
|
|
|
display: inline-block;
|
|
|
|
position: absolute;
|
|
|
|
top: 0px;
|
|
|
|
right: -21px;
|
|
|
|
z-index: 100;
|
|
|
|
border: 1px solid white;
|
|
|
|
border-width: 2px 2px 0 0;
|
|
|
|
}
|
2018-12-05 17:30:48 +01:00
|
|
|
@media screen and (max-width: $mobile-limit) {
|
|
|
|
a {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
a:first-child {
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
}
|
2016-08-20 11:35:31 +02:00
|
|
|
}
|
2018-11-24 10:57:52 +01:00
|
|
|
}
|
2016-07-09 08:53:18 +02:00
|
|
|
|
2018-11-24 10:57:52 +01:00
|
|
|
body[data-environment-label] div#header {
|
|
|
|
background-image: url(../images/work-bg.png);
|
|
|
|
background-position: 230px 0;
|
|
|
|
background-repeat: no-repeat;
|
2019-03-13 10:18:36 +01:00
|
|
|
border-bottom: 10px solid yellow;
|
|
|
|
border-image: repeating-linear-gradient(-45deg, #333, black 14px, #ffe761 15px, #ffe761 29px, black 30px) 10;
|
2018-11-24 10:57:52 +01:00
|
|
|
h1 {
|
|
|
|
// + picture width
|
|
|
|
padding-left: $sidepage-width + $sidepage-left-space + 70px;
|
2018-12-05 17:30:48 +01:00
|
|
|
@media screen and (max-width: $mobile-limit) {
|
|
|
|
max-width: calc(100% - 60px);
|
|
|
|
}
|
|
|
|
@media screen and (max-width: 380px) {
|
|
|
|
display: none;
|
|
|
|
}
|
2016-07-09 08:53:18 +02:00
|
|
|
}
|
2018-11-24 10:57:52 +01:00
|
|
|
}
|
2016-07-09 08:53:18 +02:00
|
|
|
|
2018-11-24 10:57:52 +01:00
|
|
|
span#applabel {
|
|
|
|
text-indent: -1000px;
|
|
|
|
&::after {
|
2016-07-09 08:53:18 +02:00
|
|
|
content: "";
|
2018-11-24 10:57:52 +01:00
|
|
|
background: transparent url(../images/logo-publik.png) top left no-repeat;
|
2016-07-09 08:53:18 +02:00
|
|
|
position: absolute;
|
2018-11-24 10:57:52 +01:00
|
|
|
top: 4px;
|
|
|
|
left: 24px;
|
|
|
|
height: 50px;
|
|
|
|
width: 183px;
|
|
|
|
@media screen and (max-width: $mobile-limit) {
|
|
|
|
left: $header-height + 5px;
|
|
|
|
}
|
|
|
|
@include vendor-prefix('transition', 'opacity 100ms ease-out');
|
|
|
|
}
|
|
|
|
&:hover::after {
|
|
|
|
opacity: 0.8;
|
2016-07-09 08:53:18 +02:00
|
|
|
}
|
2016-06-14 14:16:49 +02:00
|
|
|
}
|
|
|
|
|
2015-06-15 10:29:33 +02:00
|
|
|
/* notifications */
|
|
|
|
|
|
|
|
ul.messages {
|
|
|
|
padding: 0;
|
2017-01-16 09:37:50 +01:00
|
|
|
margin: 0;
|
2015-06-15 10:29:33 +02:00
|
|
|
list-style-type: none;
|
2017-01-16 09:37:50 +01:00
|
|
|
max-width: 100ex;
|
2017-02-13 10:31:31 +01:00
|
|
|
position: relative;
|
2015-06-15 10:29:33 +02:00
|
|
|
|
2017-01-16 09:37:50 +01:00
|
|
|
li {
|
|
|
|
font-size: 110%;
|
|
|
|
.close {
|
|
|
|
float: right;
|
|
|
|
cursor: pointer;
|
|
|
|
font-weight: bold;
|
|
|
|
border: none;
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
}
|
2015-06-15 10:29:33 +02:00
|
|
|
}
|
|
|
|
|
2018-11-27 14:07:15 +01:00
|
|
|
ul.messages li,
|
2018-03-02 13:11:04 +01:00
|
|
|
div.infonotice,
|
|
|
|
div.successnotice,
|
|
|
|
div.warningnotice,
|
|
|
|
div.errornotice {
|
|
|
|
position: relative;
|
|
|
|
font-size: 110%;
|
2018-11-24 10:57:52 +01:00
|
|
|
background: white;
|
2018-03-02 13:11:04 +01:00
|
|
|
color: #3c3c33;
|
|
|
|
font-weight: normal;
|
2018-11-24 10:57:52 +01:00
|
|
|
border-radius: 3px;
|
2019-08-23 09:34:45 +02:00
|
|
|
margin: 1rem 0;
|
|
|
|
padding: 0.5rem;
|
2018-03-02 13:11:04 +01:00
|
|
|
border: 1px solid transparent;
|
|
|
|
border-left-width: 25px;
|
|
|
|
&::before {
|
|
|
|
position: absolute;
|
|
|
|
top: 0.8rem;
|
|
|
|
left: -25px;
|
|
|
|
width: 25px;
|
|
|
|
display: inline-block;
|
|
|
|
text-align: center;
|
|
|
|
font-family: FontAwesome;
|
|
|
|
color: white;
|
|
|
|
}
|
2018-11-27 14:07:15 +01:00
|
|
|
&.success,
|
2018-03-02 13:11:04 +01:00
|
|
|
&.successnotice {
|
2018-11-24 10:57:52 +01:00
|
|
|
&:before { content: "\f058"; } // check-circle
|
2018-03-02 13:11:04 +01:00
|
|
|
border-color: #00b000;
|
2018-11-27 14:07:15 +01:00
|
|
|
border-image: linear-gradient(#27eb00, lighten(#27eb00, 10%)) 2;
|
2018-03-02 13:11:04 +01:00
|
|
|
}
|
2018-11-27 14:07:15 +01:00
|
|
|
&.info,
|
2018-03-02 13:11:04 +01:00
|
|
|
&.infonotice {
|
2018-11-24 10:57:52 +01:00
|
|
|
&:before { content: "\f05a"; } // info-circle
|
2018-03-02 13:11:04 +01:00
|
|
|
border-color: #0000b0;
|
2018-11-27 14:07:15 +01:00
|
|
|
border-image: linear-gradient(#4474f6, lighten(#4474f6, 10%)) 2;
|
2018-03-02 13:11:04 +01:00
|
|
|
}
|
2018-11-27 14:07:15 +01:00
|
|
|
&.warning,
|
2018-03-02 13:11:04 +01:00
|
|
|
&.warningnotice {
|
2018-11-24 10:57:52 +01:00
|
|
|
&:before { content: "\f06a"; } //exclamation-circle
|
2018-03-02 13:11:04 +01:00
|
|
|
border-color: #ffb000;
|
2018-11-27 14:07:15 +01:00
|
|
|
border-image: linear-gradient(#f47f13, lighten(#f47f13, 15%)) 2;
|
2018-03-02 13:11:04 +01:00
|
|
|
}
|
2018-11-27 14:07:15 +01:00
|
|
|
&.error,
|
2018-03-02 13:11:04 +01:00
|
|
|
&.errornotice {
|
2018-11-24 10:57:52 +01:00
|
|
|
&:before { content: "\f071"; } // exclamation-triangle
|
2018-11-27 14:07:15 +01:00
|
|
|
border-color: #f64474;
|
|
|
|
border-image: linear-gradient(#f64474, lighten(#f64474, 5%)) 2;
|
2018-03-02 13:11:04 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2014-08-21 19:47:13 +02:00
|
|
|
/* main content */
|
2014-03-23 22:05:01 +01:00
|
|
|
|
2018-03-12 09:25:31 +01:00
|
|
|
#main {
|
|
|
|
display: -ms-flexbox;
|
|
|
|
display: flex;
|
2018-05-17 15:21:25 +02:00
|
|
|
@media screen and (max-width: $mobile-limit) {
|
|
|
|
-ms-flex-direction: column;
|
|
|
|
flex-direction: column;
|
|
|
|
}
|
2018-05-17 16:45:03 +02:00
|
|
|
@media print {
|
|
|
|
display: block;
|
|
|
|
}
|
2018-03-12 09:25:31 +01:00
|
|
|
}
|
|
|
|
|
2014-08-21 19:47:13 +02:00
|
|
|
div#main-content {
|
2018-04-29 13:55:27 +02:00
|
|
|
-ms-flex: 1 1 auto;
|
|
|
|
flex: 1 1 auto;
|
2016-02-02 15:12:34 +01:00
|
|
|
width: 100%;
|
2018-11-24 10:57:52 +01:00
|
|
|
margin: 1rem;
|
|
|
|
min-height: 90vh;
|
2014-03-23 22:05:01 +01:00
|
|
|
position: relative;
|
2014-08-21 19:47:13 +02:00
|
|
|
overflow-x: auto;
|
|
|
|
overflow-y: hidden;
|
2016-02-02 15:12:34 +01:00
|
|
|
box-sizing: border-box;
|
2017-09-23 22:46:04 +02:00
|
|
|
@media screen and (max-width: $mobile-limit) {
|
|
|
|
border-width: 0 0 1px 0;
|
2018-11-24 10:57:52 +01:00
|
|
|
margin: 0;
|
|
|
|
padding: 1rem;
|
2017-09-23 22:46:04 +02:00
|
|
|
}
|
2014-03-23 22:05:01 +01:00
|
|
|
}
|
|
|
|
|
2018-03-12 09:25:31 +01:00
|
|
|
#sidebar {
|
2018-04-29 13:55:27 +02:00
|
|
|
-ms-flex: 0 0 auto;
|
|
|
|
flex: 0 0 auto;
|
2018-11-24 10:57:52 +01:00
|
|
|
width: 24rem;
|
|
|
|
box-sizing: border-box;
|
|
|
|
padding: 0 1rem;
|
|
|
|
background: white;
|
|
|
|
max-width: 24rem;
|
2019-05-09 14:00:45 +02:00
|
|
|
word-wrap: break-word;
|
2018-05-17 15:21:25 +02:00
|
|
|
@media screen and (max-width: $mobile-limit) {
|
|
|
|
width: auto;
|
|
|
|
max-width: 100%;
|
|
|
|
}
|
2018-03-12 09:25:31 +01:00
|
|
|
color: #666;
|
|
|
|
position: relative;
|
2018-11-24 10:57:52 +01:00
|
|
|
#sidebar-toggle {
|
|
|
|
left: -10px;
|
|
|
|
width: 10px;
|
|
|
|
background: #d4cbff;
|
|
|
|
border-bottom-right-radius: 0px;
|
|
|
|
border-bottom-left-radius: 10px;
|
|
|
|
}
|
2018-03-12 09:25:31 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
2014-08-21 19:47:13 +02:00
|
|
|
div#main-content h2 {
|
|
|
|
font-weight: normal;
|
2014-03-23 22:05:01 +01:00
|
|
|
}
|
|
|
|
|
2014-08-21 19:47:13 +02:00
|
|
|
/* page content */
|
2014-03-23 22:05:01 +01:00
|
|
|
|
2014-08-21 19:47:13 +02:00
|
|
|
div#content {
|
2018-11-24 10:57:52 +01:00
|
|
|
padding: 0;
|
2014-08-21 19:47:13 +02:00
|
|
|
position: relative;
|
2018-11-24 10:57:52 +01:00
|
|
|
&::after {
|
|
|
|
content: "";
|
|
|
|
display: block;
|
|
|
|
clear: both;
|
|
|
|
}
|
2014-03-23 22:05:01 +01:00
|
|
|
}
|
|
|
|
|
2016-08-25 15:16:30 +02:00
|
|
|
div#main-content > h2,
|
2017-01-02 11:11:02 +01:00
|
|
|
div#appbar > h2,
|
2016-08-25 15:16:30 +02:00
|
|
|
div#main-content .top-title h2,
|
2014-08-21 19:47:13 +02:00
|
|
|
div#content h2 {
|
|
|
|
margin-top: 0;
|
|
|
|
font-weight: normal;
|
2018-11-24 10:57:52 +01:00
|
|
|
color: #161c2a;
|
2015-06-15 07:12:57 +02:00
|
|
|
font-size: 200%;
|
2014-08-21 19:47:13 +02:00
|
|
|
letter-spacing: -1px;
|
|
|
|
line-height: 25px;
|
|
|
|
margin-bottom: 20px;
|
2015-06-15 07:12:57 +02:00
|
|
|
padding: 0 0 10px 0px;
|
2014-08-21 19:47:13 +02:00
|
|
|
position: relative;
|
|
|
|
top: 4px;
|
2014-03-23 22:05:01 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
table.main {
|
|
|
|
width: 100%;
|
2018-11-24 10:57:52 +01:00
|
|
|
background: white;
|
|
|
|
border: 1px solid #f3f3f3;
|
2015-06-13 20:45:24 +02:00
|
|
|
border-collapse: collapse;
|
2014-03-23 22:05:01 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
table.main th {
|
2019-07-10 16:51:58 +02:00
|
|
|
font-weight: 600;
|
2015-06-13 20:45:24 +02:00
|
|
|
padding: 1em 1ex;
|
2018-11-24 10:57:52 +01:00
|
|
|
border-bottom: 1px solid #f3f3f3;
|
|
|
|
background: #f7f7f7;
|
2019-07-10 16:51:58 +02:00
|
|
|
text-align: left;
|
2014-03-23 22:05:01 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
table.main td {
|
2019-07-10 16:51:58 +02:00
|
|
|
text-align: left;
|
2015-06-13 20:45:24 +02:00
|
|
|
padding: 1em 1ex;
|
2018-11-24 10:57:52 +01:00
|
|
|
border-bottom: 1px solid #f3f3f3;
|
2017-12-27 19:50:33 +01:00
|
|
|
@include vendor-prefix('transition', 'background ease 0.2s');
|
2014-03-23 22:05:01 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
table.main tr td.checkbox {
|
|
|
|
width: 1em;
|
|
|
|
}
|
|
|
|
|
2016-12-29 14:19:38 +01:00
|
|
|
table.main tr:nth-child(even) td {
|
2018-11-24 10:57:52 +01:00
|
|
|
background: #fdfdfd;
|
2014-03-23 22:05:01 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
table.main tr:hover td {
|
2018-11-24 10:57:52 +01:00
|
|
|
background: #dde;
|
2014-03-23 22:05:01 +01:00
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
table.main tr.active td {
|
|
|
|
background: #bbf;
|
|
|
|
}
|
|
|
|
|
2015-12-27 11:02:49 +01:00
|
|
|
td.price {
|
|
|
|
text-align: right;
|
|
|
|
}
|
2014-03-23 22:05:01 +01:00
|
|
|
|
2014-08-21 19:47:13 +02:00
|
|
|
/* zone selection */
|
2014-03-23 22:05:01 +01:00
|
|
|
|
|
|
|
ul.apps {
|
|
|
|
margin-top: 2em;
|
|
|
|
margin-bottom: 2em;
|
2015-11-09 20:07:50 +01:00
|
|
|
padding: 0;
|
2018-06-13 12:15:03 +02:00
|
|
|
&::after {
|
|
|
|
content: "";
|
|
|
|
display: block;
|
|
|
|
clear: both;
|
|
|
|
}
|
2014-03-23 22:05:01 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
ul.apps li {
|
2015-06-10 17:31:06 +02:00
|
|
|
display: table;
|
2014-03-23 22:05:01 +01:00
|
|
|
float: left;
|
|
|
|
margin-right: 1em;
|
2014-09-01 14:30:09 +02:00
|
|
|
margin-bottom: 1em;
|
2014-03-23 22:05:01 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
ul.apps li a {
|
2018-11-24 10:57:52 +01:00
|
|
|
background-color: white;
|
2014-03-23 22:05:01 +01:00
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: 50% 50%;
|
2015-06-10 17:31:06 +02:00
|
|
|
display: table-cell;
|
|
|
|
vertical-align: bottom;
|
2014-03-23 22:05:01 +01:00
|
|
|
width: 120px;
|
2015-11-09 20:07:50 +01:00
|
|
|
height: 100px;
|
|
|
|
padding-top: 10px;
|
2015-06-10 17:31:06 +02:00
|
|
|
padding-bottom: 10px;
|
2014-03-23 22:05:01 +01:00
|
|
|
font-weight: bold;
|
|
|
|
text-align: center;
|
2015-11-09 20:07:50 +01:00
|
|
|
border: 1px solid #ccc;
|
2014-03-23 22:05:01 +01:00
|
|
|
text-decoration: none;
|
2016-07-09 08:53:18 +02:00
|
|
|
@include vendor-prefix('transition', 'all .2s ease-in-out');
|
2018-11-24 10:57:52 +01:00
|
|
|
color: $primary-color;
|
2015-11-09 20:07:50 +01:00
|
|
|
border-radius: 15px;
|
2014-03-23 22:05:01 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
ul.apps li a:hover {
|
|
|
|
border: 1px solid #333;
|
2018-11-24 10:57:52 +01:00
|
|
|
color: $primary-color;
|
2015-11-09 20:07:50 +01:00
|
|
|
border-radius: 25px;
|
2014-03-23 22:05:01 +01:00
|
|
|
}
|
|
|
|
|
2017-07-27 12:10:00 +02:00
|
|
|
|
2014-08-21 19:47:13 +02:00
|
|
|
/* footer */
|
2014-03-23 22:05:01 +01:00
|
|
|
|
2014-08-21 19:47:13 +02:00
|
|
|
div#footer {
|
|
|
|
clear: both;
|
|
|
|
margin-left: 2%;
|
|
|
|
font-size: 60%;
|
|
|
|
width: 96%;
|
2014-03-23 22:05:01 +01:00
|
|
|
}
|
|
|
|
|
2014-08-21 19:47:13 +02:00
|
|
|
/* icons */
|
2014-03-23 22:05:01 +01:00
|
|
|
|
2014-08-21 19:47:13 +02:00
|
|
|
[class^="icon-"]:after, [class*=" icon-"]:after,
|
|
|
|
[class^="icon-"]:before, [class*=" icon-"]:before {
|
|
|
|
font-family: FontAwesome;
|
|
|
|
font-weight: normal;
|
|
|
|
font-style: normal;
|
|
|
|
display: inline-block;
|
|
|
|
text-decoration: none;
|
2014-03-23 22:05:01 +01:00
|
|
|
}
|
2014-08-21 19:47:13 +02:00
|
|
|
a[class^="icon-"], a[class*=" icon-"] {
|
|
|
|
display: inline-block;
|
|
|
|
text-decoration: none;
|
|
|
|
border: none;
|
2017-08-09 16:17:57 +02:00
|
|
|
&.disabled {
|
|
|
|
color: #aaa;
|
|
|
|
border: none;
|
|
|
|
cursor: default;
|
|
|
|
}
|
2014-03-23 22:05:01 +01:00
|
|
|
}
|
|
|
|
|
2014-10-21 10:04:55 +02:00
|
|
|
.icon-home-space:before { content: "\f015\00a0\00a0"; }
|
2014-08-21 19:47:13 +02:00
|
|
|
.icon-remove-sign:before { content: "\f057"; }
|
2015-09-18 17:20:07 +02:00
|
|
|
.icon-add-sign:before { content: "\f067"; }
|
|
|
|
.icon-minus-sign:before { content: "\f068"; }
|
2014-03-23 22:05:01 +01:00
|
|
|
|
2014-08-21 19:47:13 +02:00
|
|
|
/* misc */
|
2014-03-23 22:05:01 +01:00
|
|
|
|
2016-07-09 08:53:18 +02:00
|
|
|
div#content div.bo-block {
|
|
|
|
margin-left: 0;
|
|
|
|
}
|
|
|
|
|
2014-08-21 19:47:13 +02:00
|
|
|
div.bo-block {
|
|
|
|
border: 1px solid #e4e4e4;
|
|
|
|
color: #505050;
|
2016-08-25 15:16:30 +02:00
|
|
|
margin: 1em 0;
|
2014-08-21 19:47:13 +02:00
|
|
|
padding: 1ex;
|
2018-11-24 10:57:52 +01:00
|
|
|
background: white;
|
|
|
|
padding: 0.5rem;
|
|
|
|
border-radius: 3px;
|
|
|
|
box-sizing: border-box;
|
2014-03-23 22:05:01 +01:00
|
|
|
}
|
|
|
|
|
2014-08-21 19:47:13 +02:00
|
|
|
div.bo-block h2 {
|
|
|
|
margin: 0;
|
|
|
|
border-bottom: 1px solid #bcbcbc;
|
|
|
|
color: #474747;
|
2014-03-23 22:05:01 +01:00
|
|
|
}
|
|
|
|
|
2014-08-21 19:47:13 +02:00
|
|
|
div.dimmed-block h2 {
|
|
|
|
color: #808080;
|
2014-03-23 22:05:01 +01:00
|
|
|
}
|
|
|
|
|
2014-08-21 19:47:13 +02:00
|
|
|
div.bo-block ul {
|
|
|
|
padding-left: 2em;
|
|
|
|
padding-bottom: 1ex;
|
2014-03-23 22:05:01 +01:00
|
|
|
}
|
|
|
|
|
2014-08-21 19:47:13 +02:00
|
|
|
div.big-msg-info {
|
2018-11-24 10:57:52 +01:00
|
|
|
background: white url(../images/info-icon.png) 5px 15px no-repeat;
|
2014-08-21 19:47:13 +02:00
|
|
|
width: 30em;
|
2018-11-24 10:57:52 +01:00
|
|
|
padding: 2rem 1rem 1rem 90px;
|
2014-08-21 19:47:13 +02:00
|
|
|
margin: 3em auto;
|
|
|
|
min-height: 90px;
|
|
|
|
padding-top: 20px;
|
2018-11-24 10:57:52 +01:00
|
|
|
border-radius: 3px;
|
2014-03-23 22:05:01 +01:00
|
|
|
}
|
|
|
|
|
2015-06-21 14:54:03 +02:00
|
|
|
p.paginator {
|
2018-11-24 10:57:52 +01:00
|
|
|
margin: 4ex 1px;
|
2015-06-21 14:54:03 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
p.paginator *:first-child {
|
|
|
|
border-radius: 3px 0 0 3px;
|
|
|
|
}
|
|
|
|
|
|
|
|
p.paginator *:last-child {
|
|
|
|
border-radius: 0 3px 3px 0;
|
|
|
|
}
|
|
|
|
|
2014-03-23 22:05:01 +01:00
|
|
|
p.paginator a,
|
|
|
|
p.paginator span {
|
2015-06-21 14:54:03 +02:00
|
|
|
padding: 1.5ex 1.7ex 1ex 1.7ex;
|
|
|
|
border: 1px solid #BCBCBC;
|
|
|
|
margin: 0 0 0 -1px;
|
|
|
|
}
|
|
|
|
|
|
|
|
p.paginator span.this-page {
|
2018-11-24 10:57:52 +01:00
|
|
|
background: $primary-color;
|
2017-12-26 20:52:48 +01:00
|
|
|
border-color: #5B616B;
|
2015-06-21 14:54:03 +02:00
|
|
|
color: white;
|
|
|
|
}
|
|
|
|
|
|
|
|
p.paginator span.this-page + a {
|
2017-12-26 20:52:48 +01:00
|
|
|
border-left-color: #5B616B;
|
2015-06-21 14:54:03 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
p.paginator a:hover {
|
|
|
|
background: #eee;
|
2014-03-23 22:05:01 +01:00
|
|
|
}
|
|
|
|
|
2016-02-13 11:47:02 +01:00
|
|
|
ul.objects-list {
|
2019-12-29 10:12:07 +01:00
|
|
|
margin: 0 0 1rem 0;
|
2016-02-13 11:47:02 +01:00
|
|
|
padding: 0;
|
2019-12-29 10:12:07 +01:00
|
|
|
&:last-child {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
2019-07-05 14:03:17 +02:00
|
|
|
li span.extra-info {
|
|
|
|
font-size: 80%;
|
|
|
|
opacity: 0.9;
|
|
|
|
}
|
2016-02-13 11:47:02 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
ul.objects-list li {
|
2018-11-24 10:57:52 +01:00
|
|
|
background: white;
|
2016-02-13 11:47:02 +01:00
|
|
|
list-style: none;
|
|
|
|
margin: 0 0 -1px 0;
|
|
|
|
padding: 0 0.5ex 0 2ex;
|
|
|
|
border: 1px solid #aaa;
|
|
|
|
clear: both;
|
|
|
|
position: relative;
|
|
|
|
min-height: 2.5em;
|
|
|
|
line-height: 2.5em;
|
2017-11-18 14:45:43 +01:00
|
|
|
break-inside: avoid;
|
2016-02-13 11:47:02 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
ul.objects-list.single-links li {
|
|
|
|
padding: 0;
|
2017-12-27 19:50:33 +01:00
|
|
|
@include vendor-prefix('transition', 'background ease 0.2s');
|
2016-02-13 11:47:02 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
ul.objects-list li:hover {
|
|
|
|
background: #eee;
|
|
|
|
}
|
|
|
|
|
|
|
|
ul.objects-list.single-links li a {
|
|
|
|
display: block;
|
|
|
|
border: none;
|
|
|
|
padding: 0 0.5ex 0 2ex;
|
2017-09-20 10:53:57 +02:00
|
|
|
&.link-action-icon, &.delete {
|
2017-12-19 11:34:49 +01:00
|
|
|
height: 100%;
|
2017-08-27 08:57:55 +02:00
|
|
|
position: absolute;
|
|
|
|
right: 0;
|
|
|
|
padding-right: 2ex;
|
|
|
|
top: 0;
|
|
|
|
width: 1em;
|
|
|
|
overflow: hidden;
|
2017-09-20 10:53:57 +02:00
|
|
|
&::before {
|
2017-08-27 08:57:55 +02:00
|
|
|
font-family: FontAwesome;
|
|
|
|
padding-right: 3em;
|
|
|
|
}
|
|
|
|
}
|
2017-09-20 10:53:57 +02:00
|
|
|
&.delete::before {
|
|
|
|
content: "\f057"; /* remove-sign */
|
|
|
|
}
|
2016-02-13 11:47:02 +01:00
|
|
|
}
|
|
|
|
|
2016-12-27 12:53:20 +01:00
|
|
|
ul.objects-list li span.badge {
|
|
|
|
position: absolute;
|
|
|
|
right: 1ex;
|
|
|
|
top: 0.25em;
|
|
|
|
height: 2em;
|
|
|
|
box-sizing: border-box;
|
|
|
|
border-radius: 1ex;
|
|
|
|
padding: 0 1ex;
|
2018-12-24 19:15:18 +01:00
|
|
|
background: $primary-color;
|
2016-12-27 12:53:20 +01:00
|
|
|
color: white;
|
|
|
|
line-height: 2em;
|
|
|
|
}
|
|
|
|
|
2015-05-11 17:15:27 +02:00
|
|
|
#sidepage {
|
|
|
|
position: absolute;
|
2016-07-09 08:53:18 +02:00
|
|
|
top: 0px;
|
2015-05-11 17:15:27 +02:00
|
|
|
z-index: 100;
|
2018-11-24 10:57:52 +01:00
|
|
|
width: $sidepage-icon-width;
|
2015-05-11 17:15:27 +02:00
|
|
|
height: 2em;
|
|
|
|
text-align: left;
|
2017-09-05 23:07:30 +02:00
|
|
|
@include vendor-prefix('transition', 'width 0ms ease-in');
|
2016-07-09 08:53:18 +02:00
|
|
|
height: 100%;
|
|
|
|
overflow: initial;
|
2018-11-24 10:57:52 +01:00
|
|
|
color: white;
|
|
|
|
li a {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
body[data-has-sidepage] #header {
|
|
|
|
margin-left: #{$sidepage-left-space};
|
|
|
|
h1 {
|
|
|
|
padding-left: $sidepage-width + $sidepage-left-space;
|
|
|
|
}
|
2016-07-09 08:53:18 +02:00
|
|
|
}
|
|
|
|
|
2018-03-11 11:05:28 +01:00
|
|
|
body[data-has-sidepage] #main {
|
2018-11-24 10:57:52 +01:00
|
|
|
margin-left: calc(#{$sidepage-left-space} + #{$sidepage-icon-width});
|
2015-05-11 17:15:27 +02:00
|
|
|
}
|
|
|
|
|
2018-03-10 14:55:52 +01:00
|
|
|
body.sidepage-expanded #main {
|
2018-11-24 10:57:52 +01:00
|
|
|
margin-left: calc(#{$sidepage-icon-width} + #{$sidepage-width});
|
2015-05-11 17:15:27 +02:00
|
|
|
}
|
|
|
|
|
2018-03-10 14:55:52 +01:00
|
|
|
body.enable-transitions {
|
|
|
|
#header,
|
|
|
|
#main,
|
|
|
|
#main div#header h1,
|
|
|
|
#sidepage ul#sidepage-menu,
|
|
|
|
#sidepage span#applabel,
|
2018-11-24 10:57:52 +01:00
|
|
|
#sidepage span#applabel::before,
|
2018-03-10 14:55:52 +01:00
|
|
|
#sidepage {
|
|
|
|
@include vendor-prefix('transition-duration', '400ms');
|
|
|
|
}
|
2015-05-11 17:15:27 +02:00
|
|
|
}
|
|
|
|
|
2018-03-10 14:55:52 +01:00
|
|
|
body.sidepage-expanded #sidepage {
|
2015-05-11 17:15:27 +02:00
|
|
|
height: 100%;
|
|
|
|
overflow: initial;
|
2018-11-24 10:57:52 +01:00
|
|
|
width: $sidepage-width + $sidepage-icon-width - $sidepage-left-space + $sidepage-border-width / 2;
|
2015-06-10 17:31:06 +02:00
|
|
|
}
|
|
|
|
|
2019-09-08 19:40:57 +02:00
|
|
|
body {
|
|
|
|
#sidepage li.sub {
|
|
|
|
margin-left: 0;;
|
|
|
|
}
|
|
|
|
&.sidepage-expanded #sidepage li.sub {
|
|
|
|
margin-left: 1rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2018-03-10 14:55:52 +01:00
|
|
|
#header,
|
2015-05-11 17:15:27 +02:00
|
|
|
#main {
|
2016-07-09 08:53:18 +02:00
|
|
|
@include vendor-prefix('transition', 'margin-left 0ms ease-in');
|
2016-06-15 08:54:02 +02:00
|
|
|
position: relative;
|
2015-05-11 17:15:27 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
#sidepage span#applabel {
|
2016-07-09 08:53:18 +02:00
|
|
|
visibility: hidden; /* will be turned visible by publik.js */
|
|
|
|
|
|
|
|
padding-left: 0.5rem;
|
2015-05-11 17:15:27 +02:00
|
|
|
font-weight: bold;
|
|
|
|
cursor: pointer;
|
|
|
|
display: block;
|
2016-07-09 08:53:18 +02:00
|
|
|
position: relative;
|
2018-11-24 10:57:52 +01:00
|
|
|
height: $header-height;
|
|
|
|
line-height: $header-height;
|
2016-07-09 08:53:18 +02:00
|
|
|
font-weight: normal;
|
|
|
|
font-size: 20px;
|
2018-11-24 10:57:52 +01:00
|
|
|
border-bottom: 1px solid #7F8F9E;
|
|
|
|
background: white;
|
|
|
|
box-sizing: border-box;
|
|
|
|
width: calc(#{$sidepage-icon-width} + #{$sidepage-width});
|
2016-07-09 08:53:18 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
#sidepage span#applabel::before {
|
2018-11-24 10:57:52 +01:00
|
|
|
text-indent: 2px;
|
2016-07-09 08:53:18 +02:00
|
|
|
font-family: FontAwesome;
|
2018-11-24 10:57:52 +01:00
|
|
|
content: "\f054"; // chevron-right
|
|
|
|
padding-left: 0;
|
|
|
|
padding-right: 0;
|
|
|
|
position: absolute;
|
|
|
|
top: 50px;
|
|
|
|
right: $sidepage-width - $sidepage-left-space - 10px + $sidepage-border-width / 2;
|
|
|
|
background: $primary-color;
|
|
|
|
color: white;
|
|
|
|
height: 20px;
|
|
|
|
width: 20px;
|
|
|
|
font-size: 14px;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 20px;
|
|
|
|
border-radius: 10px;
|
|
|
|
z-index: 100;
|
|
|
|
@include vendor-prefix('transition', 'all 0ms ease-in');
|
|
|
|
@media screen and (max-width: $mobile-limit) {
|
|
|
|
border-radius: 0;
|
|
|
|
left: 0;
|
|
|
|
top: 0;
|
|
|
|
right: auto;
|
|
|
|
width: $header-height;
|
|
|
|
height: $header-height;
|
|
|
|
line-height: $header-height;
|
|
|
|
display: block;
|
|
|
|
}
|
2015-05-11 17:15:27 +02:00
|
|
|
}
|
|
|
|
|
2018-03-10 14:55:52 +01:00
|
|
|
body.sidepage-expanded #sidepage span#applabel::before {
|
2018-11-24 10:57:52 +01:00
|
|
|
right: -10px;
|
|
|
|
transform: rotate(180deg);
|
2016-07-18 11:56:50 +02:00
|
|
|
}
|
|
|
|
|
2015-05-11 17:15:27 +02:00
|
|
|
#sidepage ul#sidepage-menu {
|
2018-11-24 10:57:52 +01:00
|
|
|
background: white;
|
|
|
|
position: relative;
|
|
|
|
left: $sidepage-left-space;
|
|
|
|
@media screen and (max-width: $mobile-limit) {
|
|
|
|
left: 0;
|
|
|
|
}
|
2015-05-11 17:15:27 +02:00
|
|
|
list-style: none;
|
|
|
|
padding: 0;
|
2015-06-10 17:31:06 +02:00
|
|
|
padding-top: 1em;
|
|
|
|
margin: 0;
|
2016-07-09 08:53:18 +02:00
|
|
|
min-height: 100%;
|
2018-11-24 10:57:52 +01:00
|
|
|
min-height: calc(100% - #{$header-height} - 1px); /* #top 40px + border 1px */
|
2016-07-09 08:53:18 +02:00
|
|
|
box-sizing: border-box;
|
2018-11-24 10:57:52 +01:00
|
|
|
border-right: $sidepage-border-width solid $primary-color;
|
2016-07-09 08:53:18 +02:00
|
|
|
@include vendor-prefix('transition', 'all 0ms ease');
|
2018-11-24 10:57:52 +01:00
|
|
|
&::before {
|
|
|
|
content: "";
|
|
|
|
position: absolute;
|
|
|
|
left: -$sidepage-left-space;
|
|
|
|
width: $sidepage-left-space;
|
|
|
|
background: linear-gradient(to bottom, $primary-color 0%, $secondary-color 130vh);
|
|
|
|
height: 100%;
|
|
|
|
top: 0px;
|
|
|
|
}
|
|
|
|
li {
|
|
|
|
@include vendor-prefix('transition', 'all 200ms ease');
|
|
|
|
a {
|
|
|
|
@include vendor-prefix('transition', 'all 200ms ease');
|
|
|
|
}
|
2019-08-17 22:49:34 +02:00
|
|
|
&.sub {
|
|
|
|
@media screen and (max-width: $mobile-limit) {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|
2018-11-24 10:57:52 +01:00
|
|
|
}
|
|
|
|
li a {
|
|
|
|
border: none;
|
|
|
|
display: block;
|
|
|
|
white-space: nowrap;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
overflow: hidden;
|
|
|
|
color: $primary-color;
|
|
|
|
}
|
2015-05-11 17:15:27 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
#sidepage ul#sidepage-menu li {
|
|
|
|
position: relative;
|
2018-11-24 10:57:52 +01:00
|
|
|
line-height: $sidepage-icon-width * 2 / 3;
|
2015-05-11 17:15:27 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
ul#sidepage-menu li a {
|
2018-11-24 10:57:52 +01:00
|
|
|
background: transparent no-repeat $sidepage-icon-width / 2 - 12px 50%;
|
|
|
|
padding: 5px 0 5px $sidepage-icon-width + 1px;
|
2015-05-11 17:15:27 +02:00
|
|
|
}
|
|
|
|
|
2018-11-24 10:57:52 +01:00
|
|
|
#sidepage ul#sidepage-menu li:hover a,
|
2015-05-11 17:15:27 +02:00
|
|
|
#sidepage ul#sidepage-menu .active a {
|
2018-11-24 10:57:52 +01:00
|
|
|
color: darken($primary-color, 30%);
|
|
|
|
filter: none;
|
2015-05-11 17:15:27 +02:00
|
|
|
}
|
|
|
|
|
2018-11-24 10:57:52 +01:00
|
|
|
#sidepage ul#sidepage-menu li:hover,
|
2015-05-11 17:15:27 +02:00
|
|
|
#sidepage ul#sidepage-menu li.active,
|
|
|
|
#sidepage ul#sidepage-menu li.active:hover {
|
2018-11-24 10:57:52 +01:00
|
|
|
&::after {
|
|
|
|
content: "";
|
|
|
|
display: block;
|
|
|
|
width: 7px;
|
|
|
|
height: 7px;
|
|
|
|
background: white;
|
|
|
|
position: absolute;
|
|
|
|
right: -3px;
|
|
|
|
top: $sidepage-icon-width / 2 - 3px;
|
|
|
|
transform: rotate(45deg);
|
|
|
|
}
|
2015-05-11 17:15:27 +02:00
|
|
|
}
|
|
|
|
|
2017-09-05 23:07:30 +02:00
|
|
|
@media screen and (max-width: $mobile-limit) {
|
|
|
|
#sidepage {
|
|
|
|
@include vendor-prefix('transition', 'height 400ms ease-in');
|
2018-11-24 10:57:52 +01:00
|
|
|
height: $header-height;
|
2017-09-05 23:07:30 +02:00
|
|
|
width: 100%;
|
|
|
|
overflow: hidden;
|
|
|
|
span#applabel::before {
|
|
|
|
content: "\f0c9"; /* fa-bars */
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
}
|
2018-03-10 14:55:52 +01:00
|
|
|
body.sidepage-expanded #sidepage {
|
2017-09-05 23:07:30 +02:00
|
|
|
height: 100%;
|
|
|
|
width: 100%;
|
|
|
|
span#applabel::before {
|
|
|
|
content: "\f00d"; /* fa-times */
|
|
|
|
}
|
|
|
|
}
|
2018-03-11 11:05:28 +01:00
|
|
|
body[data-has-sidepage] #main,
|
2018-03-10 14:55:52 +01:00
|
|
|
body.sidepage-expanded #main {
|
2017-09-05 23:07:30 +02:00
|
|
|
margin-left: 0;
|
|
|
|
}
|
|
|
|
#sidepage ul#sidepage-menu li {
|
|
|
|
float: left;
|
|
|
|
width: 50%;
|
|
|
|
a {
|
|
|
|
padding: 4ex 1ex 1ex 1ex;
|
|
|
|
text-align: center;
|
|
|
|
background-position: 50% 1ex;
|
|
|
|
}
|
|
|
|
&::after {
|
|
|
|
@include vendor-prefix('transition', 'none');
|
|
|
|
}
|
|
|
|
&.active::after {
|
|
|
|
content: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2015-06-10 14:26:59 +02:00
|
|
|
#gadjo-ajax-error {
|
|
|
|
position: fixed;
|
|
|
|
right: 1em;
|
|
|
|
bottom: 1em;
|
|
|
|
max-width: 30em;
|
|
|
|
background: rgb(255, 34, 34) none repeat scroll 0% 0%;
|
|
|
|
padding: 1ex;
|
|
|
|
font-weight: bold;
|
|
|
|
color: white;
|
|
|
|
border: 1px solid red;
|
|
|
|
box-shadow: 0px 0px 4px red;
|
|
|
|
border-radius: 2px;
|
|
|
|
}
|
|
|
|
|
2015-11-18 19:15:21 +01:00
|
|
|
div.old-ie-warning {
|
|
|
|
background: #ffd800;
|
|
|
|
padding: 1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
div.old-ie-warning p {
|
|
|
|
margin: 0;
|
|
|
|
line-height: 150%;
|
|
|
|
}
|
|
|
|
|
2018-11-24 10:57:52 +01:00
|
|
|
$string-color: str-slice($primary-color + '', 2);
|
|
|
|
|
2019-08-17 22:49:34 +02:00
|
|
|
$appicons: add, announces, book, calendar, cards, categories, clock, counter, data, facturier, forms, gis, grid, home, mail, management, organizational-units, passerelle, password, phone, portal, portal-agent, porte-doc, roles, security, services, settings, statistics, studio, submission, system, texts, theme, users, workflows;
|
2018-03-04 18:52:31 +01:00
|
|
|
|
|
|
|
@each $appicon in $appicons {
|
2018-11-24 10:57:52 +01:00
|
|
|
ul#sidepage-menu li a.icon-#{$appicon} { background-image: url(icons/#{$appicon}.small.#{$string-color}.png); }
|
2018-03-04 18:52:31 +01:00
|
|
|
ul.apps li.icon-#{$appicon} a { background-image: url(icons/#{$appicon}.large.png); }
|
|
|
|
ul.apps li.icon-#{$appicon} a:hover { background-image: url(icons/#{$appicon}.large-hover.png); }
|
|
|
|
}
|
2016-02-08 15:26:50 +01:00
|
|
|
|
|
|
|
@media print {
|
2016-08-30 17:21:08 +02:00
|
|
|
div#top,
|
2016-02-08 15:26:50 +01:00
|
|
|
span#breadcrumb,
|
2016-08-30 17:21:08 +02:00
|
|
|
div#header,
|
2016-02-08 15:26:50 +01:00
|
|
|
#sidepage-menu {
|
|
|
|
display: none;
|
|
|
|
}
|
2018-03-10 14:55:52 +01:00
|
|
|
body.sidepage-expanded #main { margin: 0; }
|
2016-02-08 15:26:50 +01:00
|
|
|
|
|
|
|
div#header h1 {
|
|
|
|
text-shadow: none;
|
|
|
|
}
|
|
|
|
}
|
2016-05-28 14:40:10 +02:00
|
|
|
|
2017-01-31 11:42:16 +01:00
|
|
|
#appbar {
|
2018-08-16 13:36:20 +02:00
|
|
|
position: relative;
|
|
|
|
& > a {
|
|
|
|
position: relative;
|
|
|
|
top: -45px;
|
|
|
|
float: right;
|
|
|
|
margin-left: 2em;
|
|
|
|
}
|
|
|
|
span.actions {
|
|
|
|
position: absolute;
|
2018-11-24 10:57:52 +01:00
|
|
|
bottom: 0px;
|
2018-08-16 13:36:20 +02:00
|
|
|
right: 0;
|
|
|
|
a {
|
|
|
|
float: right;
|
|
|
|
margin-left: 2em;
|
|
|
|
}
|
|
|
|
}
|
2018-11-24 10:57:52 +01:00
|
|
|
& > a,
|
|
|
|
span.actions > a {
|
|
|
|
@extend %button;
|
|
|
|
&.disabled {
|
|
|
|
border-color: #aaa;
|
|
|
|
color: #aaa;
|
|
|
|
background: #eee;
|
|
|
|
pointer-events: none;
|
|
|
|
&:hover {
|
|
|
|
background: #eee;
|
|
|
|
color: #aaa;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
border-radius: 3px 3px 0 0;
|
|
|
|
span.actions a.extra-actions-menu-opener,
|
|
|
|
a.extra-actions-menu-opener {
|
|
|
|
border: 1px solid transparent;
|
|
|
|
color: $primary-color;
|
2017-01-31 11:42:16 +01:00
|
|
|
&::before {
|
2018-11-24 10:57:52 +01:00
|
|
|
border-radius: 3px;
|
2017-01-31 11:42:16 +01:00
|
|
|
cursor: pointer;
|
|
|
|
content: "\f142"; /* ellipsis-v */
|
|
|
|
font-family: FontAwesome;
|
|
|
|
border-bottom: 0;
|
|
|
|
position: relative;
|
|
|
|
z-index: 200;
|
|
|
|
top: 2px;
|
|
|
|
}
|
2018-11-24 10:57:52 +01:00
|
|
|
&.open, &.open:hover {
|
|
|
|
background: $primary-color;
|
|
|
|
color: white;
|
|
|
|
border: 1px solid transparent;
|
|
|
|
border-radius: 3px 3px 0 0;
|
2017-01-31 11:42:16 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
.extra-actions-menu {
|
|
|
|
padding: 0px;
|
|
|
|
list-style: none;
|
|
|
|
position: absolute;
|
2018-11-24 10:57:52 +01:00
|
|
|
right: 0px;
|
|
|
|
margin-top: -20px;
|
|
|
|
background: $primary-color;
|
2017-01-31 11:42:16 +01:00
|
|
|
box-shadow: 0px 1px 1px 2px rgba(0, 0, 0, 0.04);
|
|
|
|
z-index: 100;
|
|
|
|
display: none;
|
|
|
|
min-width: 12em;
|
|
|
|
&.open {
|
2018-11-24 10:57:52 +01:00
|
|
|
border-radius: 3px 0 3px 3px;
|
2017-01-31 11:42:16 +01:00
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
li {
|
|
|
|
margin: 0;
|
|
|
|
a {
|
2018-11-24 10:57:52 +01:00
|
|
|
color: white;
|
2017-01-31 11:42:16 +01:00
|
|
|
float: none;
|
|
|
|
display: block;
|
|
|
|
margin: 0;
|
|
|
|
padding: 5px 10px;
|
2018-11-24 10:57:52 +01:00
|
|
|
border: 0;
|
2017-01-31 11:42:16 +01:00
|
|
|
&:hover {
|
2018-11-24 10:57:52 +01:00
|
|
|
background: lighten($primary-color, 20%);
|
2017-01-31 11:42:16 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2018-08-16 13:36:20 +02:00
|
|
|
span.actions {
|
|
|
|
.extra-actions-menu {
|
2018-11-24 10:57:52 +01:00
|
|
|
margin-top: 0px;
|
2018-08-16 13:36:20 +02:00
|
|
|
top: 100%;
|
|
|
|
}
|
|
|
|
}
|
2019-08-17 22:49:34 +02:00
|
|
|
&.highlight {
|
|
|
|
background: linear-gradient(to right, $primary-color 30%, $secondary-color 100%);
|
|
|
|
border-radius: $cell-border-radius;
|
|
|
|
padding: 1rem;
|
|
|
|
padding-bottom: 5px;
|
|
|
|
margin-bottom: 1rem;
|
|
|
|
h2 {
|
|
|
|
color: white;
|
|
|
|
}
|
|
|
|
}
|
2017-01-31 11:42:16 +01:00
|
|
|
}
|
|
|
|
|
2018-02-11 10:42:23 +01:00
|
|
|
div.section {
|
|
|
|
margin: 1em 0;
|
2018-11-24 10:57:52 +01:00
|
|
|
&:first-child {
|
|
|
|
margin-top: 0;
|
|
|
|
}
|
|
|
|
border: 1px solid transparent;
|
|
|
|
border-radius: 3px;
|
|
|
|
background: white;
|
2018-02-11 10:42:23 +01:00
|
|
|
> h2, > h3 {
|
|
|
|
font-weight: normal;
|
|
|
|
font-size: 120%;
|
2018-11-24 10:57:52 +01:00
|
|
|
border-bottom: 1px solid transparent;
|
2018-12-05 07:39:56 +01:00
|
|
|
padding: 1rem 1rem 1rem 1rem;
|
2018-02-11 10:42:23 +01:00
|
|
|
margin-top: 0;
|
|
|
|
margin-bottom: 0;
|
2018-12-05 07:39:56 +01:00
|
|
|
background: $primary-color;
|
|
|
|
background: linear-gradient(to right, $primary-color 30%, $secondary-color 100%);
|
|
|
|
color: white;
|
2018-12-10 13:26:51 +01:00
|
|
|
a {
|
|
|
|
color: white;
|
|
|
|
border-bottom: 1px dotted white;
|
|
|
|
&:hover {
|
|
|
|
border-style: solid;
|
|
|
|
}
|
|
|
|
}
|
2018-02-11 10:42:23 +01:00
|
|
|
}
|
|
|
|
> div, > dl {
|
|
|
|
padding: 1rem;
|
|
|
|
> ul.objects-list {
|
|
|
|
padding-left: 0;
|
|
|
|
}
|
|
|
|
> ul {
|
|
|
|
margin-left: 0;
|
|
|
|
padding-left: 2rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
h4 {
|
|
|
|
padding-bottom: 3px;
|
|
|
|
border-bottom: 1px solid #bcbcbc;
|
|
|
|
}
|
2018-02-11 17:46:51 +01:00
|
|
|
&.foldable {
|
|
|
|
> h2, > h3 {
|
|
|
|
cursor: pointer;
|
|
|
|
&::after {
|
|
|
|
content: "▼";
|
|
|
|
font-size: 80%;
|
|
|
|
text-align: right;
|
|
|
|
float: right;
|
|
|
|
transition: transform ease 0.1s;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
&.folded {
|
|
|
|
> h2, > h3 {
|
|
|
|
border-bottom: none;
|
2018-11-24 10:57:52 +01:00
|
|
|
padding-bottom: 1rem;
|
2018-02-11 17:46:51 +01:00
|
|
|
&::after {
|
|
|
|
transform: rotate(-90deg);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
> div, > dl {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2018-02-11 10:42:23 +01:00
|
|
|
}
|
|
|
|
|
2018-07-17 12:52:42 +02:00
|
|
|
.varname {
|
|
|
|
color: #444;
|
|
|
|
}
|
|
|
|
|
2018-11-24 10:57:52 +01:00
|
|
|
div.cke { // adaptations to ckeditor style
|
|
|
|
box-shadow: none;
|
|
|
|
.cke_top, .cke_bottom {
|
|
|
|
background: #eee;
|
|
|
|
}
|
|
|
|
a.cke_button, span.cke_combo a.cke_combo_button {
|
|
|
|
background: white;
|
|
|
|
&:hover {
|
|
|
|
background: #eee;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
a.cke_button.cke_button_on, span.cke_combo.cke_combo_on a.cke_combo_button {
|
|
|
|
background: #ccc;
|
|
|
|
box-shadow: none;
|
|
|
|
}
|
|
|
|
.cke_toolgroup {
|
|
|
|
background: white;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
div.cke_reset_all .cke_dialog .cke_dialog_body {
|
|
|
|
* {
|
|
|
|
font-family: $font-family;
|
|
|
|
}
|
|
|
|
.cke_dialog_title {
|
|
|
|
background: white;
|
|
|
|
}
|
|
|
|
input.cke_dialog_ui_input_text, input.cke_dialog_ui_input_password, textarea.cke_dialog_ui_input_textarea {
|
|
|
|
box-shadow: none;
|
|
|
|
}
|
|
|
|
.cke_dialog_footer {
|
|
|
|
border: none;
|
|
|
|
background: white;
|
|
|
|
a.cke_dialog_ui_button {
|
|
|
|
@extend %button;
|
|
|
|
box-shadow: none;
|
|
|
|
&:active, &:hover {
|
|
|
|
box-shadow: none;
|
|
|
|
padding: 5px 15px;
|
|
|
|
span {
|
|
|
|
padding: 0 12px;
|
|
|
|
text-shadow: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-05-28 14:40:10 +02:00
|
|
|
@import 'grid';
|
2016-11-20 15:38:33 +01:00
|
|
|
@import 'jqueryui';
|
2016-05-28 14:40:57 +02:00
|
|
|
@import 'forms';
|
2018-11-24 10:57:52 +01:00
|
|
|
@import 'portal';
|
|
|
|
@import 'wcs';
|
|
|
|
@import 'hacks';
|