egroupware/pixelegg/less/layout_content_elements.less

1205 lines
24 KiB
Plaintext
Raw Normal View History

2013-11-14 20:11:29 +01:00
/**
* EGroupware: CSS with less preprocessor
*
* Definitions for content-elements
*
* Please do NOT change css-files directly, instead change less-files and compile them!
*
* @link http://www.egroupware.org
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Stefan Reinhardt <stefan.reinhardt@pixelegg.de>
* @package phpgwapi
* @version $Id$
*/
@import (reference) "def_design_pattern_color_font_shadow.less";
@import (reference) "def_buttons.less";
2014-01-08 19:49:09 +01:00
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
2014-01-18 18:51:29 +01:00
*::-webkit-input-placeholder {
color:@gray_60;
}
*:-moz-placeholder {
/* FF 4-18 */
color: @gray_60;
}
*::-moz-placeholder {
/* FF 19+ */
color: @gray_60;
}
*:-ms-input-placeholder {
/* IE 10+ */
color: @gray_60;
}
2014-01-08 19:49:09 +01:00
2013-11-14 20:11:29 +01:00
/* #######################################################################################
*
*
* Inhaltselemente
*
*
* ########################################################################################
*/
//Reset
html * {
font-size: 100%;
}
//###############################################
body{
2013-11-22 06:27:29 +01:00
background-image:none;
2013-11-14 20:11:29 +01:00
2013-12-30 18:32:42 +01:00
.background_color_10_gray;
.color_100_gray; // Schriftfarbe schwarz
2013-11-14 20:11:29 +01:00
2013-11-22 06:27:29 +01:00
margin: 0px !important;
padding: 0px !important;
width: 100% !important;
height: 100% !important;
2014-01-08 08:57:35 +01:00
font-size: 11px;
2014-01-08 19:49:09 +01:00
line-height: 1.28;
2013-11-25 04:16:41 +01:00
2013-11-14 20:11:29 +01:00
}
2013-11-18 20:27:56 +01:00
body,
textarea {
2013-11-22 06:27:29 +01:00
.basefontfamily;
2013-11-18 20:27:56 +01:00
}
2013-11-14 20:11:29 +01:00
#egw_fw_basecontainer {
2013-11-22 06:27:29 +01:00
position: fixed;
width: 100%;
height: 100%;
padding: 0px;
margin: 0px;
2013-11-14 20:11:29 +01:00
2013-11-22 06:27:29 +01:00
.basefontfamily;
2013-11-14 20:11:29 +01:00
2013-12-30 18:32:42 +01:00
.background_color_5_gray ;
2013-11-14 20:11:29 +01:00
}
//##########################
input {
2014-01-14 17:05:31 +01:00
/* .Complete_Button_input;
.basefontfamily;
2013-11-22 06:27:29 +01:00
&:hover{.Complete_Button_input_hover;}
2014-01-14 17:05:31 +01:00
&:focus{.Complete_Button_input_focus;}*/
2013-11-14 20:11:29 +01:00
}
select {
2013-12-16 10:37:26 +01:00
/*.Complete_Button_select;*/
2013-11-14 20:11:29 +01:00
padding:3px;
margin: 0;
.rounded (4px);
2013-11-22 06:27:29 +01:00
&:hover{.Complete_Button_select_hover;}
&:focus{.Complete_Button_select_focus;}
&.after{}
2013-11-14 20:11:29 +01:00
}
2013-12-30 18:32:42 +01:00
:hover {.transition (0.2s, ease-out);}
2013-11-14 20:11:29 +01:00
// #############################
// Schriftformate
2014-01-08 19:49:09 +01:00
p { font-size: 1em;}
2013-11-14 20:11:29 +01:00
li {}
h1 {
2014-01-08 19:49:09 +01:00
font-size: 1.2em;
line-height: 1.28em;
2013-11-14 20:11:29 +01:00
margin: 0.4em 0 0;
}
h2 {
2014-01-08 19:49:09 +01:00
font-size: 1.15em;
2013-11-14 20:11:29 +01:00
line-height: 1.2em;
margin: 0.6em 0 0;
}
h3 {
2014-01-08 19:49:09 +01:00
font-size: 1.1em;
2013-11-14 20:11:29 +01:00
line-height: 0.8571em;
margin: 0.8571em 0 0;
}
h3 a {
color: #999999;
}
h4 {
font-size: 110%;
line-height: 1.125em;
margin: 1.125em 0 0;
}
h5 {
font-size: 100%;
line-height: 1.2857em;
margin: 1.2857em 0 0;
}
h6 {
font-size: 100%;
font-weight: bold;
line-height: 1.5em;
margin: 1.5em 0 0;
}
2013-11-18 20:27:56 +01:00
/*table {font-size: 16px;}*/
2013-11-14 20:11:29 +01:00
2013-12-16 10:37:26 +01:00
2013-11-14 20:11:29 +01:00
2013-11-20 09:41:08 +01:00
select {
position:relative;
}
2013-11-14 20:11:29 +01:00
div.selectbox-wrapper {
2013-11-22 06:27:29 +01:00
ul {
list-style-type:none;
margin:0px;
padding:0px;
li.selected {
background-color: #EAF2FB;
}
li.current {
background-color: #CDD8E4;
}
li {
list-style-type:none;
display:block;
margin:0;
padding:2px;
cursor:pointer;
}
}
2013-11-14 20:11:29 +01:00
}
.sbHolder{
2013-11-22 06:27:29 +01:00
.Complete_Button_select;
// background-color: #2d2d2d;
// border: solid 1px #515151;
// font-family: Arial, sans-serif;
.basefontfamily;
font-size: 1.2em;
font-weight: normal;
height: 30px;
position: relative;
width: 10em;
2013-11-14 20:11:29 +01:00
2013-11-22 06:27:29 +01:00
&:hover{.Complete_Button_select_hover;}
&:focus{.Complete_Button_select_focus;}
2013-11-14 20:11:29 +01:00
}
.sbHolder:focus .sbSelector{}
.sbSelector{
2013-11-22 06:27:29 +01:00
display: block;
height: 30px;
left: 0;
line-height: 30px;
outline: none;
overflow: hidden;
position: absolute;
text-indent: 10px;
top: 0;
width: 170px;
2013-11-14 20:11:29 +01:00
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
2013-11-22 06:27:29 +01:00
// color: #EBB52D;
2013-12-30 18:32:42 +01:00
.color_50_gray;
2013-11-22 06:27:29 +01:00
outline: none;
text-decoration: none;
2013-11-14 20:11:29 +01:00
}
.sbToggle{
2013-11-22 06:27:29 +01:00
background: url(../img/select-icons.png) 0 -116px no-repeat;
display: block;
height: 30px;
outline: none;
position: absolute;
right: 0;
top: 0;
width: 30px;
2013-11-14 20:11:29 +01:00
}
.sbToggle:hover{
2013-11-22 06:27:29 +01:00
background: url(../images/select-icons.png) 0 -167px no-repeat;
2013-11-14 20:11:29 +01:00
}
.sbToggleOpen{
2013-11-22 06:27:29 +01:00
background: url(../images/select-icons.png) 0 -16px no-repeat;
2013-11-14 20:11:29 +01:00
}
.sbToggleOpen:hover{
2013-11-22 06:27:29 +01:00
background: url(../images/select-icons.png) 0 -66px no-repeat;
2013-11-14 20:11:29 +01:00
}
.sbHolderDisabled{
2013-11-22 06:27:29 +01:00
background-color: #3C3C3C;
border: solid 1px #515151;
2013-11-14 20:11:29 +01:00
}
.sbHolderDisabled .sbHolder{
}
.sbHolderDisabled .sbToggle{
}
// Ausklappliste
.sbOptions{
2013-11-22 06:27:29 +01:00
// background-color: #212121;
2013-12-30 18:32:42 +01:00
.background_color_0_gray;
2013-11-22 06:27:29 +01:00
border: solid 1px #515151;
list-style: none;
left: -1px;
margin: 0;
padding: 0;
position: absolute;
top: 30px;
width: 200px;
z-index: 1;
overflow-y: auto;
li{
padding: 0 7px;
}
a{
border-bottom: dotted 1px #515151;
display: block;
outline: none;
padding: 7px 0 7px 3px;
2014-01-21 18:30:43 +01:00
color:@link_color;
2013-11-22 06:27:29 +01:00
}
a:link,
2014-01-21 18:30:43 +01:00
a:visited{
color:@link_color;
2013-11-22 06:27:29 +01:00
text-decoration: none;
}
a:hover,
2014-01-21 18:30:43 +01:00
a:focus,
a.sbFocus{
color: @link_color_active;
2013-11-22 06:27:29 +01:00
}
li.last a{
border-bottom: none;
}
.sbDisabled{
border-bottom: dotted 1px #515151;
color: #999;
display: block;
padding: 7px 0 7px 3px;
}
.sbGroup{
border-bottom: dotted 1px #515151;
color: #EBB52D;
display: block;
font-weight: bold;
padding: 7px 0 7px 3px;
}
.sbSub{
padding-left: 17px;
}
2013-11-14 20:11:29 +01:00
}
// Tabellen
.th {
2013-11-22 06:27:29 +01:00
background-color: #e0e0e0;
2013-11-14 20:11:29 +01:00
}
// Links
a:link, a:visited, select, input, textarea {
2013-12-30 18:32:42 +01:00
color : @link_color;
2013-11-14 20:11:29 +01:00
}
select,input,button
{
2013-12-30 18:32:42 +01:00
.color_100_gray;
2014-01-23 09:44:38 +01:00
/*font-size:99%;*/
padding: 1px;
2013-11-22 06:27:29 +01:00
border-width: 1px;
border-style: solid;
2013-12-30 18:32:42 +01:00
border-color: @gray_20;
2013-11-14 20:11:29 +01:00
}
select
{
2014-01-23 09:44:38 +01:00
/*font-size:100%;*/
2013-11-14 20:11:29 +01:00
}
a:link,a:visited
{
2013-11-22 06:27:29 +01:00
cursor:pointer;
2013-12-30 18:32:42 +01:00
color: @link_color;
2013-11-22 06:27:29 +01:00
text-decoration: none;
2013-11-14 20:11:29 +01:00
}
a:hover,a:active
{
2013-11-22 06:27:29 +01:00
cursor:pointer;
2013-12-30 18:32:42 +01:00
color:@link_color_active;
2013-11-22 06:27:29 +01:00
text-decoration: underline;
2013-11-14 20:11:29 +01:00
}
2013-12-16 10:37:26 +01:00
2013-11-14 20:11:29 +01:00
.divLoginboxHeader,
.divSideboxHeader,
a.appTitles,
.appTitles,
a.textSidebox,
.textSidebox,#fmStatusBar
{
2013-11-22 06:27:29 +01:00
font-size:90%;
2013-11-14 20:11:29 +01:00
}
.prefSection
{
2013-11-22 06:27:29 +01:00
font-weight:bold;
font-size:145%;
line-height:40px;
2013-11-14 20:11:29 +01:00
}
#divAppboxHeader
{
2013-11-22 06:27:29 +01:00
line-height:28px;
font-size:125%;
font-weight:bold;
color:#666666;
2013-11-14 20:11:29 +01:00
}
#divGenTime,#divPoweredBy
{
2013-11-22 06:27:29 +01:00
font-size: 80%;
color: #ff0000;
2013-11-14 20:11:29 +01:00
}
#divPoweredBy
{
2013-11-22 06:27:29 +01:00
color: #000000;
2013-11-14 20:11:29 +01:00
}
#sideboxdragarea {
2013-11-22 06:27:29 +01:00
z-index:100;
position:absolute;
left:0px;
top:105px;
2013-11-14 20:11:29 +01:00
}
#menu2handle {
2013-11-22 06:27:29 +01:00
padding-top: 10px;
2013-11-14 20:11:29 +01:00
}
#menu1close {
2013-11-22 06:27:29 +01:00
position: absolute;
right: 7px;
top: 7px;
2013-11-14 20:11:29 +01:00
}
2013-12-19 04:14:06 +01:00
hr.clearer {
clear: both;
height: 20px;
width: 100%;
background-color: @egw_color_1_a;
.rounded (3px);
2013-12-30 18:32:42 +01:00
border: 1px solid @gray_100;
2013-12-19 04:14:06 +01:00
}
2013-11-14 20:11:29 +01:00
//##############################################################################################################
// Lettersearch
.lettersearch {
2013-11-22 06:27:29 +01:00
.Complete_Button_lettersearch;
2013-11-14 20:11:29 +01:00
}
.lettersearch:hover {
2013-12-30 18:32:42 +01:00
.background_color_30_gray;
.color_0_gray;
2013-11-22 06:27:29 +01:00
}
2013-11-14 20:11:29 +01:00
.lettersearch_active{
2013-11-22 06:27:29 +01:00
.Complete_Button_lettersearch;
2013-12-30 18:32:42 +01:00
.background_color_30_gray;
2013-11-22 06:27:29 +01:00
// background-color: #808080 !important;
font-weight: bold;
}
2013-11-14 20:11:29 +01:00
td.lettersearch {
2013-11-22 06:27:29 +01:00
// border-color: #E0E0E0;
background-image: none;
2013-11-14 20:11:29 +01:00
}
2013-11-15 18:05:59 +01:00
/*.nextmatch_header table {
2013-11-22 06:27:29 +01:00
border: none !important;
width: 99% !important;
2013-11-15 18:05:59 +01:00
}*/
2013-11-14 20:11:29 +01:00
.egw_fw_ui_sidemenu_marker {
2013-11-22 06:27:29 +01:00
display: block;
height: 20px;
padding: 2px 5px 2px 34px;
margin: 0;
border-width: 0px 1px 0px 1px;
border-style: solid;
border-color: #c6ced6;
cursor: pointer;
color: gray;
background-color: RGB(250, 250, 250);
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
h1{
display: inline;
2014-01-08 19:49:09 +01:00
/* font-size: 10pt;*/
2013-11-22 06:27:29 +01:00
font-weight: bold;
}
2013-11-14 20:11:29 +01:00
}
.egw_fw_ui_ajaxloader {
2013-11-22 06:27:29 +01:00
display: inline-block;
width: 16px;
height: 16px;
background-image:url(../images/ajax-loader.gif);
background-repeat: no-repeat;
background-position: center;
float: right;
2013-11-14 20:11:29 +01:00
}
2013-11-25 04:16:41 +01:00
/*############################*/
2013-11-14 20:11:29 +01:00
/* traditional */
form
{
2013-11-22 06:27:29 +01:00
margin:0px;
padding:0px;
2013-11-14 20:11:29 +01:00
}
img
{
2013-11-22 06:27:29 +01:00
border:0;
2014-01-08 19:49:09 +01:00
2013-11-14 20:11:29 +01:00
}
2014-01-10 06:26:09 +01:00
/*SVG Filter / not for Logo */
2014-01-23 09:44:38 +01:00
#egw_fw_sidebar img[src$="svg"]{
.gradient_vertical (@gray_60, @gray_60);
.rounded(3px);
border: 1px solid @gray_0;;
}
2014-01-10 06:26:09 +01:00
#egw_fw_main img[src$="svg"],
#egw_fw_footer img[src$="svg"]{
2014-02-11 09:24:40 +01:00
/*.gradient_vertical (@egw_color_2_a, @egw_color_2_a);*/
.gradient_vertical (fade(@gray_100,50%), fade(@gray_100,50%));
2014-01-23 09:44:38 +01:00
2014-01-10 06:26:09 +01:00
}
2014-01-08 08:57:35 +01:00
2014-01-23 09:44:38 +01:00
2013-11-27 08:20:56 +01:00
div{
color: #000000;
}
2013-11-14 20:11:29 +01:00
input[type=submit],input[type=button],input[type=reset],button,.egwbutton
{
2013-12-30 18:32:42 +01:00
.background_color_10_gray;
2013-11-22 06:27:29 +01:00
background-image: none;
border: outset 1px #b9d5e3;
margin: 1px;
padding: 1px;
cursor: pointer;
color: #004e7d;
2013-11-14 20:11:29 +01:00
}
input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover,button:hover,.egwbutton:hover
{
2013-12-30 18:32:42 +01:00
.background_color_15_gray;
2013-11-22 06:27:29 +01:00
background-image: none;
border: outset 1px #b9d5e3;
color: #004e7d;
2013-11-14 20:11:29 +01:00
}
input[type=submit]:active,input[type=button]:active,input[type=reset]:active,button:active,.egwbutton:active
{
2013-11-22 06:27:29 +01:00
border: inset 1px #bbbbbb;
2013-11-14 20:11:29 +01:00
}
input[type=submit]:disabled,input[type=button]:disabled,input[type=reset]:disabled,button:disabled,.egwbutton:disabled
{
2013-11-22 06:27:29 +01:00
background-color: transparent;
color: gray;
2013-11-14 20:11:29 +01:00
}
input.egwbutton
{
2013-11-22 06:27:29 +01:00
background-color:#b9d5e3;
border: outset 1px #b9d5e3;
margin: 1px;
padding: 1px;
cursor: pointer;
color: #004e7d;
2013-11-14 20:11:29 +01:00
}
input.egwbutton:hover
{
2013-11-22 06:27:29 +01:00
background-color:#94bfd4;
border: outset 1px #b9d5e3;
color: #004e7d;
2013-11-14 20:11:29 +01:00
}
input.egwbutton:active
{
2013-11-22 06:27:29 +01:00
border: inset 1px #bbbbbb;
2013-11-14 20:11:29 +01:00
}
input[type=image]
{
2013-11-22 06:27:29 +01:00
cursor: pointer;
border: 0;
.dimension_width_height_s;
2013-11-14 20:11:29 +01:00
}
#thesideboxcolumn
{
2013-11-22 06:27:29 +01:00
width: 177px;
position:relative;
2013-11-14 20:11:29 +01:00
}
#sideresize
{
2013-11-22 06:27:29 +01:00
background-image:url(../images/resize.png);
width:13px;
height:13px;
right:1px;
top:1px;
position:absolute;
z-index:9999;
2013-11-14 20:11:29 +01:00
}
.divSidebox
{
2013-11-22 06:27:29 +01:00
position:relative;
border: #9c9c9c 1px solid;
overflow:auto;
2013-11-14 20:11:29 +01:00
}
.divSideboxHeader
{
2013-11-22 06:27:29 +01:00
text-align:center;
2013-12-30 18:32:42 +01:00
.background_color_15_gray;
2013-11-22 06:27:29 +01:00
padding-top:2px;
2013-12-30 18:32:42 +01:00
.color_50_gray;
2013-11-14 20:11:29 +01:00
}
a.divSideboxEntry, .divSideboxEntry
{
2013-11-22 06:27:29 +01:00
text-align:left;
background-color:#FDFDFD;
2013-11-14 20:11:29 +01:00
}
a.appTitles,.appTitles
{
2013-11-22 06:27:29 +01:00
height:18px;
padding-top:2px;
padding-bottom:2px;
2013-11-14 20:11:29 +01:00
}
a.textSidebox
{
2013-11-22 06:27:29 +01:00
padding: 0;
border-top: 0;
2013-11-14 20:11:29 +01:00
}
.textSidebox
{
2013-11-22 06:27:29 +01:00
padding-top:3px;
padding-bottom:3px;
padding-left: 1px;
border-top: solid #aaaaaa 1px;
overflow: auto;
2013-11-14 20:11:29 +01:00
}
.sideboxSpace
{
2013-11-22 06:27:29 +01:00
height:9px;
2013-11-14 20:11:29 +01:00
}
.greyLine
{
2013-11-22 06:27:29 +01:00
margin:1px;
border-top:solid 1px #7e7e7e;
height:1px;
2013-11-14 20:11:29 +01:00
}
#extraIcons
{
2013-11-22 06:27:29 +01:00
background-color:#eeeeee;
border:solid 1px #7e7e7e;
2013-11-14 20:11:29 +01:00
}
.extraIconsRow
{
2013-11-22 06:27:29 +01:00
border:solid 1px #dddddd;
padding:2px;
2013-11-14 20:11:29 +01:00
}
#topmenu
{
2013-11-22 06:27:29 +01:00
background-color: #0081c1;
background-image: url(../images/bgtopmenu2.png);
color:#006699;
/*border-top: solid 1px #7e7e7e;*/
border-bottom: solid #5793ff 1px;
height:20px;
padding-top:4px ;
line-height:16px;
2013-11-14 20:11:29 +01:00
}
#topmenu a
{
2013-11-22 06:27:29 +01:00
color:#006699;
2013-11-14 20:11:29 +01:00
}
#topmenu_items
{
2013-11-22 06:27:29 +01:00
float:left;
2013-11-14 20:11:29 +01:00
}
#topmenu_info
{
2013-11-22 06:27:29 +01:00
float:right;
2013-11-14 20:11:29 +01:00
}
#divUpperTabs
{
2013-11-22 06:27:29 +01:00
text-align:right;
height: 15px;
margin-right: 10px;
2013-11-14 20:11:29 +01:00
}
#divUpperTabs ul
{
2013-11-22 06:27:29 +01:00
display:inline;
margin:0;
padding:10px 10px 0 1px;
list-style:none;
2013-11-14 20:11:29 +01:00
}
#divUpperTabs li
{
2013-11-22 06:27:29 +01:00
float:right;
margin:0 5px 0 0;
padding:0 5px 0 5px;
border:solid 1px #9c9c9c;
border-bottom: 0px;
2013-11-14 20:11:29 +01:00
}
//#divAppIconBar
//{
// background-color:silver;
// border:solid 1px #9c9c9c;
// background-image: url(../images/background-icon-bar.png);
// background-repeat: repeat-x;
// overflow:visible;
// height: 45px; /* prevents text line to show in IE7+8(Compatibilitymode) */
//}
/* Star-Plus-HTML Hack fix for the above */
*:first-child+html #divAppIconBar
{
2013-11-22 06:27:29 +01:00
height: 60px;
2013-11-14 20:11:29 +01:00
}
#divAppTextBar
{
2013-11-22 06:27:29 +01:00
background-color:white;
2013-11-14 20:11:29 +01:00
}
#divStatusBar
{
2013-11-22 06:27:29 +01:00
background-color:white;
height:18px;
padding-left:3px;
2013-11-14 20:11:29 +01:00
}
#tdSidebox
{
2013-11-22 06:27:29 +01:00
width:170px;
background-color:white;
overflow:visible;
2013-11-14 20:11:29 +01:00
}
#tdAppbox
{
2013-11-22 06:27:29 +01:00
background-color:white;
padding-left:5px;
width: 100%;
2013-11-14 20:11:29 +01:00
}
#divAppboxHeader
{
2013-11-22 06:27:29 +01:00
background-image:url(../images/appbox-header-background.png);
background-repeat: repeat-x;
height: 25px;
border-bottom:solid 1px #c0c0c0;
text-align:center;
padding-bottom:0px;
border-top:solid 1px #9c9c9c;
border-left:solid 1px #9c9c9c;
border-right:solid 1px #9c9c9c;
2014-02-03 11:05:36 +01:00
table img {.dimension_height_s;}
2013-11-14 20:11:29 +01:00
}
#divAppbox
{
2013-11-22 06:27:29 +01:00
background-color:#ffffff;
padding:5px;
border-bottom:solid 1px #9c9c9c;
border-left:solid 1px #9c9c9c;
border-right:solid 1px #9c9c9c;
2013-11-14 20:11:29 +01:00
}
#divGenTime,#divPoweredBy
{
2013-11-22 06:27:29 +01:00
bottom:4px;
text-align:center;
width:99%;
2013-11-20 09:41:08 +01:00
}
2014-01-11 19:51:59 +01:00
.pageGenTime,#divPoweredBy
{
font-size: 80%;
color: #ff0000;
text-align: center;
}
.pageGenTime {
margin-top: 1em;
}
.pageGenTime > span:after {
content: ", ";
}
.pageGenTime > span:last-child:after {
content: "";
}
2013-11-20 09:41:08 +01:00
// Button global for all and everything:
2013-11-22 06:27:29 +01:00
2013-12-19 04:14:06 +01:00
/*###########################
# #
# #
############################*/
2013-11-20 09:41:08 +01:00
button{
2013-12-30 18:32:42 +01:00
// siehe etemplate2.less
2013-12-20 10:36:43 +01:00
}
2014-01-14 09:20:19 +01:00
button.et2_button_text,
input[type=button] {
background-image[src$="svg"]{.gradient_vertical (@gray_30, @gray_30);}
&:hover{
/*background-color: @gray_30;*/
text-shadow: 0px 0px;
color: @gray_0;
.box_shadow_standard_light_hover;
background-color: @color_positive_action_active;
background-size: 20px 20px;
}
&:active {.box_shadow_standard_light_active !important;}
}
/* ########################################################################################
*
* Button mit Bildern
*
######################################################################################## */
button.et2_button_with_image{
.Complete_Button_text_icon_before;
background-repeat: no-repeat !important;
background-position: 6px center;
background-size: 20px 20px;
background-color: @gray_30;
background-color[url$="svg"]{.gradient_vertical (@gray_30, @gray_30);}
}
2013-12-20 10:36:43 +01:00
/* ########################################################################################
*
2014-02-03 11:05:36 +01:00
* Button löschen / delete / => color-negative-action // red
2013-12-20 10:36:43 +01:00
*
######################################################################################## */
2013-11-20 09:41:08 +01:00
2014-01-21 18:30:43 +01:00
input[type="submit"][id*="delete"],
input[type="button"][id*="delete"],
2014-02-03 11:05:36 +01:00
input[id*="delete"],
2013-12-20 10:36:43 +01:00
button[id="delete"],
button[id="infolog-edit_button[delete]"],
2014-01-17 12:53:23 +01:00
button[id="addressbook-edit_button[delete]"],
2014-01-21 18:30:43 +01:00
button[id="resources-edit_delete"],
2014-01-30 19:55:29 +01:00
button[id="calendar-edit_button[delete]"],
2014-02-10 10:31:29 +01:00
button[id="timesheet-edit_button[delete]"],
button[id="displayToolbar-delete"]
2013-12-20 10:36:43 +01:00
{
2014-02-06 18:35:54 +01:00
/*background-color: @color_negative_action_hover !important;*/
background-image:url('../images/delete.png')!important;
2013-11-22 06:27:29 +01:00
margin-left: 3em;
2014-02-06 18:35:54 +01:00
background-color: @gray_30;
2013-11-22 06:27:29 +01:00
.Complete_Button_text_icon_before;
2013-12-20 10:36:43 +01:00
/*background-color: @color-negative-action !important;*/
2014-02-06 18:35:54 +01:00
/*color: @gray_0 !important;*/
2013-12-20 10:36:43 +01:00
&:hover {
2013-11-20 09:41:08 +01:00
2013-12-20 10:36:43 +01:00
background-image:url('../images/delete-hover.png') !important;
2013-12-30 18:32:42 +01:00
background-color: @color_negative_action_hover !important;
2013-12-20 10:36:43 +01:00
.Complete_Button_text_icon_before;
2013-12-30 18:32:42 +01:00
color: @gray_0 !important;;
2013-12-20 10:36:43 +01:00
}
&:active {
2013-11-22 06:27:29 +01:00
2013-12-16 10:37:26 +01:00
background-image:url('../images/delete-hover.png') !important;
2013-12-30 18:32:42 +01:00
background-color: @color_negative_action_active !important;
2013-12-16 10:37:26 +01:00
.Complete_Button_text_icon_before;
2013-12-30 18:32:42 +01:00
color: @gray_0;
2013-12-20 10:36:43 +01:00
}
}
2013-12-16 10:37:26 +01:00
2013-12-20 10:36:43 +01:00
/* ########################################################################################
*
2014-02-03 11:05:36 +01:00
* Button edit + save + apply + copy => color-positive-action // green
2013-12-20 10:36:43 +01:00
*
######################################################################################## */
2013-12-16 10:37:26 +01:00
2014-01-14 09:20:19 +01:00
button[id*="save"],
button[id*="apply"],
button[id*="copy"],
2013-12-16 10:37:26 +01:00
button[id*="edit_button[edit]"]{
2014-01-14 09:20:19 +01:00
img[url*="svg"]{.gradient_vertical (@gray_30, @gray_30); fill: red;}
2013-12-30 18:32:42 +01:00
&:active {background-color: @color_positive_action_active;}
2013-11-22 06:27:29 +01:00
}
2014-01-14 09:20:19 +01:00
2013-12-16 10:37:26 +01:00
button#filemanager-select_button[ok]{
2013-12-30 18:32:42 +01:00
&:active {background-color: @color_positive_action_active;}
2013-12-16 10:37:26 +01:00
}
2013-11-22 06:27:29 +01:00
2014-02-03 11:05:36 +01:00
// Password change
#passwordchange {
background-image:url('../images/cancel.png') !important;
.Complete_Button_text_icon_before;
&:hover {background-color: @color_positive_action_active !important; .box_shadow_standard_light_hover;}
&:active {background-color: @color_positive_action_active !important; .box_shadow_standard_light_inset;}
}
/* ########################################################################################
*
2013-12-16 10:37:26 +01:00
/*ui-widget*/
2013-12-20 10:36:43 +01:00
/*edit series*/
2013-12-16 10:37:26 +01:00
button#series {
2014-01-14 09:20:19 +01:00
background-image:url('../images/edit.svg') !important;
2013-12-20 10:36:43 +01:00
.Complete_Button_text_icon_before;
2014-01-14 09:20:19 +01:00
&:hover {background-image:url('../images/edit.svg') !important;}
2013-12-30 18:32:42 +01:00
&:active {background-color: @color_positive_action_active !important;}
2013-12-16 10:37:26 +01:00
}
2013-12-20 10:36:43 +01:00
/*edit exception*/
2013-12-16 10:37:26 +01:00
button#exception {
2014-01-14 09:20:19 +01:00
background-image:url('../images/edit.svg') !important;
2013-12-20 10:36:43 +01:00
.Complete_Button_text_icon_before;
2014-01-14 09:20:19 +01:00
&:hover {background-image:url('../images/edit.svg') !important;}
2013-12-30 18:32:42 +01:00
&:active {background-color: @color_positive_action_active !important;}
2013-12-16 10:37:26 +01:00
}
/*calendar series add*/
#calendar-edit_add {
2013-12-30 18:32:42 +01:00
&:active {background-color: @color_positive_action_active !important;}
2013-12-16 10:37:26 +01:00
/* .Complete_Button_add;
&:hover {.Complete_Button_add_hover;} */
}
/*calendar search freetime*/
#calendar-edit_freetime{
2013-12-30 18:32:42 +01:00
&:active {background-color: @color_positive_action_active !important;}
2013-12-16 10:37:26 +01:00
}
/*calendar search freetime*/
button[id*="edit_button[add_alarm]"]{
2013-12-30 18:32:42 +01:00
&:active {background-color: @color_positive_action_active !important;}
2013-12-16 10:37:26 +01:00
}
2013-12-20 10:36:43 +01:00
/* ########################################################################################
*
2014-02-03 11:05:36 +01:00
* Button cancel / => color-cancel-action // yellow
2013-12-20 10:36:43 +01:00
*
######################################################################################## */
2013-12-16 10:37:26 +01:00
2013-12-20 10:36:43 +01:00
button[id*="cancel"],
2014-02-03 11:05:36 +01:00
button[id*="importexport-wizardbox_button[previous]"],
2013-12-20 10:36:43 +01:00
button#cancel{
2013-11-25 04:16:41 +01:00
2013-12-30 18:32:42 +01:00
&:hover { background-color: @color_cancel_action_hover !important; color: @gray_100; }
&:active { background-color: @color_cancel_action_active !important; color: @gray_80; }
2013-12-19 04:14:06 +01:00
}
2013-11-25 04:16:41 +01:00
2013-12-20 10:36:43 +01:00
/* et2_box_widget ###*/
2013-12-30 18:32:42 +01:00
/*div.et2_box_widget .et2_button_text:last_child,*/
2013-12-20 10:36:43 +01:00
button[id="cancel"]{
2013-11-22 06:27:29 +01:00
2013-12-20 10:36:43 +01:00
background-image:url('../images/cancel.png') !important;
.Complete_Button_text_icon_before;
content: "ID missing";
2013-12-30 18:32:42 +01:00
&:hover {background-color: @color_cancel_action_hover !important; .box_shadow_standard_light_hover;}
&:active {background-color: @color_cancel_action_active !important; .box_shadow_standard_light_inset;}
2013-11-20 09:41:08 +01:00
}
2014-02-03 11:05:36 +01:00
// Password cancel
#passwordcancel {
background-image:url('../images/cancel.png') !important;
.Complete_Button_text_icon_before;
&:hover {background-color: @color_cancel_action_hover !important; .box_shadow_standard_light_hover;}
&:active {background-color: @color_cancel_action_active !important; .box_shadow_standard_light_inset;}
}
2013-12-20 10:36:43 +01:00
/* ########################################################################################
*
* Button hinzufügen
*
######################################################################################## */
2013-11-25 04:16:41 +01:00
button.add {
.Complete_Button_add ;
}
2013-12-16 10:37:26 +01:00
2013-12-20 10:36:43 +01:00
button[id="add"]{
2013-12-19 04:14:06 +01:00
background-image:url('../images/add.png') !important;
.Complete_Button_text_icon_before;
2013-12-30 18:32:42 +01:00
&:active {background-color: @color_positive_action_active !important;}
2013-12-19 04:14:06 +01:00
}
2014-01-14 09:20:19 +01:00
2013-12-16 10:37:26 +01:00
2013-12-19 04:14:06 +01:00
/*Button Ende #######################################################*/
2013-12-16 10:37:26 +01:00
2014-01-17 12:53:23 +01:00
/*dhtml Submenu ##########################################################*/
div.dhtmlxMenu_egw_SubLevelArea_Polygon{
table.dhtmlxMebu_SubLevelArea_Tbl{
tr.sub_item {
.img_filter_gray;
td.sub_item_icon{
img[src*="svg"]{background-color: @gray_100; .gradient_vertical (@gray_90, @gray_90);}
}
}
tr.sub_item_selected {
background-color: @egw_color_1_a !important;
background-image: none !important;}
}
}
2013-12-16 10:37:26 +01:00
/////* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
2013-12-20 10:36:43 +01:00
select {
padding-right: 20px !important;
-webkit-appearance:none;
margin:0;
background: #ffffff url(../images/selectarrowdown.png) no-repeat center right;
background-size: 20px auto;
}
2013-12-16 10:37:26 +01:00
}
2013-12-20 10:36:43 +01:00
2014-01-17 12:53:23 +01:00
2014-01-21 18:30:43 +01:00
/**
* Clientside Javascript error-log
*/
#topmenu_info_error {
width: 16px;
cursor: pointer;
}
div.client_error_log {
max-height: 50ex;
}
div.client_error_log tbody {
vertical-align: top;
}
div.client_error_log tr.hidden td > div {
max-height: 2ex;
max-width: 40ex;
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
}
div.client_error_log tr td.timestamp > div {
text-wrap: none;
white-space: normal;
width: 27ex;
}
div.client_error_log tr.hidden td.stack > div {
text-indent: 100%
}
div.client_error_log tr td.stack > div {
white-space: pre;
}
2014-01-17 12:53:23 +01:00
2014-02-03 11:05:36 +01:00
/**
* table_passord_change
*/
table.table_passord_change{
margin: 1em;
tr {height: 50px;}
td:first-child{ padding-right: 4em;}
}
2014-02-11 09:24:40 +01:00
/*z.b. Dateimanager overlay*/
.egwGridView_grid span.iconOverlayContainer {
margin: 2px 5px 2px 2px;
position: relative;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
overflow: visible;
display: inline-block;
}
.egwGridView_grid span.overlayContainer {
position: absolute;
right: -2px;
bottom: -2px;
vertical-align: bottom;
text-align: right;
}
.egwGridView_grid span.iconContainer {
display: inline-block;
padding: 0;
margin: 0;
text-align: center;
}
.egwGridView_grid span.overlayContainer img.overlay {
position: relative;
top: 1px;
margin: 0;
padding: 0;
height: 9px;
width: 11px;
}
2014-02-03 11:05:36 +01:00
//