File manager

File manager - Edit - /home/jardides/www/Jardi-design/old/administrator/components/com_templateck/assets/templateck_template.css

Back
/** * @name Template Creator CK 3 * @package com_templateck * @copyright Copyright (C) 2013. All rights reserved. * @license GNU General Public License version 2 or later; see LICENSE.txt * @author Cedric Keiflin - http://www.template-creator.com - http://www.joomlack.fr / body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; text-decoration: none; text-transform: none; vertical-align: middle; line-height: 20px; } a { text-decoration: none; } .clr { clear: both; } .invalid { border: 2px solid red !important; } tr, td { /border: none !important;/ } /-------- RESPONSIVE --------/ @media screen and (max-width: 758px) { .container { max-width: 100%; } .column, .flexiblemodule, .logobloc, .ckrow .ckrowcontainer { float: none !important; width: 100% !important; } .column > div.inner, .flexiblemodule > div.inner { margin-left: 0px !important; margin-right: 0px !important; } .horiznav ul.menu li, .bannermenu ul.menu li { float :none !important; width: 100% !important; } .flexiblemodules[ckclass="equalheights"] > .inner, .maincontent[ckclass="equalheights"] > .inner, .maincontent[ckclass="equalheights"] .maincenter > .inner, .flexiblemodules[ckclass="equalheights"] .flexiblemodule, .maincontent[ckclass="equalheights"] .column { flex-direction: column; } } /-------- TOOLBAR MENU --------/ .flexiblemodule > .editorck, .mainbanner .bannerlogo > .editorck, .banner > .editorck, .ckrow > .inner > .ckbloc > .editorck { margin-top: 32px; } .maintop > .editorck, .maincenter > .editorck, .center > .editorck, .mainbottom > .editorck, .column2 > .editorck { margin-top: 0; } .maintop.v34 > .editorck, .centertop.v34 > .editorck, .mainbottom.v34 > .editorck, .centerbottom.v34 > .editorck { display: none !important; } .editor .main > div.inner, .editor .maincontent > div.inner, .editor .maincenter > div.inner, .editor .center > div.inner, .ckrow > div.inner, .ckrow .ckrowcontainer, .maincontent .ckrowcontainer, .custombloc.ckbloc { padding-top: 32px !important; } .maincontrol { height: 20px; line-height: 20px; margin: 5px; padding: 3px 3px 3px 50px !important; border: 1px solid #777; color: #000; font-size: 16px; text-align : left; text-decoration: none; background: #eee url(../images/add.png) 20px center no-repeat; cursor: pointer; } .maincontrol:hover { background-color: #ccc; } /-------- BLOCKS EDITON --------/ .editorcktitle { display: block; background: #000 !important; margin: 2px 2% 0 2%; position: relative; z-index: 1000; padding: 0; line-height: 25px; height: 28px; font-size: 13px !important; color: #fff !important; text-align: center !important; -moz-border-radius: 2px; -o-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: none; } .ckfields .isControl { width: 27px; height: 30px; float: left; cursor: pointer; } .ckfields .isControl.controlDown, .ckfields .isControl.controlUp, .ckfields .isControl.controlModules, .ckfields .isControl.controlMaincontent, .ckfields .isControl.controlDel, .ckfields .isControl.controlBanner, .ckfields .isControl.controlEqualHeights { width: 20px; } .ckfields .isControl:hover { background-color: #666; -moz-border-radius: 0px; -o-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } / for main blocks / .ckfields { min-height: 30px; font-family: serif !important; margin: 0; padding: 0; left: 0px; top: 0px; background: #9e9e9e; z-index: 101; position: absolute; } .ckfields .editorcktitle { float: left; min-width: 100px; margin: 1px; padding: 0; line-height: 25px; height: 28px; font-size: 13px !important; color: #fff !important; text-align: center !important; -moz-border-radius: 2px; -o-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-border-radius: 2px; border: none; background: #000 !important; } .ckfields .editorckposition { float: left; min-width: 100px; margin: 1px; padding: 0; line-height: 25px; height: 28px; font-size: 13px !important; color: #000 !important; text-align: center !important; -moz-border-radius: 2px; -o-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-border-radius: 2px; border: none; background: #fff !important; } .editorcktitle:hover, .editorckposition:hover { cursor: pointer; background: #666 url(../images/toolbar/edition.png) center center no-repeat !important; color: #fff !important; text-indent: -999em; } #wrapper > .editorck .editorcktitle:hover { cursor: inherit; background: #000 !important; color: #fff !important; text-indent: 0; } .ckfields .controlDel{ background: url(../images/toolbar/delete.png) center center no-repeat; border-radius: 5px 0 0 0; } .ckfields .controlUp { background: url(../images/toolbar/arrow_up.png) center center no-repeat; } .ckfields .controlDown { background: url(../images/toolbar/arrow_down.png) center center no-repeat; } .ckfields .controlCopy { background: url(../images/toolbar/copy.png) center center no-repeat; } .ckfields .controlFullwidth { background: url(../images/toolbar/fullwidth.png) center center no-repeat; } .ckfields .controladdBlock { background: url(../images/toolbar/addblock.png) center center no-repeat; } .ckfields .controladdWrapper { background: url(../images/toolbar/addwrapper.png) center center no-repeat; } .isControl.ckactive { background-color: #999; box-shadow: #444 0 0 5px inset; } .column1 .controlUp, .column2 .controlUp, .maincenter .controlUp, .flexiblemodule .controlUp, .main .controlUp, .bannerlogo .controlUp, .banner .controlUp, .logobloc .controlUp { background: url(../images/toolbar/arrow_left.png) center center no-repeat; } .column1 .controlDown, .column2 .controlDown, .maincenter .controlDown, .flexiblemodule .controlDown, .main .controlDown, .bannerlogo .controlDown, .banner .controlDown, .logobloc .controlDown { background: url(../images/toolbar/arrow_right.png) center center no-repeat; } .ckfields .controlCss { background: url(../images/toolbar/styles.png) center center no-repeat; } .ckfields .controlMaincontent, .ckfields .controlModules, .ckfields .controlBanner { background: url(../images/toolbar/options.png) center center no-repeat; } .ckfields .controlEqualHeights { background: url(../images/toolbar/equalheights.png) center center no-repeat; } .ckfields .controlModule { background: url(../images/toolbar/edit.png) center center no-repeat; } div[ckclass="equalheights"] .ckfields .controlEqualHeights { background-color: #bbb; } .flexiblemodule .ckfields .controlEqualHeights { display: none; } .ckfields .controlRow { float: left; margin: 1px; padding: 0; line-height: 28px; height: 28px; font-size: 15px !important; color: #fff !important; text-align: center !important; -moz-border-radius: 2px; -o-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-border-radius: 2px; border: none; background: #666; } .ckfields .controlRow:hover { background: #888; } /* for content */ .maintop .controlDown, .mainbottom .controlDown, .centertop .controlDown, .centerbottom .controlDown, .center .controlDown, .maincenter .controlDown, .maintop .controlUp, .mainbottom .controlUp, .centertop .controlUp, .centerbottom .controlUp, .center .controlUp, .maincenter .controlUp, .maintop .controlDel, .mainbottom .controlDel, .centertop .controlDel, .centerbottom .controlDel, .center .controlDel, .maincenter .controlDel, .maincontent .controlDel, #wrapper > .ckfields .controlDel, .flexiblemodule .controlDel, .mainbanner .bannerlogo .controlDel, #wrapper > .editorck .controlDel, .mainbanner .logobloc .controlDel { display: none; } .maintop.v34 .controlDel, .mainbottom.v34 .controlDel, .centertop.v34 .controlDel, .centerbottom.v34 .controlDel, .column1 .ckrowcontainer .controlDel, .column2 .ckrowcontainer .controlDel { display: block; } .main .ckrowcontainer div.flexiblemodule .controlDel { display: none; } .column2 .controlDown, .column2 .controlUp { display: block; } .editor .maincenter { margin-bottom: 10px !important; } .editor .wrapper { padding-top: 40px !important; } .editor .wrapper > .editorck { height: 40px !important; min-height: 40px !important; max-height: 40px !important; } .column1 .ckrowcontainer > .editorck .controlMove, .column2 .ckrowcontainer > .editorck .controlMove, .maintop .ckrowcontainer > .editorck .controlMove , .mainbottom .ckrowcontainer > .editorck .controlMove, .centertop .ckrowcontainer > .editorck .controlMove, .centerbottom .ckrowcontainer > .editorck .controlMove { display: none; } /-------- BLOCS -----------------/ #body { margin: 0; } #body.noeditor .editorck, #body.noeditor .maincontrol { display: none !important; left: -999em; visibility: hidden; } .flexiblemodule { float: left; width: 20%; } .ckrow .ckrowcontainer { float: left; } .ckrowcontainer { position: relative; min-height: 50px; /width: 100%;/ } .ckrow .ckrowcontainer:empty:after, .ckrowcontainer:empty:after, .ckrowcontainer.empty:after { content: ""; display: block; position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px; border: 1px dotted #ccc; z-index: 0; } .ckrowcontainer.empty, .column1 .ckrowcontainer, .column2 .ckrowcontainer, .maintop .ckrowcontainer , .mainbottom .ckrowcontainer, .centertop .ckrowcontainer, .centerbottom .ckrowcontainer { padding-top: 0px !important; } .ckbloc[isdisabled=true] { display: none !important; } .editor .ckbloc[ishidden=true] > div.inner { padding: 0px !important; margin: 0px !important; border: none !important; background: none !important; box-shadow: none !important; } .editor .ckbloc[ishidden=true] > .editorck { display: none !important; } .ckbloc > div.inner { border: 1px solid transparent; } .ckbloc:hover > div.inner { border: 1px solid #3399ff; } .noeditor .ckbloc:hover > div.inner { border: 1px solid transparent; } .column { float: left; } .column1 { width: 25%; } .main { width: 75%; } .column2 { width: 33%; } .center { width: 67%; } .norightcol .center { width: 100%; } .noleftcol .main { width: 100%; } .banner, .logobloc { float: left; / to keep for retrocompatibility / } .ckrowcontainer .logobloc { float: none; / since 3.4 / } .bannerlogo { float: left; / to keep for retrocompatibility / } .wrapper > .inner > .bannerlogo { float: none; / since 3.4 / } .customcont { overflow: auto; } /-------- POPUP --------/ .ckpopup { position: absolute; z-index: 1001; display: none; left: 0; top: 0; min-height: 100%; width: 100%; padding: 0; margin: 0; font-family: Verdana; font-size: 12px; font-weight: normal; text-decoration: none; text-transform: none; vertical-align: middle; line-height: 20px; } .ckpopupheader { background: #3d3d3d url(../images/fondpopup.png) left bottom repeat-x; min-height: 82px; padding: 0 0 1px 0; } #mainmenuck > .ckpopupheader { background: #3d3d3d url(../images/fondpopup_main.png) left bottom repeat-x; } .ckpopuptitle { font-size: 18px; color: #999; margin: 20px 0 0 15px; float: left; } .ckpopupsubtitle { font-size: 18px; padding: 10px; border-bottom: 1px solid #333; } .ckpopuplogo { background: url(../images/logo_templateck.png) left top no-repeat; width: 220px; height: 48px; margin: 10px 5px 0 10px; top: 0px; float: left; } .ckpopupoverlay { position: fixed; background: #fff; z-index: -1; width:100%; height: 100%; } .ckclose { display: block; float: right; width: 60px; height: 45px; color: #c1c1c1; padding-top: 25px; text-align: center; margin: 10px 10px 0 0; background-position: 20px 0px; background-repeat: no-repeat; cursor: pointer; background-image: url(../images/cancel.png); } .leftpanel .ckclose { height:25px; box-sizing: border-box; } .ckclose.black { background-image: url(../images/cancel_black.png); } .ckclose:hover { color: #fff; background-image: url(../images/cancel_hover.png); } .ckclose.cksave { background-image: url(../images/validate.png); } .ckclose.cksave:hover { background-image: url(../images/validate_hover.png); } .ckclose.ckcopy { background-image: url(../images/copy.png); } .ckclose.ckcopy:hover { background-image: url(../images/copy_hover.png); } .ckclose.ckpaste { background-image: url(../images/paste.png); } .ckclose.ckpaste:hover { background-image: url(../images/paste_hover.png); } #ckwaitoverlay { position: absolute; width: 100%; height: 100%; min-width: 220px; min-height: 220px; top: 0; left: 0; background: url(../images/wait.gif) center center no-repeat; } #elementscontainer { margin: 0 0 0 0; padding: 0; position: relative; width: 100%; } .menustylesbuttonsdescription { width: 235px; height: 205px; background: url(../images/params_buttons.png) left top no-repeat; float: left; } .menustylestitresdescription { width: 235px; height: 205px; background: url(../images/params_titres.png) left top no-repeat; float: left; } .menustylespagedescription { width: 185px; height: 205px; background: url(../images/params_page.png) left top no-repeat; float: left; } .menustyleswrapperdescription { width: 235px; height: 224px; background: url(../images/params_body_wrapper.png) left top no-repeat; float: left; } .menustylesblocdescription { width: 250px; height: 500px; background: url(../images/block.png) left top no-repeat; float: left; } .menustylesmoduledescription { width: 250px; height: 500px; background: url(../images/module.png) left top no-repeat; float: left; } .menustylesmoduletitledescription { width: 250px; height: 500px; background: url(../images/module_title.png) left top no-repeat; float: left; } .layoutinfos { float: left; width: 220px; margin: 10px 20px 0 10px; font-size: 12px; font-family: Verdana; text-align: justify; line-height: 14px; } .layoutinfostitle { font-size: 14px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #b2b2b2; font-family: Verdana; padding-bottom: 4px } .layoutinfosdesc { margin: 10px 0 0 0; } / for the main menu / #mainmenuck { padding: 0; margin: 0; font-family: Verdana; font-size: 12px; font-weight: normal; text-decoration: none; text-transform: none; vertical-align: middle; line-height: 20px; } #mainmenuck div.ck_button { padding: 0 5px; margin: 0; float: left; text-align: center; font-size: 12px; color: #c1c1c1; } #mainmenuck div.ck_button:hover { box-shadow: none; } #mainmenuck span.infotipdesc, #infoname { display: block; text-align: left; font-size: 11px; color: #d8d8d8; margin: 5px 0 0 10px; padding: 0; height: 25px; } #mainmenuck div.ck_button.expert > a { color: #3DE5DF; } #elementscontainer .expert { color: #3DE5DF !important; } #mainmenuck div.ck_button.noeditor > a { color: red; } #mainmenuck div.ck_button a { display: block; margin: 5px; padding: 0; font-size: 12px; text-align: center; color: #c1c1c1; min-height: 25px; color: #c1c1c1; background-color: transparent; border: none; box-shadow: none; text-decoration: none; text-transform: none; background-position: 0px 2px; background-repeat: no-repeat; cursor: pointer; } #mainmenuck div.ck_button a:hover { color: #fff; } #showthemes { z-index: 11; display: none; background: #e4e4e4; } .themethumb { float :left; margin: 10px 5px 5px 5px; cursor: pointer; width: 45%; } .themethumb img { border: 1px solid transparent; width: 100px; height: 100px margin: 0; padding: 0; } .themethumb:hover > img { box-shadow: 0px 0px 5px #3399ff; border: 1px solid #3399ff; } .themeindice { text-align: center; font-size: 10px; margin: 0; padding: 0; height: 10px; line-height: 10px; display: none; } #mainmenuck div.ck_button.big a { display: block; float: right; width: 60px; height: 45px; color: #c1c1c1; padding-top: 25px; text-align: center; margin: 10px 6px 0 0; background-position: center 0px; background-repeat: no-repeat; cursor: pointer; } #mainmenuck div.ck_button.big a:hover { color: #fff; } .ck_buttons_right { float: right; } #mainmenuck div.ck_button a.ckcanceltemplate { background-image: url(../images/cancel.png); } #mainmenuck div.ck_button a.ckcanceltemplate:hover { background-image: url(../images/cancel_hover.png); } #mainmenuck div.ck_button a.cksavetemplate { /padding: 0 0 0 25px;/ width: 75px; background-image: url(../images/validate.png); } #mainmenuck div.ck_button a.cksavetemplate:hover { background-image: url(../images/validate_hover.png); } #mainmenuck div.ck_button a.ckthemes { background-image: url(../images/themes_button.png); } #mainmenuck div.ck_button.active a.ckthemes { background-image: url(../images/themes_button_active.png); } #mainmenuck div.ck_button a.ckexpert { background-image: url(../images/expert_button.png); } #mainmenuck div.ck_button.expert a.ckexpert { background-image: url(../images/expert_button_active.png); } #mainmenuck div.ck_button a.ckprintpositions { background-image: url(../images/printpositions_button.png); } #mainmenuck div.ck_button a.ckprintpositions:hover { background-image: url(../images/printpositions_button_hover.png); } #mainmenuck div.ck_button a.ckundo { background-image: url(../images/undo_button.png); } #mainmenuck div.ck_button a.ckundo:hover { background-image: url(../images/undo_button_hover.png); } #mainmenuck div.ck_button a.ckredo { background-image: url(../images/redo_button.png); } #mainmenuck div.ck_button a.ckredo:hover { background-image: url(../images/redo_button_hover.png); } / Manage dialog texts / .errorck { color: red; } .successck { color: green; } p.errorck { margin: 0; padding: 0; } p.successck { margin: 0; padding: 0; } p.badgeck { background: #ccc; color: white; border-radius: 3px; padding: 3px; margin: 3px 0; } .badgeck.successck { background: #5b9b5b; color: white; } .badgeck.errorck { background: #E24F4F; color: white; } /-------- MENUSTYLES -----------------/ .menupaneblock { text-align: left; float: left; } .menustyles { background: #fff; } .menustyles .inputbox, .menustyles .inputboxfake, #elementscontainer .inputbox, #elementsmenu .inputbox, #infos_code .inputbox { padding: 2px; width: 35px; font-size : 12px !important; moz-border-radius: 0px !important; -o-border-radius: 0px !important; -webkit-border-radius: 0px !important; border-radius: 0px !important; display: inline; float: none; margin: 2px; border-top: 1px solid #a6a6a6 !important; border-left: 1px solid #a6a6a6 !important; border-right: 1px solid #a6a6a6 !important; border-bottom: 1px solid #a6a6a6 !important; height: 15px; color: #000; background : #fff; font-weight: normal !important; box-shadow: none !important; } #elementscontainer .inputbox.invalid { border: 1px solid red !important; } input[disabled ], #elementscontainer .inputbox[disabled ], #elementsmenu .inputbox[disabled ], #infos_code .inputbox[disabled ] { border: 1px dotted #bcbcbc !important; } .menustyles select.inputbox, #elementsmenu select.inputbox, #infos_code select.inputbox, #elementscontainer select.inputbox, .menustyles input[type="file"].inputbox, #elementsmenu input[type="file"].inputbox, #infos_code input[type="file"].inputbox, #elementscontainer input[type="file"].inputbox { height: 22px; } #blocselectidcont .inputbox { width: 93px; } #infos_code label { display: inline-block; width: 180px; padding: 2px; margin: 2px; } .menupanetitle { font-weight: bold; color: #000; padding: 3px; } .menustyles input[type="radio"], input[type="checkbox"] { border: none; } .menustyles input.hiddenbtn[type="radio"] { display: none !important; } .menustyles input.hiddenbtn[type="radio"]:checked + label { background-image: none; background-color: #e6e6e6; color: #333; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05); outline: 0 none; } .menustyles img, #elementsmenu img { float: none !important; margin : 0 !important; vertical-align: top; } .menustylesblock { float: left; border-left: 1px solid #aaa; border-right: 1px solid #aaa; } .menustylesblocktitle { font-size: 12px; text-transform: uppercase; font-weight: bold; line-height: 27px; padding: 0 0 0 10px; height: 29px; color: #afafaf; background: #3c3c3c url(../images/barre_titres_bg.png) left bottom repeat-x; cursor: pointer; } .menustylesblocktitle:before { background: url(../images/barre_titres_arrow_right.png) left center no-repeat; display: block;float:left; width: 15px; height: 29px; content: " "; margin: 0 2px; } .menustylesblocktitle.open:before { background: url(../images/barre_titres_arrow_bottom.png) center center no-repeat; } .menustylesblocktitle.open { color: #dfdfdf; } .menustylesblockaccordion { padding: 10px; } .menulink { float: left; padding: 5px; margin: 5px; border-bottom: 2px solid #eee; color: #333; cursor: pointer; } .menulink:hover, .menulink.current { border-bottom: 2px solid #555; color: #000; } .menustyleslink, .menulink2, .menulink3 { float: left; padding: 5px 10px; margin: 5px 2px 0; /border-right: 1px solid #ddd;/ cursor: pointer; color: #a6a6a6; background: #eee; border-radius: 2px 2px 0 0; border: 1px solid #ddd; position: relative; z-index: 1; } .menustyleslinkdesc { text-align: center; font-size: 10px; color: #a6a6a6; line-height: 10px; } .menustyleslink:hover, .menustyleslink.current, .menulink2:hover, .menulink2.current, .menulink3:hover, .menulink3.current { color: #000; background: #fff; border-bottom: 1px solid #fff; } .menustyleslink + .clr, .menulink2 + .clr, .menulink3 + .clr { border-top: 1px solid #ddd; margin-bottom: 5px; position: relative; z-index: 0; top: -1px; } .ckbuttonstyle { padding: 2px 5px; margin: 3px; background: #3d3d3d; border-radius: 3px; color: #e1e1e1; text-decoration: none; border: none; cursor: pointer; } .ckbuttonstyle:hover { background: #000; color: #fff; } /-------- MODULES MANAGER -----------------/ #modulesmanager { border: 1px solid #3399ff; float: left; width: 840px; } #modulesmanagertitle { text-transform: uppercase; color: #3399ff; font-size: 14px; font-weight: bold; } .modulenumberselect, .blocnumberselect { float: left; width: 21px; height: 16px; margin: 0 5px; padding: 0px; background: #eee; border: 1px solid #cacaca; color: #cacaca; font-size: 12px; text-align: center; cursor: pointer; line-height: 16px; font-weight: bold; } .modulenumberselect.selected, .blocnumberselect.selected { background: #3399ff; border: 1px solid #000; color: #000; } .modulemanager { float: left; } .modulemanager > div.inner { margin: 5px; background: #fff; border: 1px solid #999; height: 50px; background: #fff url(../images/lock_open.png) center center no-repeat; cursor: pointer; } .modulemanager > div.inner.locked { background: #c2e0ff url(../images/lock.png) center center no-repeat; } .modulemanagercontainer { height: 100px; } .modulemanagercontainer.n5 .modulemanager { width: 20%; /margin: 20px 0 5px 0;/ } .modulemanagercontainer.n4 .modulemanager { width: 25%; /margin-top: 20px;/ } .modulemanagercontainer.n3 .modulemanager { width: 33.333333%; /margin-top: 20px;/ } .modulemanagercontainer.n2 .modulemanager { width: 50%; } .modulemanager .moduleenabled { width: 90%; color: green; border: 1px solid green; padding: 5px; border-radius: 3px; font-size: 14px; text-align: center; } input.modulewidthselect { width: 25px; height: 17px; border: 1px solid #a6a6a6; float: none; margin: 0 auto; } .modulewidthselectcont { width: 55px; line-height: 17px; background: #fff; float: none; margin: 0 auto; padding: 0 2px; position: relative; z-index: 10; } .modulewidthselectcont input.inputbox { width: 25px !important; } .modulewidth { margin: -17px 6px 0 6px; position: relative; } .modulemanagerheader { font-size: 13px; font-weight: bold; padding: 0; color :#000; float: left; } .modulewidth_barleft { width: 50%; height: 17px; /float: left;/ position: absolute; left: 0; background: url(../images/modulewidth_barleft.png) left center no-repeat; } .modulewidth_barright { width: 50%; height: 17px; /float: right;/ position: absolute; right: 0; background: url(../images/modulewidth_barright.png) right center no-repeat; } /-------- MAINCONTENT MANAGER -----------------/ .candisable { position: relative; } #maincontentmanager { border: 1px solid #3399ff; float: left; min-width: 616px; } #maincontentmanagertitle { text-transform: uppercase; color: #3399ff; font-size: 14px; font-weight: bold; } .maincontentmanagerbloctitle { text-transform: uppercase; color: #3399ff; font-size: 13px; font-weight: bold; text-align: center; color: #000; } .maincontentmanager { min-width: 120px; border: 1px solid #000; background: #fff; margin: 5px; } .maincontentmanager.disabled { border: 1px dashed #ccc; } .maincontentmanager.disabled .maincontentmanagerbloctitle { color: #ccc; } #maincontentmanager_left { height: 364px; width: 140px; } #maincontentmanager_main { height: 350px; } #maincontentmanager_right { height: 239px; width: 140px; } #maincontentmanager_content { height: 110px; width: 300px; } #maincontentmanager_centertop, #maincontentmanager_centerbottom, #maincontentmanager_maintop, #maincontentmanager_mainbottom { height: 50px; } .blocwidthselect { width: 38px !important; height: 17px !important; float: left !important; border: 1px solid #a6a6a6 !important; margin: 0 !important; padding: 0 !important; color: #000 !important; border-radius: 0 !important; } .columnwidth_barleft { width: 48px; height: 17px; margin-right: 2px; float: left; background: url(../images/columnwidth_barleft.png) left center no-repeat; } .columnwidth_barright { width: 48px; height: 17px; margin-left: 2px; float: left; background: url(../images/columnwidth_barright.png) right center no-repeat; } .contentwidth_barleft { width: 128px; height: 17px; margin-right: 2px; float: left; background: url(../images/contentwidth_barleft.png) left center no-repeat; } .contentwidth_barright { width: 128px; height: 17px; margin-left: 2px; float: left; background: url(../images/contentwidth_barright.png) right center no-repeat; } .columnwidthtitle { text-align: center; color: #666666; font-size: 12px; } /-------- BANNER MANAGER -----------------/ .candisable { position: relative; } #bannermanager { border: 1px solid #3399ff; float: left; min-width: 616px; } #bannermanagertitle { text-transform: uppercase; color: #3399ff; font-size: 14px; font-weight: bold; } .bannermanagerbloctitle { text-transform: uppercase; color: #3399ff; font-size: 13px; font-weight: bold; text-align: center; color: #000; } .bannermanager { min-width: 200px; height: 110px; border: 1px solid #000; background: #fff; margin: 5px; } .bannermanager.disabled { border: 1px dashed #ccc; } .bannermanager.disabled .bannermanagerbloctitle { color: #ccc; } .blocwidthselect { width: 38px !important; height: 17px !important; float: left !important; border: 1px solid #a6a6a6 !important; margin: 0 !important; padding: 0 !important; color: #000 !important; border-radius: 0 !important; } .bannermodulewidth_barleft { width: 78px; height: 17px; margin-right: 2px; float: left; background: url(../images/contentwidth_barleft.png) left center no-repeat; } .bannermodulewidth_barright { width: 78px; height: 17px; margin-left: 2px; float: left; background: url(../images/contentwidth_barright.png) right center no-repeat; } / .bannermodulewidth_barleft { width: 128px; height: 17px; margin-right: 2px; float: left; background: url(../images/contentwidth_barleft.png) left center no-repeat; } .bannermodulewidth_barright { width: 128px; height: 17px; margin-left: 2px; float: left; background: url(../images/contentwidth_barright.png) right center no-repeat; }/ .bannerwidthtitle { text-align: center; color: #666666; font-size: 12px; } /-------- BLOCK SELECTION MANAGER -----------------/ div.blocselect { width: 130px; height: 31px; margin: 0 7px 10px 7px; float: left; border: 1px solid #000; cursor: pointer; } .blocselectcont { float: left; } .blocselectcontseparator { border-top: 1px solid #ccc; clear: both; margin: 10px 10px 0 10px; } .blocselect.wrapper, .blocselect.banner, .blocselect.row { width: 199px; height: 41px; } .blocselectheader { font-family: Verdana; font-size: 12px; line-height: 14px; margin: 10px 20px 0 10px; text-align: justify; } .blocselecttitle { text-align: left; font-weight: bold; font-size: 12px; margin: 5px 0 0 10px; } .blocselect:hover { border: 1px solid #ccc; } .blocselect.selected { border: 1px solid #3399ff; } .blocselect.singlemodule { background: url(../images/selection_module.png) center center no-repeat; background-size: 100% auto; } .blocselect.flexiblemodules { background: url(../images/selection_modules.png) center center no-repeat; background-size: 100% auto; } .blocselect.horizmenu { background: url(../images/selection_menu.png) center center no-repeat; background-size: 100% auto; } .blocselect.custombloc { background: url(../images/selection_custom.png) center center no-repeat; background-size: 100% auto; } .blocselect.logo { background: url(../images/selection_logo.png) center center no-repeat; background-size: 100% auto; } .blocselect.banner { background: url(../images/selection_banner.png) center center no-repeat; } .blocselect.wrapper { background: url(../images/selection_wrapper.png) center center no-repeat; } .blocselect.row { background: url(../images/selection_row.png) center center no-repeat; } .blocselect.slideshowck { background: url(../images/modules/selection_slideshowck.jpg) center center no-repeat; } .blocselect.menu { background: url(../images/modules/selection_menu.jpg) center -30px no-repeat; } .blocselect.notinstalled .installbutton { background: rgba(255, 255, 255, 0.5); border: 1px solid #ccc; height: 20px; line-height: 1.5; margin: 5px auto; opacity: 1.2; text-align: center; width: 100px; color: #000; transition: all 0.2s; } .blocselect.notinstalled:hover .installbutton { background: rgba(255, 255, 255, 0.8); height: 31px; line-height: 2; margin: 0 auto; width: 130px; font-size: 14px; } /******************************* * = mooRainbow * * color picker * ******************************/ /* * - mooRainbow: defaultCSS * author: w00fz <w00fzIT@gmail.com> / .colorPicker { padding: 5px; cursor: pointer; } .moor-box { width: 230px; height: 310px; border: 1px solid #636163; background-color: #f9f9f9; z-index: 11000 !important; font-family: Verdana; font-size: 12px; color: #000; } .moor-overlayBox { width: 150px; / Width and Height of the overlay must be setted here: default 256x256 / height: 150px; margin-top: 9px; margin-left: 9px; border: 1px solid #000; } .moor-slider { border: 1px solid #000; margin-top: 9px; margin-left: 170px; width: 19px; / if you want a bigger or smaller slider... / height: 150px; } .moor-colorBox { border: 1px solid #000; width: 24px; height: 38px; margin-top: 8px; margin-left: 199px; } .moor-currentColor { / Bottom Box Color, the backup one / margin-top: 9px; margin-left: 200px; width: 24px; height: 19px; } .moor-okButton { font-weight: bold; font-size: 11px; margin-top: 235px; margin-left: 8px; background: #e6e6e6; height: 23px; border: 1px solid #d6d6d6; border-left-color: #f5f5f5; border-top-color: #f5f5f5; } .moor-cleaner,.moor-copy,.moor-paste { font-weight: bold; font-size: 11px; margin-top: 235px; margin-left: 65px; background: #e6e6e6; height: 23px; border: 1px solid #d6d6d6; border-left-color: #f5f5f5; border-top-color: #f5f5f5; } .moor-selectpalette { font-weight: bold; font-size: 11px; background: #e6e6e6; height: 23px; border: 1px solid #d6d6d6; border-left-color: #f5f5f5; border-top-color: #f5f5f5; } .moor-copy{ margin-top: 235px; margin-left: 120px; } .moor-paste{ margin-top: 235px; margin-left: 170px; } #mooRainbow label { } / Following are just <label> / .moor-rLabel { margin-top: 170px; margin-left: 10px; } .moor-gLabel { margin-top: 170px; margin-left: 70px; } .moor-bLabel { margin-top: 170px; margin-left: 130px; } .moor-HueLabel { margin-top: 190px; margin-left: 10px; } span.moor-ballino { / Style hue ° (degree) !! / margin-top: 190px; margin-left: 70px; display: none; } .moor-SatuLabel { margin-top: 190px; margin-left: 70px; } .moor-BrighLabel { margin-top: 190px; margin-left: 130px; } .moor-hexLabel { margin-top: 210px; margin-left: 80px; } / <input> / .moor-rInput, .moor-gInput, .moor-bInput, .moor-HueInput, .moor-SatuInput, .moor-BrighInput { width: 30px; } .moor-hexInput { width: 55px; } .moor-cursor { background-image: url(../images/moorainbow/moor_cursor.gif); width: 12px; height: 12px; } .moor-arrows { background-image: url(../images/moorainbow/moor_arrows.gif); top: 9px; left: 161px; width: 41px; height: 9px; } .moor-chooseColor { / Top Box Color, the choosen one / margin-top: 28px; margin-left: 200px; width: 24px; height: 19px; } / responsive popup / div.blocresolution { float: left; margin: 0 10px; } .resolution-title { text-align: left; color: #000; font-size: 13px; font-weight: bold; min-height: 60px; padding: 15px 0 0 85px; } #ckresponsive1 .resolution-title { background: url(../images/mobile/phone_portrait.png) 30px 15px no-repeat; } #ckresponsive2 .resolution-title { background: url(../images/mobile/phone_landscape.png) 20px 20px no-repeat; } #ckresponsive3 .resolution-title { background: url(../images/mobile/tablet_portrait.png) 15px 10px no-repeat; } #ckresponsive4 .resolution-title { background: url(../images/mobile/tablet_landscape.png) 15px 10px no-repeat; } #ckresponsive5 .resolution-title { background: url(../images/mobile/computer.png) 10px 10px no-repeat; } #ckresponsive3 { clear: both; } .responsive.ckbloc { width: 300px; height: 60px; margin: 2px; padding: 5px 5px 35px 5px; color: #0A71A5; text-align: center; font-size: 14px; font-weight: normal; line-height: 10px; background: url(../images/mobile/module_default.png) center center no-repeat; float: none; } .responsive.ckbloc:hover { background-color: #999; cursor: pointer; } .responsive.ckbloc[ckmobile=mobile_hide] { background-image: url(../images/mobile/module_hide.png) } .responsive.horiznav { background: url(../images/mobile/menu_default.png) center center no-repeat; } .responsive.horiznav[ckmobile=mobile_default] {background-image: url(../images/mobile/menu_default.png)} .responsive.horiznav[ckmobile=mobile_hide] {background-image: url(../images/mobile/menu_hide.png)} .responsive.horiznav[ckmobile=mobile_notaligned] {background-image: url(../images/mobile/menu_not_aligned.png)} .responsive.horiznav[ckmobile=mobile_alignhalf] {background-image: url(../images/mobile/menu_2x2.png)} .responsive.horiznav[ckmobile=mobile_hamburger] {background-image: url(../images/mobile/menu_hamburger.png)} .responsive.singlemodule { background: url(../images/mobile/module_default.png) center center no-repeat; } .responsive.singlemodule[ckmobile=mobile_default] {background-image: url(../images/mobile/module_default.png)} .responsive.singlemodule[ckmobile=mobile_hide] {background-image: url(../images/mobile/module_hide.png)} .responsive.custombloc[ckmobile=mobile_hide] {background-image: url(../images/mobile/module_hide.png)} .responsive.flexiblemodules { background: url(../images/mobile/modules_default.png) center center no-repeat; } .responsive.flexiblemodules[ckmobile=mobile_default] {background-image: url(../images/mobile/modules_default.png)} .responsive.flexiblemodules[ckmobile=mobile_hide] {background-image: url(../images/mobile/modules_hide.png)} .responsive.flexiblemodules[ckmobile=mobile_notaligned] {background-image: url(../images/mobile/modules_not_aligned.png)} .responsive.flexiblemodules[ckmobile=mobile_alignhalf] {background-image: url(../images/mobile/modules_2x2.png)} .responsive.mainbanner { background: url(../images/mobile/banner_default.png) center center no-repeat; } .responsive.mainbanner[ckmobile=mobile_hide] {background-image: url(../images/mobile/banner_hide.png)} .responsive.mainbanner[ckmobile=mobile_notaligned] {background-image: url(../images/mobile/banner_not_aligned.png)} .responsive.mainbanner[ckmobile=mobile_hamburger] {background-image: url(../images/mobile/banner_hamburger.png)} .responsive.maincontent { background: url(../images/mobile/content_default.png) center center no-repeat; } .responsive.maincontent[ckmobile=mobile_default] {background-image: url(../images/mobile/content_default.png)} .responsive.maincontent[ckmobile=mobile_notaligned] {background-image: url(../images/mobile/content_not_aligned.png)} .responsive.maincontent[ckmobile=mobile_lefttop] {background-image: url(../images/mobile/content_lefttop.png);} .responsive.maincontent[ckmobile=mobile_lefthidden] {background-image: url(../images/mobile/content_lefthidden.png);} .responsive.maincontent[ckmobile=mobile_rightbottom] {background-image: url(../images/mobile/content_rightbottom.png);} .responsive.maincontent[ckmobile=mobile_righthidden] {background-image: url(../images/mobile/content_righthidden.png);} .responsive.ckrow[ckmobile=mobile_default] {background-image: url(../images/mobile/modules_default.png)} .responsive.ckrow[ckmobile=mobile_notaligned] {background-image: url(../images/mobile/modules_not_aligned.png)} .responsive.ckrow[ckmobile=mobile_hide] {background-image: url(../images/mobile/modules_hide.png)} #mobile_lefttop, #mobile_lefthidden, #mobile_rightbottom, #mobile_righthidden {display: none;} div[ckclass~=mainbanner] #mobile_default {background-image: url(../images/mobile/banner_default.png);} div[ckclass~=mainbanner] #mobile_hide {background-image: url(../images/mobile/banner_hide.png);} div[ckclass~=mainbanner] #mobile_alignhalf {display: none;} div[ckclass~=mainbanner] #mobile_notaligned {background-image: url(../images/mobile/banner_not_aligned.png);} div[ckclass~=flexiblemodules] #mobile_default {background-image: url(../images/mobile/modules_default.png);} div[ckclass~=flexiblemodules] #mobile_hide {background-image: url(../images/mobile/modules_hide.png);} div[ckclass~=flexiblemodules] #mobile_alignhalf {background-image: url(../images/mobile/modules_2x2.png);} div[ckclass~=flexiblemodules] #mobile_notaligned {background-image: url(../images/mobile/modules_not_aligned.png);} div[ckclass~=horiznav] #mobile_default {background-image: url(../images/mobile/menu_default.png);} div[ckclass~=horiznav] #mobile_hide {background-image: url(../images/mobile/menu_hide.png);} div[ckclass~=horiznav] #mobile_alignhalf {background-image: url(../images/mobile/menu_2x2.png);} div[ckclass~=horiznav] #mobile_notaligned {background-image: url(../images/mobile/menu_not_aligned.png);} div[ckclass~=singlemodule] #mobile_default {background-image: url(../images/mobile/module_default.png);} div[ckclass~=singlemodule] #mobile_hide {background-image: url(../images/mobile/module_hide.png);} div[ckclass~=singlemodule] #mobile_alignhalf {display: none;} div[ckclass~=singlemodule] #mobile_notaligned {display: none;} div[ckclass~=maincontent] #mobile_lefttop, div[ckclass~=maincontent] #mobile_lefthidden, div[ckclass~=maincontent] #mobile_rightbottom, div[ckclass~=maincontent] #mobile_righthidden {display: block;} div[ckclass~=maincontent] #mobile_default {background-image: url(../images/mobile/content_default.png);} div[ckclass~=maincontent] #mobile_hide {display: none;} div[ckclass~=maincontent] #mobile_alignhalf {display: none;} div[ckclass~=maincontent] #mobile_notaligned {background-image: url(../images/mobile/content_not_aligned.png);} div[ckclass~=maincontent] #mobile_lefttop {background-image: url(../images/mobile/content_lefttop.png);} div[ckclass~=maincontent] #mobile_lefthidden {background-image: url(../images/mobile/content_lefthidden.png);} div[ckclass~=maincontent] #mobile_rightbottom {background-image: url(../images/mobile/content_rightbottom.png);} div[ckclass~=maincontent] #mobile_righthidden {background-image: url(../images/mobile/content_righthidden.png);} .responsiverow_info { text-align: center; width: 300px; } .responsiverow { border: 1px dashed #3399ff; } / message systeme / .alert-message { margin: 5px; padding: 5px; background: #eaeaea; } .alert-message .close { display: inline-block; background: #aaa; color: #fff; padding: 2px 5px; border-radius: 5px; cursor: pointer; line-height: 15px; } .alert-message .close:hover { background: #ccc; color: #000; } / --------------------------------------- Standard styles formatting created with Template Creator on http://www.template-creator.com -----------------------------------------/ html { height: 101%; } body { margin: 0; padding: 0; } { padding: 0; margin: 0; } h1, h2, h3, h4, h5, h6, .contentheading, .componentheading { padding: 3px 0; margin: 0; line-height: 1.2; font-weight: bold; font-style: normal; } h1, .componentheading { font-size: 1.75em; } h2, .contentheading { font-size: 1.5em; } h3 { font-size: 1.25em; } h4 { font-size: 1em; } ul, ol { padding: .75em 0 .75em 0; margin: 0 0 0 35px; } ul.menu { margin: 0; } ul.menu li { list-style: none; } p { padding: 5px 0; } address { margin: .75em 0; font-style: normal; } a:focus { outline: none; } img { border: none; max-width: 100%; height: auto; } em { font-style: italic; } strong { font-weight: bold; } form, fieldset { margin: 0; padding: 0; border: none; } input, button, select { vertical-align: middle; } .clr { clear : both; } .container { margin: 0 auto; } .column.center { text-align: inherit; } #previewarea { border: 1px solid #3399FF; padding: 20px; width: 810px; } #previewarea .previewareatitle { font-size: 20px; text-align: center; padding: 15px; color: #3399FF; } / ajout pour gestion drag'ndrop des blocs / .placeholder { border: 1px dashed #3399ff; margin: 0; padding: 0; min-height: 40px; } .placeholderchild { float: left; margin: 0; padding: 0; } .placeholderchild > .inner { border: 1px dashed #3399ff; height: 100%; margin: 0; padding: 0; } .ui-draggable-dragging { z-index: 10000; } .wrapper > .inner { min-height: 30px; position: relative; } .wrapper > .inner > .ckbloc > .inner { position: relative; } .ckrow > .inner { min-height: 60px; position: relative; } .ckfields .controlMove { background: url(../images/toolbar/arrow_move.png) center center no-repeat; } .ckwait { background: #fff url(../images/ajax-loader.gif) center center no-repeat !important; } /* ajout code pour favoris / .ckfields .controlFavorite { background: url(../images/toolbar/magic.png) center center no-repeat; } #html_code { position: relative; } #popup_favoriteck { /position: fixed; background: #fff; box-shadow: 0px 0px 5px #000; min-height: 100px; height: 100%; width: 250px; left:0; overflow-y: auto; z-index: 9999;/ background: #fff; } #popup_favoriteck > .inner { background: #fff; } #popup_favoriteck .ckclose { width: 60px; background-position: center 0; } #popup_favoriteck .layoutinfostitle { margin: 0 10px 0 10px; } #showsuggestions { background: #fff; } #showfavorites { overflow-x: auto; overflow-y: hidden; } #ckaddtofavorite > span { white-space: nowrap; } .favoritethumb { float :left; margin: 10px 5px 5px 5px; cursor: pointer; width: 45%; box-sizing: border-box; } #tab_myfavorites .favoritethumb { width: auto; margin: 10px; } #tab_menus .favoritethumb { width: 90%; } .favoritethumb img { border: 1px solid transparent; } .favoritethumb:hover > img { box-shadow: 0px 0px 5px #3399ff; border: 1px solid #3399ff; } .subtitle { display: block; font-size: 12px; padding-top: 5px; clear: both; } .ckclose.ckrestorebeforefavorite { background-image: url(../images/restore.png); } .ckclose.ckaddtofavorite { background-image: url(../images/addtofavorite.png); } #customcode, #customcss { min-width: 600px; } .ckclose.ckstick { background-image: url(../images/pin_black.png); } .stick .ckclose.ckstick { background-image: url(../images/pin_active.png); } .modulepositionpreview { background: #0A71A5; opacity: 0.85; border-radius: 5px; border: 1px solid #fff; } .modulepositionpreview_name { display: block; position: absolute; margin: -10px 0 0 0; height: 20px; width: 100%; top: 50%; text-align: center; color: #fff !important; font-size: 16px !important; font-family: Segoe UI; font-weight: bold; } .responsiveCustomcode { min-height: 80px; width: 95%; } .responsiveCustomcodelabel { font-weight: bold; } #leftpanel { position: absolute; left:0; width: 250px; height: 100%; z-index: 10; overflow-y: scroll; overflow-x: hidden; background: #e4e4e4; box-sizing: border-box; transition: width 0.2s ease 0s; font-family: Helvetica,Arial,sans-serif; } .leftpanel > .inner { padding: 0 20px 0 2px; } #addblockmanager, #showthemes, .leftpanel { position: absolute; left:0; width: 250px; min-height: 100%; z-index: 10; background: #e4e4e4; box-sizing: border-box; display: none; } #addblockmanager { display: block; } #leftpanel.floating { position: fixed; top: 0; bottom: 0; } #leftpanel.reduced { width: 100px; } #leftpanel.reduced .blocselectcont { max-width: 100%; width: 80%; } #leftpanel.reduced .blocselectcont .blocselect { max-width: 100%; background-size: cover; background-position: left center; } #leftpanel.reduced .blocselectcont .blocselect.logo { max-width: 100%; background-size: cover; background-position: center center; } #leftpanel .panelheader { background: #e4e4e4; } #leftpanel.hiddenpanel { display: none; } #leftpanel.hiddenpanel + div #template_container { margin-left: 0; } #template_container { margin-left: 250px; transition: margin 0.2s ease 0s; } #code_areas { / position: relative; / / ne pas faire ça, sinon les fenetres d'edition vont être limitées / } #modules_code_inner p { padding: 5px; position: relative; } #modules_code_inner p.errorck .ckbuttonstyle { position: absolute; right: 0; top: 10px; } #responsive_preview { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; } #responsive_preview > .inner { height: 100%; margin: 0 auto; transition: width 0.2s ease 0.2s; } #responsive_preview_frame { display: block; margin: 0 auto; height: 100%; box-sizing: border-box; width: 100%; border: none; } #addblockmanager.reduced + div #template_container { margin-left: 100px; } /.cktopfixed #addblockmanager { position: fixed; top: 0; left: 0; right:0; background: #fff; z-index: 9999; } .cktopfixed #addblockmanager .blocselectcontseparator { display: none; }/ .cktooltipinfo { background: rgba(0,0,0,0.7); padding: 10px; color: #e5e5e5; border-radius: 5px; box-shadow: 0 0 7px rgba(255,255,255,0.4); float: left; font-size: 12px; font-family: Verdana; z-index: 999999; } / pour equalheights / .flexiblemodules[ckclass~="equalheights"] > .inner, .maincontent[ckclass~="equalheights"] > .inner, .maincontent[ckclass~="equalheights"] .maincenter > .inner { display: flex; } .flexiblemodules[ckclass~="equalheights"] .flexiblemodule, .maincontent[ckclass~="equalheights"] .column { display: flex; } .flexiblemodules[ckclass~="equalheights"] .flexiblemodule > .inner, .maincontent[ckclass~="equalheights"] .column > .inner { max-width:100%; width: 100%; box-sizing: border-box; } .cktitle { border-bottom: 1px solid; color: #3399ff; font-family: arial; font-size: 2em; margin: 10px 0; } / for bullet list / .bulletlistselect { padding: 10px 20px; margin: 10px; float: left; border: 1px solid #ccc; cursor: pointer; } .bulletlistselect:hover { border: 1px solid #3399ff; box-shadow: 0 0 5px #3399ff; } .bulletlistselect.selected { border: 1px solid #000; } .bulletlisttitle { text-transform: uppercase; color: #3399ff; font-size: 12px; font-weight: bold; text-align: center; padding-bottom: 10px; } .bulletlistselect[data-type="image"] ul { list-style-image: url(../images/tick.png); } .inputbox + label { background: #f5f5f5; border: 1px solid #bbb; display: inline-block; margin-left: -1px; padding: 5px 8px; color: #333; cursor: pointer; } .inputbox + label:hover { background: #e5e5e5; } .menustyles input.hiddenbtn[type="radio"]:checked + label { background-color: #e6e6e6; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05); color: #333; outline: 0 none; } .videobackground { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); /background: url(polina.jpg) no-repeat;/ background-size: cover; } / styles for the main menu / .ck_button { position: relative; } .submenuck { display: none; /opacity: 0;/ transition: opacity 0.1s ease 0.1s; position: absolute; left: auto; background: #303030; border: 1px solid #555; z-index: 100; width: 200px; } #mainmenuck div.submenuck > a { text-align: left; padding: 2px 5px; border: 1px solid transparent; } #mainmenuck div.submenuck > a:hover { background: #444 none repeat scroll 0 0; border: 1px solid #777; color: #f1f1f1; } #mainmenuck hr { border: none; border-bottom: 1px solid #555; margin: 5px 10px; } .restoreline { border-bottom: 1px solid #eee; margin-top: 3px; padding: 5px; } .restoreline > div { line-height: 25px; float: left; width: 50%; } .widgetrow { width: 850px; padding: 10px; } .widgetrow:nth-child(2n+1) { background: #f2f2f2; } .widgetrow > span { display: inline-block; } .widgettitle { font-weight: bold; } .widgettitledesc { width: 500px; } .widgetactions { float: right; } .widgetactions .fa, .widgetactions .ckwait { width: 16px; display: inline-block; height: 16px; vertical-align: middle; } .widgetactions .widgetenable > .fa { color: green; } .widgetactions .widgetdisable > .fa { color: red; } .widgetactions .widgetedit > .fa { color: steelblue; } .widgetrow .widgetenable, .widgetrow .widgetdisable, .widgetrow .widgetedit, .widgetupdate { display: none; } .widgetrow[data-installed="1"] .widgetinstall { display: none; } .widgetrow[data-installed="1"] .widgetenable { display: inline-block; } .widgetrow[data-enabled="1"] .widgetenable { display: none; } .widgetrow[data-enabled="1"] .widgetdisable, .widgetrow[data-enabled="1"] .widgetedit { display: inline-block; } .widgetrow[data-enabled="0"] .widgetdisable, .widgetrow[data-enabled="0"] .widgetedit, .widgetrow[data-installed="0"] .widgetdisable, .widgetrow[data-installed="0"] .widgetedit { display: none; } .widgetrow[data-update="1"][data-installed="1"] .widgetupdate { display: block; } .widgettopbarfilter { font-weight: bold; } .ckoption { margin-bottom: 3px; } .ckoption > span { display: inline-block; vertical-align: middle; } .ckoption > span:first-child { width: 170px; } .ckoption .ckoption-desc { font-style: italic; display: inline; } .resolution-value { text-align: center; margin-bottom: 5px; } / shadow fix / #body div div.inner::after { position: relative; } / hide action button is no BS */ .icons .btn.dropdown-toggle { display: none; }

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.02 | proxy | phpinfo | Settings