Your IP : 216.73.216.43
/***********************
/* FLEXIcontent base CSS
***********************/
/******************************************
* Flexicontent General Utility CSS Classes
******************************************/
#flexicontent {}
hr.fcclearline {
border: 0;
height: 1px;
background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
margin: 32px 0;
}
.fcclear,
#flexicontent .fcclear,
#flexicontent .clear {
border: 0;
clear: both;
float: none;
font-size: 1px;
height: 0;
line-height: 1px;
margin: 0;
padding: 0;
visibility: hidden;
}
#flexicontent .floattext {
display: block;
margin: 0 0 0.5em; /* safari */
}
#flexicontent .fcright {
float: left;
margin-right: 8px;
}
#flexicontent .fcleft {
float: right;
margin-left: 8px;
}
#flexicontent .fceven {
/*background-color: #e7e7e7;*/
}
#flexicontent .fcodd {
/*background-color: #f2f2f2;*/
}
/**********************************************************************
* FLEXIcontent buttons for links: print, pdf, email, rss, approval etc
**********************************************************************/
#flexicontent .buttons.fc-iblock {
display: inline-block;
float: none;
}
#flexicontent .buttons {
display: inline-block;
margin: 0px;
padding: 0px;
float: left; /* TODO do remove this, using an alternative */
position: relative; /* needed for absolute placed elements inside */
}
#flexicontent .buttons.fcleft {
float: right;
}
#flexicontent .buttons.fcright {
float: left;
}
#flexicontent .buttons:not(.fcright) ul.statetoggler > li.topLevel > .options,
#flexicontent .buttons.fcleft ul.statetoggler > li.topLevel > .options,
#flexicontent .buttons:not(.fcright) ul.dropdown-menu,
#flexicontent .buttons.fcleft ul.dropdown-menu {
right: auto;
left: 0;
}
#flexicontent .buttons.fcright ul.dropdown-menu,
#flexicontent .buttons.fcright ul.statetoggler > li.topLevel > .options {
right: 0;
left: auto;
}
#flexicontent .buttons.btn-group > ul.statetoggler {
margin-right: 8px;
}
#flexicontent .buttons > a > i {
vertical-align: middle;
font-size: 14px;
margin: 0;
}
#flexicontent .buttons > a > i.fcIconPadRight {
margin: 0 8px 0 0;
}
#flexicontent .buttons > a:not(.btn) {
line-height: 2em;
font-size: 14px;
color: black;
background-color: #eeeeee;
background: linear-gradient(to bottom,#eeeeee,#dddddd);
border-radius: 4px;
border: 1px solid #cccccc;
padding: 0px 8px;
vertical-align: top;
display: inline-block;
}
#flexicontent .buttons > a:not(.btn):hover {
background-color: #dddddd;
background: linear-gradient(to bottom,#dddddd,#cccccc);
border: 1px solid #bbbbbb;
}
#flexicontent .fc_editbutton,
#flexicontent .buttons > a {
text-decoration: none;
}
#flexicontent .fc_editbutton > img,
#flexicontent .buttons > a > img {
border: none;
vertical-align: top;
margin: 1px 6px 0px 0px;
}
#flexicontent .fc_editbutton > img {
margin-top: 0px;
}
.fc_comments_count {
background: url(../images/comments.png) no-repeat;
color: green;
padding-right: 20px;
height: 16px;
margin: 5px 5px 0px 0px;
float: right;
}
.fc_comments_count_nopad {
background: url(../images/comments.png) no-repeat;
color: green;
padding-right: 20px;
height: 16px;
margin: 0px 5px 0px 0px;
float: right;
}
.fc_edit_link {
float: right;
margin: 5px 0px 0px 0px;
}
.fc_edit_link_nopad {
float: right;
margin: 0px 0px 0px 0px;
}
.fc_delete_link,
.fc_state_toggle_link {
float: right;
margin: 5px 0px 0px 5px;
}
.fc_state_toggle_link_nopad {
float: right;
margin: 0px 0px 0px 0px;
}
.contentheading {
display: inline-block;
margin: 2px 6px;
}
/**********************************
* FLEXIcontent headlines and title
**********************************/
#flexicontent .fc_item_title,
#flexicontent .fc_item_title a {
text-decoration: none;
}
#flexicontent .fc_item_title img {
border: none;
}
/*****************
* Pagination CSS
*****************
* NOTE: WE AVOID setting styling here to allow Joomla templates to style the pagination area
*/
#flexicontent .pagination {}
#flexicontent ul.pagination-list {}
#flexicontent ul.pagination-list > li a {}
#flexicontent .counter {}
/****************************
* FLEXIcontent category view
****************************/
#flexicontent .catimg {
float: right;
margin: 0 0.5em 0.5em 0;
position: relative;
}
#flexicontent .catimg p {
font-size: 0.9em;
line-height: 180%;
margin: 0 0 0.5em 0;
}
#flexicontent .catimg img {
padding: 1px;
border: 1px solid lightgray;
border-radius: 5px;
}
#flexicontent .catdescription {
margin: 0 0 0.5em 0;
}
#flexicontent .subcategorieslabel,
#flexicontent .peercategorieslabel {
display: inline-block;
margin: 0px 0px 6px;
font-weight: bold;
border-bottom: 1px dashed gray;
}
#flexicontent .subcategorieslist,
#flexicontent .peercategorieslist {
margin: 0 0 1em 0;
}
#flexicontent .subcat,
#flexicontent .peercat {
margin: 0px;
}
/*********************
* FLEXIcontent Tables
*********************/
div table.adminform {
font-size: 11px;
background-color: #FFFFFF;
border: 1px solid #D5D5D5;
border-collapse: collapse;
margin: 8px 0 15px;
width: 100%;
}
div table.adminform td {
font-size: 11px;
padding: 2px 2px;
text-align: right;
border: 0px solid;
}
#flexicontent table.flexitable {
border: 1px solid #e5e5e5;
border-collapse: collapse;
clear: both;
font-size: 1em;
margin: 1em 1px;
width: 99%;
}
#flexicontent table.flexitable th {
background-color: #efefef;
border-bottom: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
color: #000000;
font-weight: bold;
font-size: 11px;
padding: 0.4em;
text-align: right;
}
#flexicontent table.flexitable th.table-titles {
background-color: inherit;
font-weight: normal;
}
#flexicontent table.flexitable th img {
border: none;
margin: 0 0 5px 5px;
vertical-align: middle;
}
#flexicontent table.flexitable td {
border-bottom: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
padding: 0.4em;
vertical-align: top;
}
#flexicontent table.flexitable tr.sectiontableentry2 td {
background: #f4f4f4;
}
#flexicontent table.flexitable tr:hover td,
#flexicontent table.flexitable tr:hover th {
background: #f8f8f8;
}
/********************************************************************************************************
* Frontend templates, FORM CSS for: SEARCH/FILTER/ALPHA-INDEX/SELECTORS(e.g. per page, orderby) FORM CSS
********************************************************************************************************/
.fcfilter_form_outer > div > .panel > .title a {
color: unset;
}
.fcfilter_form_outer > div > .panel > .title {
background-color: #dddddd;
background: url('../images/search.png') no-repeat 2px 5px, linear-gradient(to bottom,#eeeeee,#dddddd);
border: 1px solid lightgray;
border-radius: 4px;
padding: 4px 4px 4px 25px;
cursor: pointer;
-webkit-touch-callout: none;
user-select: none;
}
.fcfilter_form_outer > div > .panel > .title:hover {
background-color: #cccccc;
background: url('../images/toggle_blue.png') no-repeat 2px 5px, linear-gradient(to bottom,#dddddd,#cccccc);
}
.fcfilter_form_outer > div > .panel > .pane-slider.content {
margin: 12px 0px;
padding: 0px 0px;
}
/***************/
/* Alpha Index */
/***************/
/* Top Container */
#fc_alpha {
clear: both;
float: right;
margin: 0 0 12px 0;
overflow: hidden;
width: 100%;
}
/* A group of alpha-index character elements */
#fc_alpha .aichargrp {
clear: both;
float: right;
right: 50%;
margin-bottom: 5px;
margin-right: auto;
margin-left: auto;
position: relative;
}
/* Default groups of alpha-index character elements */
#fc_alpha .letters, #fc_alpha .numbers {
}
/* An enabled individual alpha-index character element */
#fc_alpha .fc_alpha_index {
background: #efefef;
border: 1px solid #c0c0c0;
border-radius: 5px;
float: right;
margin-left: 2px;
padding: 6px;
position: relative;
left: 50%;
text-decoration: none;
}
/* A disabled individual alpha-index character element */
#fc_alpha span.fc_alpha_index {
color: #c0c0c0;
}
/* Seperator */
#fc_alpha .fc_alpha_index_sep {
background: none;
border: 0px solid silver;
float: right;
margin-left: 0px;
padding: 1px 0px;
position: relative;
left: 50%;
text-decoration: none;
}
/* The active (selected) individual alpha-index character element */
#fc_alpha .fc_alpha_index.current {
margin-right: 12px;
margin-left: 12px;
color: darkred;
}
/****************************************************/
/* ITEMs TOTAL Container, also contains selectors: */
/* # pages, ordering selector, layout selector, etc */
/****************************************************/
#flexicontent .item_total {
border: 1px solid lightgray;
margin: 0px 0px 12px 0px;
padding: 0px;
width: 100%;
clear: both;
float: right;
box-sizing: border-box;
}
#flexicontent #searchForm .item_total {
margin-top: 24px;
}
#flexicontent .fc_item_total_data.labelclear .flexi.label {
clear: right;
}
#flexicontent .item_total .fc_clayout_box {
margin: 0px 12px 0px 0px;
float: right;
}
#flexicontent .item_total .fc_clayout_box fieldset {
margin-top: 0px;
}
#flexicontent .item_total .fc_clayout_box label {
padding: 1px 2px;
opacity: 0.8;
}
#flexicontent .item_total .fc_clayout_box label:hover {
opacity: 1;
}
#flexicontent .item_total .fc_clayout_box img {
height: 48px;
}
#flexicontent .item_total .fc_item_total_data {
display: inline-block;
float: right;
padding: 6px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}
#flexicontent .item_total .flexi.item_total_label {
display: inline-block;
float: right;
font-weight: bold;
margin-left: 6px;
margin-top: 0px;
}
#flexicontent .fc_limit_selector .flexi.limit_override_label {
display: inline-block;
float: right;
font-weight: bold;
margin-left: 4px;
margin-top: 8px;
}
#flexicontent .item_total .flexi.item_total_value {
display: inline-block;
float: right;
margin-left: 24px;
}
/* Containers of per page limit selector and order by selector */
#flexicontent .item_total .fc_limit_box,
#flexicontent .item_total .fc_orderby_box,
#flexicontent .item_total .fc_clayout_box {
display: inline-block;
float: right;
margin-top: 4px;
margin-bottom: 4px;
margin-left: 0px;
}
#flexicontent .item_total .fc_clayout_selector {
display: inline-block;
float: right;
}
#flexicontent .item_total .fc_pages_counter {
display: inline-block;
float: left;
padding: 8px 4px;
}
#flexicontent .item_total .fc_orderby_level_lbl,
#flexicontent .item_total .fc_orderby_selector {
float: none;
margin: 1px 0 0 0;
display: inline-block;
}
/*****************************************************************************/
/* (e) Generic Display of Rendered Field Values, used e.g. by search results */
/*****************************************************************************/
#flexicontent .fc_search_field_container {
display: block;
float: right;
}
#flexicontent .fc_search_field_label {
display: inline-block;
vertical-align: top;
font-size: 90%;
}
#flexicontent .fc_search_field_value {
display: inline-block;
}
/*************************
* FLEXIcontent Favourites
*************************/
.favlink {
outline: none;
}
.fav-block {
--fcfavs-color-primary: #005AF0;
--fcfavs-color-text-light: #fff;
--fcfavs-color-bg-light: #FAFAFC;
--fcfavs-space-1: .5rem;
--fcfavs-space-2: 1rem;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
position: relative;
padding-top: 2px;
line-height: 100%;
* {
line-height: 100%;
}
.fcfavs-loading,
.fcfavs-result-mssg,
.fcfavs-responce-tip,
.fcfavs-is-subscriber,
.fcfavs-isnot-subscriber {
display: inline-flex;
margin-left: 4px;
height: auto;
}
.fcfavs-loading,
.fcfavs-result-mssg {
position: relative;
top:0;
left:0;
}
.fcfavs-result-mssg {
min-width: 220px;
}
.fcfavs-icon_box {
display: inline-flex;
line-height: 100%;
* {
line-height: 100%;
}
img {
vertical-align: middle;
}
.fcfavs-img_icon {
max-width: 28px;
max-height: 28px;
margin: -2px 0 2px 0;
}
.fcfavs-delete-btn {
padding: 5px 4px 3px 4px;
vertical-align: top;
cursor: pointer;
}
.fcfavs-toggle-btn {
padding: 0;
margin: 0;
vertical-align: middle;
cursor: pointer;
display: inline-block;
box-sizing: content-box;
}
[class^="fcfavs"], [class*=" fcfavs"] {
font-size: 14px;
line-height: 100%;
}
[class^="fcfavs-icon_"], [class*=" fcfavs-icon_"] {
font-size: 1.4em;
margin: 0;
display: inline-block;
width: 1.4em;
height: unset;
padding: 0;
vertical-align: middle;
line-height: 100%;
}
[class^="fcfavs-icon_"]:before, [class*=" fcfavs-icon_"]:before {
}
.fcfavs-icon_delete:before {
color: black;
font-size: 14px;
line-height: 100%;
}
.fcfavs-icon_on:before {
color: #e0e0e0;
line-height: 100%;
}
.fcfavs-icon_off:before {
color: darkgray;
line-height: 100%;
}
.fcfavs-icon_login {
display: inline-flex;
width: 32px;
heigth: 32px;
padding: 0;
margin: 0;
cursor: pointer;
line-height: 100%;
}
.fcfavs-icon_login:before {
opacity: 0.4;
color: darkgray;
font-size: 32px;
line-height: 100%;
}
.fcfavs-icon_login:after {
content: "LOGIN";
margin: 8px 0 0 -1px;
font-size: 9px;
display: inline-block;
font-weight: bold;
border: 0px solid #880000;
padding: 0 2px;
border-radius: 4px;
color: #bbbbbb;
position: absolute;
line-height: 100%;
}
.toggle {
box-sizing: content-box;
}
.toggle-handle {
padding: 0 12px;
border: 1px solid gray;
}
}
.fcfavs-subscribers-count {
display: flex;
align-items: center;
justify-content: center;
padding: .5rem;
margin-left: .5rem;
background: #005AF0;
color: #FFFFFF;
padding: var(--fcfavs-space-1);
margin-left: var(--fcfavs-space-1);
position: relative;
width: auto;
background: var(--fcfavs-color-primary);
border-radius: .4em;
color: var(--fcfavs-color-text-light);
}
.fcfavs-subscribers-count:after {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 0;
height: 0;
border: .5rem solid transparent;
border-right-color: #005AF0;
margin-top: -.5rem;
margin-left: -.5rem;
border: var(--fcfavs-space-1) solid transparent;
border-right-color: var(--fcfavs-color-primary);
border-left: 0;
margin-top: calc(-1 * var(--fcfavs-space-1));
margin-left: calc(-1 * var(--fcfavs-space-1));
}
.fcfavs-btn {
display: inline-flex;
line-height: 100%;
* {
line-height: 100%;
}
/* some basic button styling */
.fcfavs-btn-inner {
width: 38px;
height: 38px;
cursor: pointer;
border: none;
margin: 0px;
display: inline-block;
transition: background 300ms ease-in-out;
box-sizing: border-box;
}
.fcfavs-heart-fill {
background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIlMjMwMDAwMDAiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjM4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTIgMjEuMzVsLTEuNDUtMS4zMkM1LjQgMTUuMzYgMiAxMi4yOCAyIDguNSAyIDUuNDIgNC40MiAzIDcuNSAzYzEuNzQgMCAzLjQxLjgxIDQuNSAyLjA5QzEzLjA5IDMuODEgMTQuNzYgMyAxNi41IDMgMTkuNTggMyAyMiA1LjQyIDIyIDguNWMwIDMuNzgtMy40IDYuODYtOC41NSAxMS41NEwxMiAyMS4zNXoiLz48L3N2Zz4=');
/*background: url('data:image/svg+xml;utf8,<svg fill="%23000000" height="38" viewBox="0 0 24 24" width="38" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>');*/
}
.fcfavs-heart-border {
background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIlMjMwMDAwMDAiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjM4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTYuNSAzYy0xLjc0IDAtMy40MS44MS00LjUgMi4wOUMxMC45MSAzLjgxIDkuMjQgMyA3LjUgMyA0LjQyIDMgMiA1LjQyIDIgOC41YzAgMy43OCAzLjQgNi44NiA4LjU1IDExLjU0TDEyIDIxLjM1bDEuNDUtMS4zMkMxOC42IDE1LjM2IDIyIDEyLjI4IDIyIDguNSAyMiA1LjQyIDE5LjU4IDMgMTYuNSAzem0tNC40IDE1LjU1bC0uMS4xLS4xLS4xQzcuMTQgMTQuMjQgNCAxMS4zOSA0IDguNSA0IDYuNSA1LjUgNSA3LjUgNWMxLjU0IDAgMy4wNC45OSAzLjU3IDIuMzZoMS44N0MxMy40NiA1Ljk5IDE0Ljk2IDUgMTYuNSA1YzIgMCAzLjUgMS41IDMuNSAzLjUgMCAyLjg5LTMuMTQgNS43NC03LjkgMTAuMDV6Ii8+PC9zdmc+');
/*background: url('data:image/svg+xml;utf8,<svg fill="%23000000" height="38" viewBox="0 0 24 24" width="38" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z"/></svg>');*/
}
.fcfavs-heart-fill,
.fcfavs-heart-border,
.fcfavs-heart-fill:before,
.fcfavs-heart-border:before,
.fcfavs-heart-login,
.fcfavs-heart-delete {
line-height: 100%;
}
.fcfavs-heart-login:after {
content: "LOGIN";
margin: 12px 0 0 2px;
font-size: 9px;
display: inline-block;
font-weight: bold;
border: 0px solid #880000;
padding: 0 2px;
border-radius: 4px;
color: #bbbbbb;
position: absolute;
line-height: 100%;
}
.fcfavs-heart-delete:hover:after {
content: "x";
margin: 0 0 0 40px;
font-size: 16px;
display: inline-block;
font-weight: bold;
border: 1px solid #880000;
padding: 0 2px;
border-radius: 4px;
color: #880000;
position: absolute;
line-height: 100%;
}
}
}
/***********
* JComments
***********/
div.comments {
margin-top: 15px;
}
.comments #jc h4 {
color: inherit;
font-weight: normal;
margin-top: 0px;
}
.comments #comments a {
color: inherit;
}
.comments #comments a:hover {
color: #578e13;
}
.comments #comments div.comments-list {
margin-right: 0;
}
.comments .rbox_tr,
.comments .rbox_tl,
.comments .rbox_t,
.comments .rbox_br,
.comments .rbox_bl,
.comments .rbox_b,
.comments .rbox_m {
background: none;
border: none;
}
.comments .rbox {
border: 1px #cccccc solid;
}
.comments .even .rbox {
background: #ffffff;
}
.comments .odd .rbox {
background: #f0f0f0;
}
.comments #comments-list-footer {
margin: 0 0 10px 0;
}
#comments-form p,
#comments-form #comments-form-buttons,
#comments-form #comments-form-error {
margin-right: 0px;
}
#comments-form #comments-form-message,
#comments-inline-edit #comments-form-message {
display: block;
padding: 5px 5px 5px 25px;
}
.comments-form-message-error {
background: url(../images/error.png) #ffd86f no-repeat 4px 50%;
}
.comments-form-message-info {
background: url(../images/information.png) #dfeeff no-repeat 4px 50%;
}
.comments .votes {
margin-right: -4px;
}
.comments .favs {
margin: 5px 0 15px;
}
/*****************
* Joomla Tabs CSS
*****************/
dl.tabs,
.flexicontent dl.tabs {
float: right;
margin: 10px 0 -1px 0;
z-index: 50;
}
dl.tabs dt,
.flexicontent dl.tabs dt {
background: #f0f0f0;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-top: 1px solid #cccccc;
color: #666666;
float: right;
margin-right: 3px;
padding: 10px;
display: block;
}
dl.tabs dt.open,
.flexicontent dl.tabs dt.open {
background: #f9f9f9;
border-bottom: 1px solid #f9f9f9;
color: #000000;
z-index: 100;
padding: 10px;
}
dl.tabs dt:hover,
.flexicontent dl.tabs dt:hover {
background: #c9c9c9;
}
dl.tabs dt a:link,
.flexicontent dl.tabs dt a:link {
color: black;
outline: medium none;
text-decoration: none;
background: none;
}
div.current {
border: 1px solid #cccccc;
clear: both;
padding: 10px 10px;
}
div.current dd {
margin: 0;
padding: 0;
}
#bottom-block {
margin: 0 auto;
width: 373px;
}
/************************************
* FLEXIcontent Advanced Search View
************************************/
/* Search view content header, float it right to allow placing print, etc buttons at the left */
.flexicontent.search h2.contentheading {
float: right;
display: block;
}
/* search form */
.flexicontent.search form#searchForm {
clear: both;
float: none;
}
/* Search (field) filters TABLE */
.flexicontent.fcsearch table.fc_search_tbl {
border-collapse: separate;
border-spacing: 1px;
width: 100%;
}
/* Container of TEXT search label */
.flexicontent.fcsearch table.fc_search_tbl .fc_search_label_cell {
text-align: left;
vertical-align: middle;
padding: 4px 6px 4px 4px;
font-weight: bold;
background-color: #eeeeee;
font-size: 11px;
white-space: nowrap;
width: 5%;
}
/* Container of TEXT search form field */
.flexicontent.fcsearch table.fc_search_tbl .fc_search_option_cell {
padding: 2px 4px 2px 6px;
font-size: 11px;
}
/* Search Filter ROW */
.flexicontent.fcsearch table.fc_search_tbl .fc_search_row_0 td {
background-color: #f0f0f0;
}
/* Search Filter CELL */
.flexicontent.fcsearch table.fc_search_tbl .fc_search_row_1 td {
background-color: #e7e7e7;
}
/* Search (field) filters CELLs */
.flexicontent.fcsearch table.fc_search_tbl td {
border-width: 0px;
border-spacing: 1px;
}
.flexicontent.fcsearch .inputbox {
border: 1px solid lightgray;
border-radius: 5px;
padding: 2px;
height: auto;
}
.flexicontent.fcsearch fieldset.fc_search_result {
padding: 16px;
margin: 0px;
border: 1px solid #ccc;
}
.flexicontent.fcsearch fieldset.fc_search_result.fcodd {
/*background-color: #f0f0f0;*/
}
.flexicontent.fcsearch fieldset.fc_search_result.fceven {
/*background-color: #f7f7f7;*/
}
.flexicontent.fcsearch fieldset.fc_search_result:hover {
/*border: 1px dashed gray;*/
background-color: #f7f7f7;
}
.flexicontent.fcsearch .fc_search_result_title {
float: right;
}
.flexicontent.fcsearch .fc_search_result_text {
}
.flexicontent.fcsearch .fc_search_result_image {
display: inline-block;
}
.flexicontent.fcsearch .fc_search_result_image.fcleft {
float: right;
margin: 0px 16px 0px 8px;
}
.flexicontent.fcsearch .fc_search_result_image.fcright {
float: left;
margin: 0px 8px 0px 16px;
}
.flexicontent.fcsearch .fc_search_result_image img {
padding: 1px;
border: 1px solid #aaaaaa;
border-radius: 4px;
}
.flexicontent.fcsearch .fc_search_result_filters {
}
.flexicontent.fcsearch .fc_search_result_fields {
}
fc_search_result_date .fc-mssg-inline,
fc_search_result_category .fc-mssg-inline {
font-weight: bold;
}
.flexicontent.fcsearch .highlight {
background: none repeat scroll 0 0 #FFFFAA;
border-radius: 5px;
color: darkred;
font-weight: normal;
padding: 3px 5px;
}
.flexicontent.fcsearch .fc_mublock {
display: block;
float: left;
}
/************************************************************************
* Frontend templates: Some CSS HACKS/RULES (to fix alignment & wrapping)
************************************************************************/
#flexicontent .fc_inline_block {
display: inline-block;
float: none;
vertical-align: top;
width: auto;
}
#flexicontent .fc_block {
display: block;
}
#flexicontent .fc_inline {
display: inline;
}
#flexicontent .fc_inline_clear {
display: inline;
}
#flexicontent .fc_inline_clear:after {
content: "\a";
white-space: pre-wrap;
}
#flexicontent .fc_clearfix {
clear: both;
}
/****************************
* ITEM FORM: Some CSS rules
****************************/
table.admintable {
border-collapse: separate;
border-spacing: 2px;
}
table.admintable td.key,
table.admintable td.paramlist_key {
background-color: #F2F2F2;
border-bottom: 1px solid #D0D0D0;
border-left: 1px solid #D0D0D0;
color: #666666;
font-family: arial;
font-size: 11px;
font-weight: normal;
padding: 2px 4px;
text-align: left;
width: 140px;
}
table.admintable td {
border: 1px solid #F0F0F0;
font-weight: normal;
text-align: right;
padding: 6px 4px 6px 4px;
}
/* CONTAINER of message for item having default content template layout */
#__content_type_default_layout__ {
margin: 12px 4px 4px 32px;
}
/****************
* Directory view
****************/
#flexicontent.fcdirectory .fccatcolumn {
float: right;
margin: 0% 1% 0% 0%;
padding: 0px;
}
#flexicontent.fcdirectory h2.fccat_title_box {
background-color: #dddddd;
border: 1px solid #ffffff;
color: #ffffff;
margin: -3px 0 0;
padding: 1px 0;
width: auto;
}
#flexicontent.fcdirectory .fccat_title {
border: 2px solid #dddddd;
display: block;
font-size: 14px;
font-weight: bold;
margin: 0 -1px;
padding: 2px 0 1px 4px;
position: relative;
}
#flexicontent.fcdirectory span.fccat_title {
color: darkred;
}
#flexicontent.fcdirectory .fccat_title:hover {
text-decoration: none;
}
#flexicontent.fcdirectory .fccat_assigned {
}
#flexicontent.fcdirectory .fccat_image {
border: 1px solid #dddddd;
border-radius: 5px;
float: right;
margin: 2px 6px 1px 0px;
padding: 1px;
}
#flexicontent.fcdirectory .fccat_descr {
}
#flexicontent.fcdirectory ul.fcsubcats_list {
border-top: 1px dashed #dddddd;
list-style: none;
margin: 3px 0 7px;
padding: 0 7px;
}
#flexicontent.fcdirectory li.fcsubcat {
border-bottom: 1px dashed #dddddd;
margin: 2px 0px 2px 0px;
}
#flexicontent.fcdirectory li.fcsubcat.odd {
}
#flexicontent.fcdirectory li.fcsubcat.even {
}
#flexicontent.fcdirectory a.fcsubcat_title {
}
#flexicontent.fcdirectory a.fcsubcat_title:hover {
text-decoration: none;
}
#flexicontent.fcdirectory .fcsubcat_assigned {
}
#flexicontent.fcdirectory .fcsubcat_image {
border: 1px solid #dddddd;
border-radius: 5px;
float: right;
margin: 2px 6px 1px 0px;
padding: 1px;
}
#flexicontent.fcdirectory .fcsubcat_descr {
}
#flexicontent.fcdirectory .fcdir-cnt-sep:before {
content: "/";
display: inline-block;
margin: 0 4px;
}
#flexicontent.fcdirectory .fcdir-icon-itemscnt:before {
color: darkorange;
}
#flexicontent.fcdirectory .fcdir-icon-subcatscnt:before {
color: darkred;
}
/********************************
* ITEM FORM: CSS FIXES for J1.6+
********************************/
/* PANELs */
#flexicontent .fc-sliders-plain-outer {
max-width:1200px;
padding: 16px 0 0 0;
}
#flexicontent .fc-sliders-plain-outer > .pane-sliders > .panel > h3 {
margin-bottom: 16px;
border: 0 solid !important;
background: unset !important;
display: inline-block !important;
}
#flexicontent .fc-sliders-plain-outer .pane-toggler-down {
border: 0 solid !important;
}
#flexicontent .pane-sliders .pane-toggler > a > span {
background: url("../images/toggle.png") no-repeat scroll 0px 4px transparent;
padding-right: 20px;
}
#flexicontent .pane-sliders .pane-toggler-down > a > span {
background: url("../images/toggle_up.png") no-repeat scroll 0px 4px transparent;
padding-right: 20px;
}
/* FIELDs */
#flexicontent fieldset.adminform fieldset.radio,
#flexicontent fieldset.panelform fieldset.radio,
#flexicontent fieldset.adminform-legacy fieldset.radio {
border: 0 none;
float: right;
margin: 2px 0px 5px 2px;
padding: 0;
}
#flexicontent .pane-sliders .panel .pane-slider fieldset.panelform select {
min-width: 200px;
font-size: 90%;
}
/* Field containing TABLE */
#flexicontent table.admintable td {
margin: 0px;
padding: 0.2em 0.4em;
}
#flexicontent table.admintable table td {
margin: 0px;
padding: 0px;
}
#flexicontent table.admintable td.paramlist_key {
padding: 0px 4px 0px 4px;
}
/*******************************************************
* TAB appearance customizations per content Type
* prepend: #flexicontent.fctypeNN to customize per type
*******************************************************/
#fc_subtitle_tabset ul.tabbernav li a {
padding-right: 20px;
}
a#fc_subtitle_tabset_nav_1,
a#fc_subtitle_tabset_nav_2,
a#fc_subtitle_tabset_nav_3,
a#fc_subtitle_tabset_nav_4,
a#fc_subtitle_tabset_nav_5,
a#fc_subtitle_tabset_nav_6,
a#fc_subtitle_tabset_nav_7,
a#fc_subtitle_tabset_nav_8,
a#fc_subtitle_tabset_nav_9,
a#fc_subtitle_tabset_nav_10,
a#fc_subtitle_tabset_nav_11,
a#fc_subtitle_tabset_nav_12 {
background-position: 1px 2px;
background-repeat: no-repeat;
}
#fc_bottom_tabset ul.tabbernav li a {
padding-right: 20px;
}
a#fc_bottom_tabset_nav_1,
a#fc_bottom_tabset_nav_2,
a#fc_bottom_tabset_nav_3,
a#fc_bottom_tabset_nav_4,
a#fc_bottom_tabset_nav_5,
a#fc_bottom_tabset_nav_6,
a#fc_bottom_tabset_nav_7,
a#fc_bottom_tabset_nav_8,
a#fc_bottom_tabset_nav_9,
a#fc_bottom_tabset_nav_10,
a#fc_bottom_tabset_nav_11,
a#fc_bottom_tabset_nav_12 {
background-position: 1px 2px;
background-repeat: no-repeat;
}
/***************************
* Other unsorted CSS Rules
***************************/
div.fancybox-wrap a {
background: none;
}
body #fancybox-content {
overflow: auto;
-webkit-overflow-scrolling:touch;
}
#flexicontent .content {
float: none;
clear: both;
}
/* field container inside a tabbed position */
.tabbertab .flexi.element {
}
.readon, .readon a {
}
/**********************************************************
* Common styling (all templates) of field labels and value
**********************************************************/
/* Field label & values styling */
div.flexi.label,
.flexi.label {
display: block;
float: right;
margin: 2px 8px 2px 0px;
/* min-width: 60px;
max-width: 120px;*/
white-space: unset;
word-wrap: break-word;
}
div.flexi.value,
.flexi.value {
display: block;
float: right;
max-width: 100% !important; /* Allow responsive width while floating */
padding: 0% !important; /* Allow responsive width while floating */
margin: 0% !important; /* Allow responsive width while floating */
}
/* e.g. in Joomla views */
div.fc-custom-fields-box {
border-radius: 4px;
border: 1px solid #dddddd;
display: block;
float: right;
clear: both;
box-sizing: border-box;
width: 100%;
margin: 12px 0px;
padding: 12px 4px;
}
div.fc-field-box {
display: block;
float: right;
margin: 0 1%;
max-width: 98%;
min-width: 48%;
padding: 2px;
box-sizing: border-box;
vertical-align: top;
}
/********************************
* Content / Content List Markups
********************************/
#flexicontent .fc_mublock {
display: block;
float: left;
clear: none;
margin-bottom: 6px;
}
#flexicontent .fc_markup {
float: left;
display: block;
font-style: normal;
font-size: 11px;
font-family: arial;
font-weight: bold;
text-align: left;
max-width: 150px;
min-width: auto;
border-radius: 5px;
line-height: 100%;
border-width: 0px;
margin: 0px 6px 6px 0px;
padding: 0px;
background-color: #F2F2F2;
color: #555;
box-shadow: 2px 4px 4px gray;
}
#flexicontent .fc_markup.mu_has_text {
border-bottom: 1px solid #AAA;
border-left: 1px solid #AAA;
margin: 2px 6px 6px 12px;
padding: 6px;
}
#flexicontent .fc_markup.mu_featured_cat.mu_has_text {
padding-right: 28px;
background: url(../images/star.png) 6px 50% no-repeat lightgoldenrodyellow;
}
#flexicontent .fc_markup.mu_normal_cat.mu_has_text {
padding-right: 28px;
background: url(../images/star-empty.png) 6px 50% no-repeat lightgoldenrodyellow;
}
#flexicontent .fc_markup.mu_item_no_access.mu_has_text {
padding-right: 28px;
background: url(../images/eye-half.png) 6px 50% no-repeat #FFD700;
}
#flexicontent .fc_markup.mu_item_free_access.mu_has_text {
padding-right: 28px;
background: url(../images/eye.png) 6px 50% no-repeat #50EE90;
}
#flexicontent .fc_markup.mu_needed_acclvl.mu_has_text {
padding-right: 28px;
background: url(../images/lock.png) 6px 50% no-repeat darkorange;
color: white;
}
#flexicontent .fc_markup.mu_obtained_acclvl.mu_has_text {
padding-right: 28px;
background: url(../images/lock-unlock.png) 6px 50% no-repeat darkgreen;
color: white;
}
#flexicontent .fc_markup.mu_ra_timeframe.mu_has_text {
padding-right: 28px;
background: url(../images/calendar-select-days-span.png) 6px 50% no-repeat lightskyblue;
}
#flexicontent .fc_markup.mu_ru_timeframe.mu_has_text {
padding-right: 28px;
background: url(../images/calendar-select-days-span.png) 6px 50% no-repeat lightskyblue;
}