extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2025-03-12 14:09:19 +01:00
Code Issues Packages Projects Releases Wiki Activity

Pixelegg changes from Thursday

Browse Source
This commit is contained in:
Ralf Becker 2013-12-12 20:27:20 +00:00
parent 325c718201
commit fadec23222
12 changed files with 1678 additions and 1588 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

263
pixelegg/css/pixelegg.css
View File

@ -1178,6 +1178,7 @@ div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
.ms-res-ctn { .ms-res-ctn {
overflow-x: hidden; overflow-x: hidden;
} }
@media all {
/** /**
* Top level * Top level
*/ */
@ -2000,23 +2001,33 @@ div.message.floating {
border: none !important; border: none !important;
border-color: #000000; border-color: #000000;
background-image: none !important; background-image: none !important;
height: 37px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-topleft: 0px;
border-top-right-radius: 15px; border-top-right-radius: 15px;
border-bottom-right-radius: 15px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
} }
.nextmatch_header > .filters select, .nextmatch_header > .filters .et2_label {
.nextmatch_header > .filters input, font-size: 0.9em;
.nextmatch_header > .filters button { padding: 0.2em;
height: 25px;
padding: 0px 0px 0px 3px;
margin: 0;
} }
.nextmatch_header > .filters select { .nextmatch_header > .filters .et2_label select {
max-width: 15% !important;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
width: auto; width: auto;
margin: 0.5em 0em 0.5em 0.5em; margin: 5px 0em 5px 5px;
padding: 3px; padding: 3px;
outline: none; outline: none;
display: inline-block; display: inline-block;
@ -2024,16 +2035,23 @@ div.message.floating {
-moz-appearance: none; -moz-appearance: none;
appearance: none; appearance: none;
cursor: pointer; cursor: pointer;
margin-right: 2ex; margin-left: 2px;
margin-right: 1px;
margin-top: 6px;
font-size: 1.2em;
max-width: 14% !important;
height: 25px;
/*top: 8px;*/
/*padding: 5px 0px 0px 3px;*/
/*Dialog - Addressbook - View */ /*Dialog - Addressbook - View */
} }
.nextmatch_header > .filters select:hover { .nextmatch_header > .filters .et2_label select:hover {
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
} }
.nextmatch_header > .filters select #infolog-index_cat_id, .nextmatch_header > .filters .et2_label select #infolog-index_cat_id,
.nextmatch_header > .filters select #infolog-index_filter { .nextmatch_header > .filters .et2_label select #infolog-index_filter {
width: 50% !important; width: 50% !important;
} }
.nextmatch_header > .filters > select > option { .nextmatch_header > .filters > select > option {
@ -2041,6 +2059,9 @@ div.message.floating {
} }
.nextmatch_header > .filters input[type=search] { .nextmatch_header > .filters input[type=search] {
background-color: #ffd44d; background-color: #ffd44d;
color: black;
/*height: 25px;*/
float: left;
} }
.nextmatch_header > .filters button.et2_button { .nextmatch_header > .filters button.et2_button {
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
@ -2048,7 +2069,8 @@ div.message.floating {
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
width: 3em; width: 45px;
height: 27px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-webkit-border-top-right-radius: 20px; -webkit-border-top-right-radius: 20px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
@ -2059,12 +2081,13 @@ div.message.floating {
color: #ffd44d; color: #ffd44d;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
padding: 3px; padding: 0px;
margin-left: 5px; margin-left: 5px;
background-image: url("../images/search.png"); background-image: url("../images/search.png");
background-position: center 0; background-position: center 0;
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
float: left;
} }
.nextmatch_header > .filters button.et2_button:hover { .nextmatch_header > .filters button.et2_button:hover {
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
@ -2163,6 +2186,47 @@ div.message.floating {
} }
/*################################################################ /*################################################################
* *
* Kategorien
*
################################################################*/
/*ADD Button*/
#admin-categories-index_add {
background-color: #0b5fa4 !important;
color: #FFF;
text-shadow: none;
/* height: auto;*/
background-image: none !important;
-webkit-border-radius: 3px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius: 3px;
-moz-border-radius-topleft: 20px;
border-radius: 3px;
border-top-left-radius: 20px;
}
#admin-categories-index_add:before {
content: "+";
font-size: 1.5em;
color: #ffc200;
line-height: 1.1em;
}
#admin-categories-index_add:hover {
background-color: #66a1d2 !important;
color: #ffc200;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-webkit-border-radius: 3px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius: 3px;
-moz-border-radius-topleft: 20px;
border-radius: 3px;
border-top-left-radius: 20px;
}
#admin-categories-index_filter {
top: 8px;
}
/*################################################################
*
* Favorites * Favorites
* *
################################################################*/ ################################################################*/
@ -2223,36 +2287,6 @@ div.message.floating {
background-size: 16px 16px !important; background-size: 16px 16px !important;
background-position: 10px center !important; background-position: 10px center !important;
} }
/* // Liste
ul{
border-color: @gray-30;
.background-color-0-gray;
.color-100-gray;
li{
.background-color-0-gray;
&:hover {.background-color-10-gray;}
a {
height: 40px;
border: none;
img {height: 16px; width: 16px;}
}
a:hover {
background: none;
text-indent: -22px;
margin-left: 21px;
height: 40px;
}
}
li#blank {}
li#add { }
}*/
/* Favorites */ /* Favorites */
.nextmatch_header div[id$=favorite_wrapper] { .nextmatch_header div[id$=favorite_wrapper] {
margin-top: 6px; margin-top: 6px;
@ -2687,6 +2721,13 @@ div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
.ms-res-ctn { .ms-res-ctn {
overflow-x: hidden; overflow-x: hidden;
} }
}
/*#################################### Media Queries #####################################################*/
@media only screen and (min-width: 980px) and (max-width: 1279px) {
.nextmatch_header > .filters select {
margin: 0px;
}
}
/** /**
* EGroupware: Stylite Pixelegg template * EGroupware: Stylite Pixelegg template
* *
@ -3231,7 +3272,7 @@ span.ui-icon-search {
border-width: 9px 0px 0px 9px; border-width: 9px 0px 0px 9px;
border-style: solid; border-style: solid;
border-color: #b4b4b4; border-color: #b4b4b4;
background-color: #bfbfbf; background-color: #b3b3b3 !important;
} }
.egw_fw_ui_app_header_container .egw_fw_ui_app_header { .egw_fw_ui_app_header_container .egw_fw_ui_app_header {
border-width: 0px 0px 0px 0px; border-width: 0px 0px 0px 0px;
@ -3337,7 +3378,7 @@ select {
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
width: auto; width: auto;
margin: 0.5em 0em 0.5em 0.5em; margin: 5px 0em 5px 5px;
padding: 3px; padding: 3px;
margin: 0; margin: 0;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
@ -3469,7 +3510,7 @@ div.selectbox-wrapper ul li {
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
width: auto; width: auto;
margin: 0.5em 0em 0.5em 0.5em; margin: 5px 0em 5px 5px;
padding: 3px; padding: 3px;
outline: none; outline: none;
display: inline-block; display: inline-block;
@ -4286,24 +4327,6 @@ table.egwGridView_grid span.arrow.loading {
* *
* *
*/ */
#login-bg {
background-image: url("../images/login/jp-mountain-blue-sun.jpg") !important;
background-size: 100% 100%;
background-repeat: no-repeat;
height: 120%;
position: fixed;
width: 120%;
z-index: -1;
}
#login-bg img {
bottom: 0;
left: 0;
margin: auto;
min-height: 50%;
min-width: 50%;
right: 0;
top: 0;
}
#loginMainDiv { #loginMainDiv {
padding: 0px; padding: 0px;
min-height: 720px; min-height: 720px;
@ -4323,16 +4346,43 @@ table.egwGridView_grid span.arrow.loading {
top: 1px; top: 1px;
} }
#loginMainDiv div#centerBox { #loginMainDiv div#centerBox {
margin: 0 auto;
width: 444px;
background-color: #ffc200;
z-index: 100; z-index: 100;
padding-left: 40%; -webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-top-left-radius: 25px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-topleft: 25px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-top-left-radius: 25px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border-top: solid 1px #0c5da5;
border-left: solid 1px #0c5da5;
border-right: solid 1px #0c5da5;
border-bottom: solid 1px #0c5da5;
} }
#loginMainDiv div#centerBox #loginScreenMessage { #loginMainDiv div#centerBox #loginScreenMessage {
position: relative; margin: 1em;
top: 400px;
} }
#loginMainDiv div#centerBox #loginCdMessage { #loginMainDiv div#centerBox #loginCdMessage {
margin-bottom: 1em; margin: 1em;
margin-left: 40%; -webkit-border-radius: 3px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius: 3px;
-moz-border-radius-topleft: 20px;
border-radius: 3px;
border-top-left-radius: 20px;
color: red;
text-align: center;
} }
#loginMainDiv div#centerBox #loginCdMessage span { #loginMainDiv div#centerBox #loginCdMessage span {
padding: 0.5em; padding: 0.5em;
@ -4341,6 +4391,9 @@ table.egwGridView_grid span.arrow.loading {
text-shadow: -1px -1px 0px #101010, 1px 1px 0px #505050; text-shadow: -1px -1px 0px #101010, 1px 1px 0px #505050;
width: 100%; width: 100%;
} }
#loginMainDiv div#centerBox form {
margin: 1em;
}
#loginMainDiv div#centerBox form table.divLoginbox { #loginMainDiv div#centerBox form table.divLoginbox {
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
@ -4360,7 +4413,7 @@ table.egwGridView_grid span.arrow.loading {
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
width: auto; width: auto;
margin: 0.5em 0em 0.5em 0.5em; margin: 5px 0em 5px 5px;
padding: 3px; padding: 3px;
outline: none; outline: none;
display: inline-block; display: inline-block;
@ -4755,6 +4808,7 @@ img {
white-space: nowrap; white-space: nowrap;
float: right; float: right;
display: flex; display: flex;
height: 16px;
} }
#egw_fw_topmenu_info_items .topmenu_info_item:nth-child(2) { #egw_fw_topmenu_info_items .topmenu_info_item:nth-child(2) {
/*float: right;*/ /*float: right;*/
@ -5051,7 +5105,7 @@ img {
#egw_fw_sidebar #egw_fw_splitter { #egw_fw_sidebar #egw_fw_splitter {
position: absolute; position: absolute;
background-color: #b3b3b3 !important; background-color: #b3b3b3 !important;
width: 4px; width: 5px;
top: 60px; top: 60px;
bottom: 3px; bottom: 3px;
right: 0px; right: 0px;
@ -5065,7 +5119,7 @@ img {
background-repeat: no-repeat; background-repeat: no-repeat;
background-color: #b3b3b3 !important; background-color: #b3b3b3 !important;
position: absolute; position: absolute;
/* width: 95px;*/ width: 5px;
height: 100%; height: 100%;
cursor: col-resize; cursor: col-resize;
} }
@ -5085,11 +5139,20 @@ img {
.egw_fw_ui_category_content img { .egw_fw_ui_category_content img {
height: 16px; height: 16px;
width: 16px; width: 16px;
vertical-align: middle;
} }
.egw_fw_ui_category_content:hover { .egw_fw_ui_category_content:hover {
background-color: #ffffff; background-color: #ffffff;
border-color: #828282; border-color: #828282;
} }
.egw_fw_ui_category_content input#uical_select_owner_multiple {
height: 16px;
width: 16px;
vertical-align: middle;
}
.egw_fw_ui_category_content select#calendar_filter {
margin-top: 4px;
}
.egw_fw_ui_sidemenu_listitem { .egw_fw_ui_sidemenu_listitem {
padding: 0.5em 0; padding: 0.5em 0;
margin: 4px 0 5px 0px; margin: 4px 0 5px 0px;
@ -5299,22 +5362,7 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
width: 100%; width: 100%;
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header {
-webkit-border-bottom-right-radius: 0; margin: -1px 0 0 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin: 0;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
padding: 0px 5px 0px 5px; padding: 0px 5px 0px 5px;
background-position: bottom; background-position: bottom;
background-repeat: repeat-x; background-repeat: repeat-x;
@ -5337,12 +5385,27 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
position: relative; position: relative;
-moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 5px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/* -moz-border-radius-topright:3px;
-webkit-border-top-right-radius:3px; -webkit-border-top-right-radius:3px;
-moz-border-radius-topleft:3px; -moz-border-radius-topleft:3px;
-webkit-border-top-left-radius:3px; -webkit-border-top-left-radius:3px;
border-top-right-radius:3px; border-top-right-radius:3px;
border-top-left-radius: 3px; border-top-left-radius:3px;*/
background-color: #fafafa; background-color: #fafafa;
display: inline-block; display: inline-block;
margin: 3px 5px 0px 0px; margin: 3px 5px 0px 0px;
@ -5399,11 +5462,9 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
} }
#egw_fw_main .egw_fw_ui_tab_content { #egw_fw_main .egw_fw_ui_tab_content {
width: 100%; width: 100%;
padding: 0; padding: 0px;
margin: 0; margin: 0;
/* border-width: 0px 5px 0px 1px; overflow: auto;
border-style: solid;
border-color: @gray-30;*/
} }
#egw_fw_main .egw_fw_ui_tab_content > div { #egw_fw_main .egw_fw_ui_tab_content > div {
width: 100%; width: 100%;
@ -5429,7 +5490,6 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
width: 100%; width: 100%;
text-align: left; text-align: left;
padding: 3px; padding: 3px;
background-color: #bfbfbf;
clear: both; clear: both;
opacity: 1; opacity: 1;
z-index: 100; z-index: 100;
@ -5439,7 +5499,7 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
color: #696969; color: #696969;
} }
#egw_fw_footer a:last-child:after { #egw_fw_footer a:last-child:after {
content: "Und wir waren auch dabei....pixelegg"; content: " + Layout: pixelegg";
} }
#egw_fw_footer:hover { #egw_fw_footer:hover {
opacity: 0.1; opacity: 0.1;
@ -5536,6 +5596,9 @@ table.dialog-main-view {
.dialog-header .th { .dialog-header .th {
background-color: #0c5da5 !important; background-color: #0c5da5 !important;
} }
.dialog-header tr {
height: 30px;
}
.dialog-header td { .dialog-header td {
padding: 0px; padding: 0px;
} }
@ -5548,7 +5611,7 @@ table.dialog-main-view {
} }
.dialog-header td.space span img { .dialog-header td.space span img {
background: #ffffff; background: #ffffff;
border: 5px solid #ffffff; border: 2px solid #ffffff;
/*filter grey*/ /*filter grey*/
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
/* Firefox 10+, Firefox on Android */ /* Firefox 10+, Firefox on Android */

1
pixelegg/css/pixelegg.less
View File

@ -65,5 +65,4 @@
// //
// //
// //

BIN
pixelegg/images/url.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

4
pixelegg/js/slider.js
View File

@ -8,6 +8,7 @@
* @version $Id: class.pixelegg_framework.inc.php 2741 2013-11-14 13:53:24Z ralfbecker $ * @version $Id: class.pixelegg_framework.inc.php 2741 2013-11-14 13:53:24Z ralfbecker $
*/ */
//open
function show_pixelegg_header(_toggle, _delay) function show_pixelegg_header(_toggle, _delay)
{ {
$j("#egw_fw_header").slideToggle(); $j("#egw_fw_header").slideToggle();
@ -22,6 +23,7 @@ function show_pixelegg_header(_toggle, _delay)
$j(_toggle).parent().addClass("slideup"); $j(_toggle).parent().addClass("slideup");
} }
//closed
function hide_pixelegg_header(_toggle, _delay) function hide_pixelegg_header(_toggle, _delay)
{ {
$j("#egw_fw_header").slideToggle(); $j("#egw_fw_header").slideToggle();
@ -29,7 +31,7 @@ function hide_pixelegg_header(_toggle, _delay)
$j("#egw_fw_topmenu_info_items").show(); $j("#egw_fw_topmenu_info_items").show();
$j("#egw_fw_logout").show(); $j("#egw_fw_logout").show();
$j("#egw_fw_print").show(); $j("#egw_fw_print").show();
// $j("#egw_fw_tabs").animate({'margin-top':'-13px'},_delay); $j("#egw_fw_tabs").animate({'margin-top':'1px'},_delay);
$j("#egw_fw_topmenu_info_items").animate({ $j("#egw_fw_topmenu_info_items").animate({
"bottom": "3px", "bottom": "3px",
"right": "5px", "right": "5px",

BIN
pixelegg/less/def_buttons.less
View File

Binary file not shown.

128
pixelegg/less/etemplate2.less
View File

@ -10,6 +10,10 @@
@import (reference) "./def_buttons.less"; @import (reference) "./def_buttons.less";
@import (less) "../../etemplate/templates/default/etemplate2.css"; @import (less) "../../etemplate/templates/default/etemplate2.css";
@media all {
/** /**
* Top level * Top level
*/ */
@ -928,54 +932,59 @@ div.message.floating {
border: none !important; border: none !important;
border-color: @gray-100; border-color: @gray-100;
background-image: none !important; background-image: none !important;
border-top-right-radius: 15px; height: 37px;
border-bottom-right-radius: 15px; .border-radius (15px, 3px, 0px, 0px);
}
.nextmatch_header > .filters { .et2_label {
select,
input, font-size: 0.9em;
button { padding: 0.2em;
height: 25px;
padding: 0px 0px 0px 3px;
margin: 0;
}
}
// Select Field select {
.nextmatch_header > .filters select {
margin-right: 2ex;
max-width: 15% !important;
.Complete_Button_select; .Complete_Button_select;
margin-right: 2ex; margin-left: 2px;
margin-right: 1px;
margin-top: 6px;
font-size: 1.2em;
max-width: 14% !important;
height: 25px;
/*top: 8px;*/
/*padding: 5px 0px 0px 3px;*/
&:hover{ &:hover{
.Complete_Button_select_hover; .Complete_Button_select_hover;
} }
&:after {}
/*Dialog - Addressbook - View */ /*Dialog - Addressbook - View */
#infolog-index_cat_id, #infolog-index_cat_id,
#infolog-index_filter {width: 50% !important;} #infolog-index_filter {width: 50% !important;}
}
} }
// Select -> Option }
// Select -> Option
.nextmatch_header > .filters > select > option {font-size: 0.9em;} .nextmatch_header > .filters > select > option {font-size: 0.9em;}
// Search Field // Search Field
.nextmatch_header > .filters input[type=search] {
.nextmatch_header > .filters input[type=search] { .background-color-search;} .background-color-search;
color: black;
/*height: 25px;*/
float: left;
}
.nextmatch_header > .filters button.et2_button { .nextmatch_header > .filters button.et2_button {
.Complete_Button_search_action; .Complete_Button_search_action;
float: left;
&:hover{ &:hover{
.box_shadow_standard_light_hover; .box_shadow_standard_light_hover;
@ -1047,6 +1056,23 @@ div.message.floating {
margin-bottom: 3px; margin-bottom: 3px;
} }
/*################################################################
*
* Kategorien
*
################################################################*/
/*ADD Button*/
#admin-categories-index_add {
.Complete_Button_add;
&:hover {.Complete_Button_add_hover};
}
#admin-categories-index_filter {top: 8px;}
/*################################################################ /*################################################################
* *
* Favorites * Favorites
@ -1136,36 +1162,6 @@ div.message.floating {
} // dropdown } // dropdown
/* // Liste
ul{
border-color: @gray-30;
.background-color-0-gray;
.color-100-gray;
li{
.background-color-0-gray;
&:hover {.background-color-10-gray;}
a {
height: 40px;
border: none;
img {height: 16px; width: 16px;}
}
a:hover {
background: none;
text-indent: -22px;
margin-left: 21px;
height: 40px;
}
}
li#blank {}
li#add { }
}*/
/* Favorites */ /* Favorites */
@ -1657,4 +1653,24 @@ div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
.ms-res-ctn { .ms-res-ctn {
overflow-x: hidden; overflow-x: hidden;
} }
//
} // Ende Media all
/*#################################### Media Queries #####################################################*/
@media only screen and (min-width: 980px) and (max-width: 1279px) {
.nextmatch_header > .filters select { margin: 0px;}
}
@media only screen and (min-width: 760px) and (max-width: 979px) {
}
@media only screen and (min-width: 320px) and (max-width: 759px) {
}
//

BIN
pixelegg/less/layout_dialog.less
View File

Binary file not shown.

BIN
pixelegg/less/layout_footer.less
View File

Binary file not shown.

58
pixelegg/less/layout_loginPage.css
View File

@ -18,24 +18,6 @@
* *
* *
*/ */
#login-bg {
background-image: url("../images/login/jp-mountain-blue-sun.jpg") !important;
background-size: 100% 100%;
background-repeat: no-repeat;
height: 120%;
position: fixed;
width: 120%;
z-index: -1;
}
#login-bg img {
bottom: 0;
left: 0;
margin: auto;
min-height: 50%;
min-width: 50%;
right: 0;
top: 0;
}
#loginMainDiv { #loginMainDiv {
padding: 0px; padding: 0px;
min-height: 720px; min-height: 720px;
@ -55,16 +37,43 @@
top: 1px; top: 1px;
} }
#loginMainDiv div#centerBox { #loginMainDiv div#centerBox {
margin: 0 auto;
width: 444px;
background-color: #ffc200;
z-index: 100; z-index: 100;
padding-left: 40%; -webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-top-left-radius: 25px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-topleft: 25px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-top-left-radius: 25px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border-top: solid 1px #0c5da5;
border-left: solid 1px #0c5da5;
border-right: solid 1px #0c5da5;
border-bottom: solid 1px #0c5da5;
} }
#loginMainDiv div#centerBox #loginScreenMessage { #loginMainDiv div#centerBox #loginScreenMessage {
position: relative; margin: 1em;
top: 400px;
} }
#loginMainDiv div#centerBox #loginCdMessage { #loginMainDiv div#centerBox #loginCdMessage {
margin-bottom: 1em; margin: 1em;
margin-left: 40%; -webkit-border-radius: 3px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius: 3px;
-moz-border-radius-topleft: 20px;
border-radius: 3px;
border-top-left-radius: 20px;
color: red;
text-align: center;
} }
#loginMainDiv div#centerBox #loginCdMessage span { #loginMainDiv div#centerBox #loginCdMessage span {
padding: 0.5em; padding: 0.5em;
@ -73,6 +82,9 @@
text-shadow: -1px -1px 0px #101010, 1px 1px 0px #505050; text-shadow: -1px -1px 0px #101010, 1px 1px 0px #505050;
width: 100%; width: 100%;
} }
#loginMainDiv div#centerBox form {
margin: 1em;
}
#loginMainDiv div#centerBox form table.divLoginbox { #loginMainDiv div#centerBox form table.divLoginbox {
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);

