386 lines
7.0 KiB
SCSS
386 lines
7.0 KiB
SCSS
|
/*
|
||
|
|
To change this license header, choose License Headers in Project Properties.
|
||
|
|
To change this template file, choose Tools | Templates
|
||
|
|
and open the template in the editor.
|
||
|
|
*/
|
||
|
|
/*
|
||
|
|
Created on : 26-Jul-2018, 10:37:38
|
||
|
|
Author : podkrizniku
|
||
|
|
*/
|
||
|
|
|
||
|
|
$control_button_backgorund: white;
|
||
|
|
$control_button_backgorund_hover: $strong_blue_super_light;
|
||
|
|
$control_button_backgorund_active: $strong_blue_very_lighten;
|
||
|
|
$control_button: $strong_blue;
|
||
|
|
|
||
|
|
//language select
|
||
|
|
#language_select {
|
||
|
|
position: absolute;
|
||
|
|
|
||
|
|
z-index: 78;
|
||
|
|
right: 40px;
|
||
|
|
top: 139px;
|
||
|
|
|
||
|
|
font-weight: 500;
|
||
|
|
|
||
|
|
a{
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
|
||
|
|
.flag{
|
||
|
|
height: 14px;
|
||
|
|
width: 24px;
|
||
|
|
margin-right: 7px;
|
||
|
|
|
||
|
|
background-size: 100% 30px;
|
||
|
|
background-position: center;
|
||
|
|
border: 1px $grey_very_light solid;
|
||
|
|
}
|
||
|
|
.flag.slo{
|
||
|
|
background-image: url('../img/flags/flag_slo.svg');
|
||
|
|
}
|
||
|
|
.flag.eng{
|
||
|
|
background-image: url('../img/flags/flag_eng.svg');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/*create new survey button*/
|
||
|
|
#anketa_new_float {
|
||
|
|
margin-left: 10px;
|
||
|
|
width: auto;
|
||
|
|
padding: 0px;
|
||
|
|
span {
|
||
|
|
font-size: 13px;
|
||
|
|
div.buttonwrapper {
|
||
|
|
margin-top: 3px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
#buttonCreate {
|
||
|
|
text-align: center;
|
||
|
|
background-color: $orange;
|
||
|
|
border-radius: 5px;
|
||
|
|
-moz-border-radius: 5px;
|
||
|
|
-webkit-border-radius: 5px;
|
||
|
|
|
||
|
|
transition: 0.1s;
|
||
|
|
|
||
|
|
&:hover {
|
||
|
|
background-color: $orange_lighten;
|
||
|
|
}
|
||
|
|
a {
|
||
|
|
display: inline-block;
|
||
|
|
padding: 10px 14px;
|
||
|
|
color: white;
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: 600;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
/*END create new survey button*/
|
||
|
|
|
||
|
|
/*CONTROL BUTTONS*/
|
||
|
|
/*control button basics*/
|
||
|
|
@mixin control_button {
|
||
|
|
cursor: pointer;
|
||
|
|
float: right;
|
||
|
|
margin-right: 20px;
|
||
|
|
margin-left: 10px;
|
||
|
|
padding: 8px 12px;
|
||
|
|
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: 600;
|
||
|
|
text-align: center;
|
||
|
|
color: $control_button;
|
||
|
|
|
||
|
|
border: 1px $control_button solid;
|
||
|
|
background-color: $control_button_backgorund;
|
||
|
|
border-radius: 5px;
|
||
|
|
-moz-border-radius: 5px;
|
||
|
|
-webkit-border-radius: 5px;
|
||
|
|
}
|
||
|
|
/*control button dropdown arrow*/
|
||
|
|
@mixin control_button_dropdown_arrow {
|
||
|
|
&:after {
|
||
|
|
font-family: $fontawesome;
|
||
|
|
display: inline-block;
|
||
|
|
content: "\f0d7";
|
||
|
|
margin-left: 5px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
/*control dropdown menu show*/
|
||
|
|
@mixin control_dropdown_show {
|
||
|
|
visibility: visible;
|
||
|
|
opacity: 1;
|
||
|
|
-moz-transition-delay: 0s;
|
||
|
|
-o-transition-delay: 0s;
|
||
|
|
-ms-transition-delay: 0;
|
||
|
|
-webkit-transition-delay: 0s;
|
||
|
|
transition-delay: 0s;
|
||
|
|
}
|
||
|
|
/*control dropdown menu basics*/
|
||
|
|
@mixin control_dropdown_menu {
|
||
|
|
visibility: hidden;
|
||
|
|
opacity: 0;
|
||
|
|
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
z-index: 9999;
|
||
|
|
|
||
|
|
width: 160px;
|
||
|
|
margin-top: 12px;
|
||
|
|
padding: 0 10px;
|
||
|
|
|
||
|
|
text-align: left;
|
||
|
|
font-size: 12px;
|
||
|
|
font-weight: 400;
|
||
|
|
|
||
|
|
background-color: white;
|
||
|
|
|
||
|
|
border: 1px solid $strong_blue;
|
||
|
|
-moz-transition-delay: 0.7s;
|
||
|
|
-o-transition-delay: 0.7s;
|
||
|
|
-ms-transition-delay: 0.7s;
|
||
|
|
-webkit-transition-delay: 0.7s;
|
||
|
|
|
||
|
|
transition-delay: 0.7s;
|
||
|
|
ul {
|
||
|
|
li.active {
|
||
|
|
background-color: white;
|
||
|
|
font-weight: 500;
|
||
|
|
}
|
||
|
|
li {
|
||
|
|
.sprites {
|
||
|
|
float: right;
|
||
|
|
margin: 8px 10px 0 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
a {
|
||
|
|
li {
|
||
|
|
color: $strong_blue;
|
||
|
|
}
|
||
|
|
&:hover {
|
||
|
|
li {
|
||
|
|
color: $orange;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/*sort control button*/
|
||
|
|
#sortButton {
|
||
|
|
@include control_button;
|
||
|
|
@include control_button_dropdown_arrow;
|
||
|
|
|
||
|
|
transition: 0.1s;
|
||
|
|
|
||
|
|
&:hover {
|
||
|
|
background-color: $control_button_backgorund_hover;
|
||
|
|
#sortSettings {
|
||
|
|
@include control_dropdown_show;
|
||
|
|
right: 60px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
/*filter control button*/
|
||
|
|
#filterButton {
|
||
|
|
@include control_button;
|
||
|
|
@include control_button_dropdown_arrow;
|
||
|
|
|
||
|
|
transition: 0.1s;
|
||
|
|
|
||
|
|
&:hover {
|
||
|
|
background-color: $control_button_backgorund_hover;
|
||
|
|
#filterSettings {
|
||
|
|
@include control_dropdown_show;
|
||
|
|
right: 210px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
#filterButton.active {
|
||
|
|
background-color: $control_button_backgorund_active;
|
||
|
|
}
|
||
|
|
/*folder control button*/
|
||
|
|
#folderSwitch {
|
||
|
|
@include control_button;
|
||
|
|
right: 375px;
|
||
|
|
|
||
|
|
transition: 0.1s;
|
||
|
|
|
||
|
|
&:hover {
|
||
|
|
background-color: $control_button_backgorund_hover;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
#folderSwitch.active {
|
||
|
|
background-color: $control_button_backgorund_active;
|
||
|
|
}
|
||
|
|
/*sort dropdown menu*/
|
||
|
|
#sortSettings {
|
||
|
|
@include control_dropdown_menu;
|
||
|
|
}
|
||
|
|
/*filter dropdown menu*/
|
||
|
|
#filterSettings {
|
||
|
|
@include control_dropdown_menu;
|
||
|
|
width: 200px;
|
||
|
|
|
||
|
|
.filter_title{
|
||
|
|
color: $strong_blue;
|
||
|
|
font-weight: 500;
|
||
|
|
line-height: 22px;
|
||
|
|
}
|
||
|
|
label{
|
||
|
|
line-height: 12px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
span#sl_language {
|
||
|
|
padding: 2px 5px;
|
||
|
|
width: auto;
|
||
|
|
display: inline-block;
|
||
|
|
margin: 3px 5px 3px 20px;
|
||
|
|
}
|
||
|
|
/*END CONTROL BUTTONS*/
|
||
|
|
|
||
|
|
/*search settings box*/
|
||
|
|
#searchSettings,
|
||
|
|
#searchLibrarySettings {
|
||
|
|
clear: both;
|
||
|
|
float: left;
|
||
|
|
width: 500px;
|
||
|
|
margin: -50px 0 20px 0;
|
||
|
|
padding: 10px;
|
||
|
|
background-color: $soft_blue_very_lighten;
|
||
|
|
border: 1px solid $soft_blue;
|
||
|
|
span.title {
|
||
|
|
color: $strong_blue;
|
||
|
|
font-weight: 600;
|
||
|
|
font-size: 13px;
|
||
|
|
}
|
||
|
|
p {
|
||
|
|
margin: 10px 0 12px 10px !important;
|
||
|
|
padding: 0 !important;
|
||
|
|
}
|
||
|
|
input[type="text"] {
|
||
|
|
padding: 2px 4px;
|
||
|
|
}
|
||
|
|
input[type="submit"] {
|
||
|
|
padding: 2px 4px;
|
||
|
|
}
|
||
|
|
input[type="text"]#searchMySurveyText {
|
||
|
|
width: 200px;
|
||
|
|
font-size: 12px;
|
||
|
|
padding: 2px 5px;
|
||
|
|
}
|
||
|
|
span.link{
|
||
|
|
float: left;
|
||
|
|
margin-top: 20px;
|
||
|
|
|
||
|
|
font-weight: 500;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
#searchLibrarySettings {
|
||
|
|
margin: 0 0 20px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*FOLDER CONTROLLER*/
|
||
|
|
.folder_holder.level1 {
|
||
|
|
margin-top: 35px;
|
||
|
|
}
|
||
|
|
.folder_holder {
|
||
|
|
.folder_content {
|
||
|
|
margin-left: 20px;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.folder_content.closed {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.folder_content.subfolder {
|
||
|
|
margin-bottom: 5px;
|
||
|
|
}
|
||
|
|
.folder_title {
|
||
|
|
//display: table-cell;
|
||
|
|
padding: 4px;
|
||
|
|
border: 1px solid transparent;
|
||
|
|
margin: 15px 0 15px 0;
|
||
|
|
font-size: 12px;
|
||
|
|
font-weight: 600;
|
||
|
|
//color: $strong_blue;
|
||
|
|
a {
|
||
|
|
vertical-align: 0px;
|
||
|
|
span {
|
||
|
|
vertical-align: middle;
|
||
|
|
&:before {
|
||
|
|
display: table-cell;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
span {
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.folder_title_text {
|
||
|
|
margin-left: 5px;
|
||
|
|
a {
|
||
|
|
//color: inherit;
|
||
|
|
cursor: text;
|
||
|
|
&:hover {
|
||
|
|
color: $strong_blue;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
input[type="text"] {
|
||
|
|
font-size: 12px;
|
||
|
|
padding: 2px 3px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.map_holder_control {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
&:hover {
|
||
|
|
.map_holder_control {
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
span.folder_blue {
|
||
|
|
cursor: move;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
#folder_content_0 {
|
||
|
|
padding-bottom: 50px;
|
||
|
|
}
|
||
|
|
table#surveyList_new {
|
||
|
|
margin-bottom: 20px;
|
||
|
|
tr.anketa_list {
|
||
|
|
td.col3 {
|
||
|
|
cursor: move;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.folderhover{
|
||
|
|
background-color: $orange_super_lighten !important;
|
||
|
|
border: 1px solid $orange_lighten !important;
|
||
|
|
border-radius: 5px 5px 5px 5px;
|
||
|
|
}
|
||
|
|
.mySurvey_draggable_helper {
|
||
|
|
.map_holder_control {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
cursor: move;
|
||
|
|
td {
|
||
|
|
display: none;
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
td.col3 {
|
||
|
|
display: inline-block;
|
||
|
|
border: 0 !important;
|
||
|
|
}
|
||
|
|
span.minus {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
span.map_holder_control {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
/*END FOLDER CONTROLLER*/
|