703 lines
13 KiB
SCSS
703 lines
13 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 : 21-Sep-2018
|
|
Author : Peter Hrvatin
|
|
*/
|
|
|
|
/* icons */
|
|
|
|
span.faicon.plus::before{
|
|
content: "\f067";
|
|
}
|
|
span.faicon.minus::before{
|
|
content: "\f068";
|
|
}
|
|
|
|
// Kljukica
|
|
span.faicon.success::before,
|
|
span.circle-check::before{
|
|
content: "\f058";
|
|
}
|
|
span.faicon.close::before{
|
|
font-size: 18px;
|
|
font-weight: 400;
|
|
content: "\f057";
|
|
}
|
|
span.faicon.dropdown_blue::before{
|
|
font-size: 16px;
|
|
content: "\f13a";
|
|
}
|
|
span.faicon.dropup_blue::before{
|
|
font-size: 16px;
|
|
content: "\f139";
|
|
}
|
|
span.faicon.arrow_back::before{
|
|
font-weight: 600;
|
|
font-size: 16px;
|
|
content: "\f137";
|
|
}
|
|
|
|
span.faicon.add::before{
|
|
font-size: 18px;
|
|
content: "\f055";
|
|
}
|
|
|
|
span.faicon.remove::before{
|
|
font-size: 18px;
|
|
content: "\f056";
|
|
}
|
|
|
|
span.faicon.delete::before{
|
|
font-size: 18px;
|
|
font-weight: 400;
|
|
content: "\f2ed";
|
|
}
|
|
span.faicon.anketa_delete::before{
|
|
font-size: 24px;
|
|
font-weight: 400;
|
|
content: "\f2ed";
|
|
}
|
|
|
|
span.faicon.copy::before{
|
|
font-size: 18px;
|
|
content: "\f0c5";
|
|
font-weight: 400;
|
|
}
|
|
span.faicon.anketa_copy::before{
|
|
font-size: 24px;
|
|
content: "\f0c5";
|
|
font-weight: 400;
|
|
}
|
|
|
|
span.faicon.export::before{
|
|
font-size: 24px;
|
|
content: "\f56e";
|
|
}
|
|
|
|
span.faicon.file-import::before{
|
|
content: "\f56f";
|
|
transform: scaleX(-1);
|
|
}
|
|
|
|
span.faicon.import::before{
|
|
font-size: 24px;
|
|
font-weight: 400;
|
|
content: "\f1c2";
|
|
}
|
|
/*span.faicon.import::after{
|
|
font-size: 14px;
|
|
content: "\f061";
|
|
display: inline-block;
|
|
}*/
|
|
|
|
|
|
|
|
|
|
span.faicon.library::before{
|
|
font-size: 24px;
|
|
content: "\f518";
|
|
}
|
|
|
|
span.faicon.folder::before{
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
content: "\f07b";
|
|
}
|
|
span.faicon.folder_empty::before{
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
content: "\f07b";
|
|
}
|
|
|
|
span.faicon.after.sort_down_arrow::after{
|
|
content: "\f0d7";
|
|
margin-left: 5px;
|
|
}
|
|
span.faicon.after.sort_up_arrow::after{
|
|
content: "\f0d8";
|
|
margin-left: 5px;
|
|
}
|
|
|
|
span.faicon.info::before{
|
|
font-size: 28px;
|
|
content: "\f05a";
|
|
vertical-align: middle;
|
|
}
|
|
|
|
span.faicon.pagination_left::before{
|
|
margin: 0 1px 0 1px;
|
|
content: "\f104";
|
|
}
|
|
span.faicon.pagination_right::before{
|
|
margin: 0 0 0 1px;
|
|
content: "\f105";
|
|
}
|
|
|
|
span.faicon.edit::before,
|
|
span.faicon.edit2::before{
|
|
content: "\f304";
|
|
}
|
|
|
|
span.faicon.refresh::before{
|
|
font-size: 18px;
|
|
content: "\f2f1";
|
|
}
|
|
|
|
span.faicon.filter::before{
|
|
font-size: 18px;
|
|
content: "\f0b0";
|
|
}
|
|
|
|
span.faicon.grip::before{
|
|
content: "\f58e";
|
|
}
|
|
|
|
span.faicon.star::before,
|
|
span.faicon.star_off::before{
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
content: "\f005";
|
|
}
|
|
span.faicon.star_on::before{
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
content: "\f005";
|
|
}
|
|
|
|
span.faicon.search::before{
|
|
font-size: 20px;
|
|
content: "\f002";
|
|
}
|
|
span.faicon.clipboard_notes::before{
|
|
font-size: 20px;
|
|
content: "\f46d";
|
|
}
|
|
span.faicon.help2::before{
|
|
font-size: 20px;
|
|
content: "\f059";
|
|
}
|
|
span.faicon.user::before{
|
|
font-size: 18px;
|
|
content: "\f007";
|
|
}
|
|
span.faicon.logout::before{
|
|
font-size: 20px;
|
|
content: "\f2f5";
|
|
}
|
|
|
|
.faicon.monitor::before{
|
|
content: "\f108";
|
|
}
|
|
.faicon.mobile::before{
|
|
content: "\f3cd";
|
|
}
|
|
.faicon.tablet::before{
|
|
content: "\f3fa";
|
|
}
|
|
span.faicon.users::before{
|
|
content: "\f500";
|
|
}
|
|
span.faicon.lock_open::before{
|
|
content: "\f3c1";
|
|
}
|
|
span.faicon.lock_close::before{
|
|
content: "\f023";
|
|
}
|
|
|
|
span.faicon.bottom_saving::before{
|
|
font-size: 24px;
|
|
font-weight: 400;
|
|
content: "\f0c7";
|
|
}
|
|
span.faicon.bottom_publish::before{
|
|
font-size: 24px;
|
|
content: "\f093";
|
|
}
|
|
span.faicon.bottom_preview{
|
|
width: 20px;
|
|
}
|
|
span.faicon.bottom_preview::before{
|
|
font-size: 24px;
|
|
font-weight: 400;
|
|
content: "\f15b";
|
|
}
|
|
span.faicon.bottom_preview::after{
|
|
font-size: 14px;
|
|
content: "\f002";
|
|
display: inline-block;
|
|
margin-left: -70%;
|
|
}
|
|
span.faicon.bottom_test::before{
|
|
font-size: 24px;
|
|
content: "\f492";
|
|
}
|
|
span.faicon.language::before{
|
|
font-size: 24px;
|
|
content: "\f0ac";
|
|
}
|
|
span.faicon.mobile_off::before{
|
|
font-size: 24px;
|
|
content: "\f3cd";
|
|
}
|
|
span.faicon.mobile_off::after{
|
|
font-size: 24px;
|
|
content: "\f715";
|
|
margin-left: -23px;
|
|
}
|
|
span.faicon.comments::before{
|
|
content: "\f27a";
|
|
font-weight: 700;
|
|
}
|
|
span.faicon.comments_empty::before{
|
|
content: "\f27a";
|
|
font-weight: 400;
|
|
}
|
|
|
|
@mixin icon_link(){
|
|
content: "\f0c1";
|
|
}
|
|
span.faicon.data_link::before{
|
|
@include icon_link();
|
|
}
|
|
span.faicon.data_link_small::before{
|
|
@include icon_link();
|
|
}
|
|
@mixin icon_print(){
|
|
content: "\f02f";
|
|
}
|
|
span.faicon.print::before{
|
|
font-size: 24px;
|
|
@include icon_print();
|
|
}
|
|
span.faicon.print_small::before{
|
|
font-size: 16px;
|
|
@include icon_print();
|
|
}
|
|
@mixin icon_preview_before(){
|
|
font-size: 18px;
|
|
font-weight: 400;
|
|
content: "\f15b";
|
|
}
|
|
@mixin icon_preview_after(){
|
|
content: "\f002";
|
|
display: inline-block;
|
|
font-size: 11px;
|
|
margin-left: -50%;
|
|
}
|
|
span.faicon.preview{
|
|
width: 18px;
|
|
}
|
|
span.faicon.preview::before{
|
|
@include icon_preview_before();
|
|
}
|
|
span.faicon.preview::after{
|
|
@include icon_preview_after();
|
|
}
|
|
span.faicon.palette::before{
|
|
font-size: 18px;
|
|
content: "\f53f";
|
|
}
|
|
span.faicon.inline_comment::before{
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
content: "\f075";
|
|
}
|
|
span.faicon.inline_double_comment::before{
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
content: "\f086";
|
|
}
|
|
span.faicon.comments_creport::before{
|
|
font-size: 16px;
|
|
content: "\f086";
|
|
}
|
|
span.faicon.compress::before{
|
|
font-size: 15px;
|
|
content: "\f066";
|
|
}
|
|
span.faicon.expand::before{
|
|
font-size: 15px;
|
|
content: "\f065";
|
|
}
|
|
span.faicon.hashtag::before{
|
|
font-size: 15px;
|
|
content: "\f292";
|
|
}
|
|
span.faicon.bug::before{
|
|
font-size: 15px;
|
|
content: "\f188";
|
|
}
|
|
span.faicon.paragraph::before{
|
|
font-size: 15px;
|
|
content: "\f1dd";
|
|
}
|
|
span.faicon.replace::before{
|
|
font-size: 15px;
|
|
content: "\f362";
|
|
}
|
|
span.faicon.plus_square::before{
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
content: "\f0fe";
|
|
}
|
|
span.faicon.minus_square::before{
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
content: "\f146";
|
|
}
|
|
span.faicon.delete_circle::before{
|
|
font-size: 14px;
|
|
content: "\f056";
|
|
}
|
|
span.faicon.quick_view::before{
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
content: "\f06e";
|
|
}
|
|
span.faicon.edit_square::before{
|
|
font-size: 15px;
|
|
content: "\f044";
|
|
}
|
|
span.faicon.test::before{
|
|
font-size: 15px;
|
|
content: "\f492";
|
|
}
|
|
@mixin icon_if_add() {
|
|
font-size: 10px;
|
|
font-family: $font_family;
|
|
font-weight: 400;
|
|
&:before{
|
|
background-color: $blue;
|
|
font-weight: 500;
|
|
padding: 2px 4px;
|
|
color: white;
|
|
content: "IF";
|
|
}
|
|
&:hover{
|
|
&:before{
|
|
background-color: $dark-blue;
|
|
}
|
|
}
|
|
}
|
|
a.faicon.if_add{
|
|
@include icon_if_add();
|
|
}
|
|
span.faicon.if_add{
|
|
@include icon_if_add();
|
|
}
|
|
span.faicon.text_file::before{
|
|
content: "\f15c";
|
|
}
|
|
span.faicon.text_file_small {
|
|
height: 20px;
|
|
vertical-align: middle;
|
|
&:before{
|
|
font-size: 18px;
|
|
font-weight: 400;
|
|
content: "\f15c";
|
|
}
|
|
}
|
|
span.faicon.warning::before{
|
|
font-size: 16px;
|
|
content: "\f071";
|
|
}
|
|
span.faicon.users_small::before{
|
|
font-size: 16px;
|
|
content: "\f0c0";
|
|
}
|
|
|
|
span.faicon.popup_0::before{
|
|
font-size: 14px;
|
|
content: "\f065";
|
|
color: $blue;
|
|
}
|
|
span.faicon.popup_1::before{
|
|
font-size: 14px;
|
|
content: "\f065";
|
|
color: $dark-blue;
|
|
}
|
|
span.faicon.flat_0::before{
|
|
font-size: 14px;
|
|
content: "\f03c";
|
|
color: $dark-blue;
|
|
}
|
|
span.faicon.flat_1::before{
|
|
font-size: 14px;
|
|
content: "\f03c";
|
|
color: $blue;
|
|
}
|
|
span.basic-icon.spss::before{
|
|
content: "Σ";
|
|
line-height: 26px;
|
|
|
|
vertical-align: bottom;
|
|
font-size: 30px !important;
|
|
font-weight: bold;
|
|
}
|
|
|
|
span.faicon.external_link::before{
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
content: "\f35d";
|
|
}
|
|
span.faicon.cog_large::before{
|
|
font-size: 34px;
|
|
font-weight: 600;
|
|
content: "\f013";
|
|
}
|
|
span.faicon.chart_large::before{
|
|
font-size: 34px;
|
|
font-weight: 600;
|
|
content: "\f201";
|
|
}
|
|
span.faicon.reload_large::before{
|
|
font-size: 34px;
|
|
font-weight: 600;
|
|
content: "\f021";
|
|
}
|
|
|
|
span.faicon.chart::before{
|
|
content: "\f080";
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
}
|
|
span.faicon.data::before{
|
|
content: "\f1c0";
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
}
|
|
span.faicon.publish::before{
|
|
content: "\f093";
|
|
font-size: 16px;
|
|
}
|
|
span.faicon.test::before{
|
|
content: "\f492";
|
|
font-size: 16px;
|
|
}
|
|
|
|
|
|
/* CALENDAR */
|
|
span.faicon.calendar_icon::before,
|
|
button.ui-datepicker-trigger::before{
|
|
font-family: $fontawesome;
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
content: "\f073";
|
|
}
|
|
|
|
/* ARROWS */
|
|
span.faicon.arrow_up::before{
|
|
font-size: 14px;
|
|
content: "\f062";
|
|
}
|
|
span.faicon.arrow2_r::before{
|
|
font-size: 14px;
|
|
content: "\f054";
|
|
}
|
|
span.faicon.arrow2_l::before{
|
|
font-size: 14px;
|
|
content: "\f053";
|
|
}
|
|
span.faicon.arrow2_d::before{
|
|
font-size: 14px;
|
|
content: "\f078";
|
|
}
|
|
span.faicon.arrow2_u::before{
|
|
font-size: 14px;
|
|
content: "\f077";
|
|
}
|
|
|
|
span.faicon.arrow_large2_r::before{
|
|
font-size: 35px;
|
|
content: "\f054";
|
|
}
|
|
span.faicon.arrow_large2_l::before{
|
|
font-size: 35px;
|
|
content: "\f053";
|
|
}
|
|
|
|
span.faicon.arrow_verylarge2_r::before{
|
|
font-size: 40px;
|
|
content: "\f054";
|
|
}
|
|
span.faicon.arrow_verylarge2_l::before{
|
|
font-size: 40px;
|
|
content: "\f053";
|
|
}
|
|
|
|
span.faicon.sort_descending::before{
|
|
font-size: 14px;
|
|
content: "\f0d7";
|
|
}
|
|
span.faicon.sort_ascending::before{
|
|
font-size: 14px;
|
|
content: "\f0d8";
|
|
}
|
|
|
|
|
|
/* Plus/minus sqare */
|
|
span.folder_plusminus {
|
|
text-indent: 0px !important;
|
|
font-style: normal !important;
|
|
}
|
|
span.faicon.plus_orange::before{
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
content: "\f0fe";
|
|
}
|
|
span.faicon.minus_orange::before{
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
content: "\f146";
|
|
}
|
|
|
|
|
|
/* Spinner */
|
|
span.faicon.spinner::before{
|
|
font-size: 18px;
|
|
//content: "\f110";
|
|
content: "\f1ce";
|
|
}
|
|
|
|
|
|
/* Bars - mobile menu */
|
|
span.faicon.bars::before{
|
|
font-size: 26px;
|
|
content: "\f0c9";
|
|
}
|
|
|
|
|
|
|
|
// Ključavnica
|
|
span.faicon.lock_open::before{
|
|
content: "\f3c1";
|
|
}
|
|
span.faicon.lock_close::before{
|
|
content: "\f023";
|
|
}
|
|
|
|
// Zvonec (notification)
|
|
span.faicon.bell::before{
|
|
content: "\f0f3";
|
|
}
|
|
|
|
span.faicon.bell_slash::before{
|
|
content: "\f1f6";
|
|
}
|
|
|
|
// Izbris (delete)
|
|
span.faicon.trash::before{
|
|
content: "\f2ed";
|
|
}
|
|
|
|
// Kopiranje
|
|
span.faicon.copy::before{
|
|
content: "\f0c5";
|
|
}
|
|
|
|
// Plus, minus, krogi
|
|
span.faicon.circle::before{
|
|
content: "\f111";
|
|
vertical-align: middle;
|
|
}
|
|
|
|
span.faicon.plus::before{
|
|
content: "\f067";
|
|
}
|
|
|
|
span.faicon.plus_circle::before{
|
|
content: "\f055";
|
|
}
|
|
|
|
span.faicon.minus_circle::before{
|
|
content: "\f056";
|
|
}
|
|
|
|
// Koledar
|
|
span.faicon.calendar_icon::before{
|
|
content: "\f073";
|
|
}
|
|
|
|
//Clipboard
|
|
span.faicon.clipboard::before{
|
|
content: "\f328";
|
|
}
|
|
|
|
//List
|
|
span.faicon.list-alt::before{
|
|
content: "\f022";
|
|
}
|
|
|
|
//Glasovanje
|
|
span.faicon.vote-yes::before{
|
|
content: "\f772";
|
|
}
|
|
|
|
//Preview
|
|
span.faicon.file-preview::before{
|
|
content: "\f865";
|
|
}
|
|
|
|
// 3 pikice
|
|
span.faicon.dots::before{
|
|
content: "\f141";
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
// 3 pikice - navpicne
|
|
span.faicon.dots_ver:before{
|
|
content: "\f142";
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
// Open (new tab)
|
|
span.faicon.open_icon::before,
|
|
a.faicon.open_icon::before{
|
|
content: "\f35d";
|
|
}
|
|
|
|
// Tabela
|
|
span.faicon.table_icon::before{
|
|
content: "\f0ce";
|
|
}
|
|
|
|
// seznam
|
|
span.faicon.list::before{
|
|
content: "\f03a";
|
|
}
|
|
|
|
//Link
|
|
span.faicon.link-chain::before{
|
|
content: "\f0c1";
|
|
}
|
|
|
|
//HTML5
|
|
span.fa-brands.html5::before{
|
|
content: "\f13b";
|
|
}
|
|
|
|
//Stopwatch
|
|
span.faicon.stopwatch20::before{
|
|
content: "\e06f";
|
|
}
|
|
|
|
// Prazen checkbox
|
|
span.faicon.checkbox-empty::before{
|
|
content: "\f0c8";
|
|
font-weight: 400 !important;
|
|
}
|
|
|
|
span.faicon.fa-1::before{
|
|
content: "\31";
|
|
}
|
|
|
|
span.faicon.phone::before{
|
|
content: "\f095";
|
|
}
|