BIN
pixelegg/less/layout_loginPage.less
View File

Binary file not shown.

2
pixelegg/less/layout_messages.less
View File

@ -20,7 +20,7 @@
border-width: 9px 0px 0px 9px; border-width: 9px 0px 0px 9px;
border-style: solid; border-style: solid;
border-color: @gray-30; border-color: @gray-30;
.background-color-25-gray; .background-color-30-gray;

48
pixelegg/less/layout_raster.less
View File

@ -12,7 +12,7 @@
* @version $Id$ * @version $Id$
*/ */
@import "def_buttons.less"; @import (reference) "def_buttons.less";
//############## Layout ######################################################################################## //############## Layout ########################################################################################
@ -271,6 +271,7 @@
white-space: nowrap; white-space: nowrap;
float: right; float: right;
display: flex; display: flex;
height: 16px;
.topmenu_info_item { .topmenu_info_item {
// Info Bell // Info Bell
@ -563,7 +564,7 @@
position: absolute; position: absolute;
// background-color: RGB(200, 200, 255); // background-color: RGB(200, 200, 255);
.background-color-30-gray; .background-color-30-gray;
width: 4px; width: 5px;
top: 60px; top: 60px;
bottom: 3px; bottom: 3px;
right: 0px; right: 0px;
@ -576,7 +577,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
.background-color-30-gray; .background-color-30-gray;
position: absolute; position: absolute;
/* width: 95px;*/ width: 5px;
height: 100%; height: 100%;
cursor: col-resize; cursor: col-resize;
} }
@ -599,7 +600,6 @@
border-top-width: 0; border-top-width: 0;
border-left: 0px solid; border-left: 0px solid;
border-bottom: 0px solid; border-bottom: 0px solid;
margin-left: 4px; margin-left: 4px;
margin-top: 0px; margin-top: 0px;
padding-bottom: 5px; padding-bottom: 5px;
@ -607,13 +607,19 @@
padding-top: 14px; padding-top: 14px;
margin-right: 5px; margin-right: 5px;
min-height: 50px; min-height: 50px;
img { height: 16px; width: 16px} img { height: 16px; width: 16px;vertical-align: middle;}
&:hover { &:hover {
.background-color-0-gray; .background-color-0-gray;
border-color: @gray-50; border-color: @gray-50;
} }
input#uical_select_owner_multiple{
height: 16px;
width: 16px;
vertical-align: middle;
}
select#calendar_filter{
margin-top: 4px;
}
// Favoriten anlegen und löschen // Favoriten anlegen und löschen
.sidebox-favorites{} // ist in etemplate2.less definiert .sidebox-favorites{} // ist in etemplate2.less definiert
@ -923,30 +929,22 @@ div#calendar-container {
// ############################################################ // ############################################################
// Tabnavigation // Tabnavigation
// Statusmeldung // Statusmeldung
// definiert in def_messages.less // definiert in layout_messages.less
// .egw_fw_ui_app_header_container { } // .egw_fw_ui_app_header_container { }
// ############################################################ // ######################tabs header ##########################
// # # # # # # # # # ####
// # # # # # # # # # #### // # # # # # # # # # ####
// # # # # # # # # # #### // # # # # # # # # # ####
// # tab header # # # # # # # ####
// # # # # # # # # # #### // # # # # # # # # # ####
// ############################################################ // ############################################################
// Div um Tabs // Div um Tabs
.egw_fw_ui_tabs_header { .egw_fw_ui_tabs_header {
.border-radius(5px,0, 0, 5px);
margin: 0;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
margin: -1px 0 0 0;
padding: 0px 5px 0px 5px; padding: 0px 5px 0px 5px;
@ -988,12 +986,14 @@ div#calendar-container {
padding-right: 0; padding-right: 0;
position: relative; position: relative;
-moz-border-radius-topright:3px; .border-radius(5px,0, 0, 5px);
/* -moz-border-radius-topright:3px;
-webkit-border-top-right-radius:3px; -webkit-border-top-right-radius:3px;
-moz-border-radius-topleft:3px; -moz-border-radius-topleft:3px;
-webkit-border-top-left-radius:3px; -webkit-border-top-left-radius:3px;
border-top-right-radius:3px; border-top-right-radius:3px;
border-top-left-radius:3px; border-top-left-radius:3px;*/
.background-color-5-gray; .background-color-5-gray;
display: inline-block; display: inline-block;
@ -1089,11 +1089,9 @@ div#calendar-container {
width: 100%; width: 100%;
padding: 0; padding: 0px;
margin: 0; margin: 0;
/* border-width: 0px 5px 0px 1px; overflow: auto;
border-style: solid;
border-color: @gray-30;*/
> div { > div {