egroupware/admin/templates/pixelegg/app.less

971 lines
19 KiB
Plaintext
Raw Normal View History

2013-12-18 05:33:59 +01:00
/**
* EGroupware: CSS with less preprocessor
* ADMIN
*
* Please do NOT change app.css directly, instead change app.less and compile it!
*
* @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 addressbook
* @version $Id$
*/
@import (reference) "../../../pixelegg/less/def_buttons.less";
@import (reference) "../../../pixelegg/less/def_design_pattern_color_font_shadow.less";
@import (less) "../default/app.css";
@media all {
/* #############################################################################
// iframe
// Rahmen + padding**/
/*################## iframe ####################*/
/*# # #*/
/*# # #*/
/*# # ADMIN #*/
/*# # #*/
/*# # #*/
/*# # #*/
/*##############################################*/
/**
* Give space to both contact view & infolog list
*/
iframe#admin-index_iframe{
#admin-categories-index{
table.et2_grid {
#admin-categories-index_nm {
div.egwGridView_outer{
td.frame {
div.egwGridView_scrollarea { min-height: 500px;}
}
}
}
}
}
}
#addressbook-index {
height: 100%;
}
#addressbook-edit {
height: auto;
min-height: 390px;
overflow: auto;
}
div#addressbook-index{
// min-height: 700px;
// height: auto !important;
// ###########################
// linke Box
// ##########################
div.et2_hbox_left{
padding: 4px 0px;
// Org View
select#addressbook-index_org_view{
.Complete_Button_select;
height: 35px;
margin-top: 0;
&:hover{
.Complete_Button_select_hover;
}
}
} // linke Box
// ###########################
// rechte Box
// ###########################
div.et2_hbox_right {
width: auto;
margin-right: 1em;
// Typ
select.et2_selectbox{
.Complete_Button_select;
height: 35px;
margin-left: 5px;
&:hover{.Complete_Button_select_hover;}
&:focus{.Complete_Button_select_focus;}
}
// erweiterte Suche
button#addressbook-index_search{
.background-color-10-gray;
.color-100-gray;
.Complete_Button_text_icon_before;
background-image:url('../../../pixelegg/images/advanced-search.png') !important;
padding-left: 0px;
&:hover{ background-image:url('../../../pixelegg/images/advanced-search.png'); .Complete_Button_text_icon_before_hover;}
&:focus{ background-image:url('../../../pixelegg/images/advanced-search.png'); .Complete_Button_text_icon_before_active;}
}
// hinzufügen
button#addressbook-index_add{
.Complete_Button_add;
&:hover {.Complete_Button_add_hover;}
}
} // rechte Box
div.filters {
// 1 Filter
select#infolog-index_cat_id {width: 10%; margin-left: 1em;}
// 2 Filter
select#infolog-index_filter {width: 10%;}
// 3 Filter
select#infolog-index_filter2 {width: 10%;}
// Suchfeld
input#infolog-index_search {
}
// Suchen Button
button.et2_button {}
}
// Filter
.filters{
// #addressbook-index_cat_id{width: 7%;}
// #addressbook-index_filter{width:7%;}
// #addressbook-index_filter2{width: 10%;}
}// Filter
table.egwGridView_outer{
// border-collapse: inherit;
width: 99%;
}
} // iframe
/*##################################################################*/
/*Infolog*/
.et2_container[id^="infolog-index-addressbook"] {
/*height: auto;*/
padding: 1em;
/*min-height: 250px;*/
/*ADD*/
/* div.et2_hbox,
div.et2_box_widget*/
.et2_hbox_right[id*="_infolog-index-header_right"]{
.Complete_Button_add;
/*height: auto;*/
.color-0-gray; // white
font-size: 0.9em;
&:before {padding-left: 5px;}
&:hover {.Complete_Button_add_hover;}
span.et2_label {color: @gray-0; font-size: 0.9em;padding-right: 11px;}
img.et2_button {margin-top: -15px;}
}
}
//******************************************************************
// sidebar
#egw_fw_sidemenu{
//Tabelle mit Ansichten des Kalenders
.egw_fw_ui_category_content{
// table {margin-left: -14px;}
}
// Bilder für Favoriten
img.sideboxstar {
}
// select {margin-top: -5px;}
}
// #############################################################################
// Dialog addressbook
/*###########################################
# #
# dialog-header #
#############################################
# #
# #
# #
# #
# #
# dialog #
# #
# #
#############################################
# #
# buttons #
# #
# #
##############################################*/
#addressbook-edit_addressbook-edit-general {
table.addressbook_edit_general {
width:100%;
height:286px;
td.addressbook_edit_general_right {
widtH: 20%;
vertical-align: top;
text-align: center;
}
}
}
#addressbook-edit tr.dialog-footer-toolbar label.et2_label {top: 0px !important;}
/*#######################################################*/
/*State: Address selected*/
/*Layout*/
/*##############################
# # #
# # Phone #
# Address # #
# # Email #
# # #
# left # right #
################################ */
td.addressbook_edit_left_td {
min-width: 500px;
max-width: 100%;
width: 70%;
}
td.addressbook_edit_right_td {
min-width: 300px;
max-width: 100%;
width: 30%;
}
.egw_fw_ui_tab_content #addressbook-edit .et2_tabs {
max-height: 25em;
height: 296px;
}
/* popup window */
#popupMainDiv #addressbook-edit .et2_tabs {
height: 400px;
}
/*############ tabbox##############################################*/
/*# et2_tabheader # et2_tabheader # et2_tabheader # et2_tabheader #*/
/*#################################################################*/
/*# #*/
/*# #*/
/*# #*/
/*# et2_tabs #*/
/*# #*/
/*# #*/
/*#################################################################*/
/*#addressbook-edit .et2_tabbox {
max-width: 100%;
min-width: 530px;
width: 550px
}*/
//table.et2_grid .addressbook_edit_general {width: 80% !important;}
/*#######################################################*/
/* Tab Generell */
.leftPad5 {
padding-left: 0px;
}
/*##################
# #
# #
# Picture #
# #
# #
##################*/
/*Div Image*/
div.addressbook_edit_general_picture {
// float: right;
// width: 180% !important;
// max-width: 100px !important;
// height: auto !important;
// margin-right: 10px;
img {
width: 180% !important;
max-width: 100px !important;
height: auto !important;
}
/*Picture*/
// Photo
img.photo {
.Complete_Button_normal;
&:hover {.Complete_Button_hover;}
}
// Photo Upload - POPUP
table.uploadphoto {
.background-color-10-gray;
width: auto;
.bordered(@gray-100, @gray-100, @gray-100, @gray-100);
left: 30%;
top: 289px;
}
}
/*Search*/
div#addressbook-edit,
div#addressbook-search{
// .box_shadow_dialog;
// .border_radius_button_normal;
margin: 0;
padding: 0.5em;
// Choosen Adresse
.chzn-container { width: 60% !important;}
.et2_tabheader {margin-top: 0px;background-color:transparent;}
// Tabelle
table.editphones{
width: auto !important;
top: 5%;
.box_shadow_standard_light;
}
table.et2_grid{
width: 100%;
border-top: 0px;
img {width: 16px; height: 16px;}
}
table.addressbook_edit_general{
// background: red;
border-top: 0px;
tr td:first-child {width: 20%;}
tr td {width: auto;}
table tr td:first-child {width: 60px;}
table tr td {width: 200px;}
//Name
input#addressbook-edit_n_fn {width: 95%;}
/*POPUP*/
/* edit Name */
table.editname {
.background-color-10-gray;
z-index: 10;
font-size: 1em;
tr td:first-child {width: 40% !important;font-weight: bold; padding: 3px 0;}
}
//Titel
input#addressbook-edit_title {width: 95%;}
//Role
input#addressbook-edit_role {width: 95%;}
//Organisation
input#addressbook-edit_org_name {width: 95%;}
//unit
input#addressbook-edit_org_unit {width: 95%;}
// Street
input#addressbook-edit_adr_one_street,
input#addressbook-edit_adr_one_street2 {width: 95%;}
// PLZ + Ort
input#addressbook-edit_adr_one_postalcode {width: 10%;}
input#addressbook-edit_adr_one_locality {width: 83%;}
// Choosen Adresse
.chzn-container { width: 95% !important;}
//region
input#addressbook-edit_adr_one_region {width: 95%;}
//Owner
select.owner {width: 300px;}
} // generell
// Telefonnummer:
div#addressbook-edit_addressbook-editphones {margin-left: 1em;}
fieldset.phoneGroup {
border: none;
margin-bottom: 0;
margin-top: 12px;
margin-left: 1em;
height: auto;
.background-color-15-gray;
.border_radius_button_normal;
legend { text-transform: uppercase;}
// Phonenumber Input Fields
.fixedHeight, .telNumbers {
height: auto;
}
table.et2_grid td.telNumbers{
width: 155px;
input { width: 140px !important; }
}
// Radio Box
input.et2_radiobox {};
}
fieldset.phoneGroup * img {display: none !important; width: 20px;} // Bilder ausblenden
.phoneGroup table {
// height: 122px;
}
// Email
fieldset.emailGroup {
border: none;
margin-bottom: 0;
margin-top: 10px;
margin-left: 1em;
height: auto;
.background-color-15-gray;
.border_radius_button_normal;
legend { text-transform: uppercase;}
table.et2_grid {margin-left: -7px;}
td {
input {width: 82%;}
// image after Link
a.et2_url {
margin-left: 5px;
&:hover {.Complete_Button_Icon_hover;}
}
/* a.et2_url:after {
content: "\221E";
font-size: 1.2em;
}*/
a.et2_url.url {
.Complete_Button_Icon_normal;
background-size: 16px 16px;
background-image: url('images/url.png');
}
a.et2_url.email {
.Complete_Button_Icon_normal;
background-size: 16px 16px;
background-image: url('images/email.png');
}
}
}
fieldset.emailGroup * img {display: none !important; width: 20px;} // Bilder ausblenden
} // edit
#addressbook-edit_addressbook-edit-general{
// Länderauswahl
#addressbook_edit_adr_one_countrycode_chzn{
width: 200px !important;
// background-color: red !important;
padding-top: 1em;
}
}
// ################### Tab 2 / Kategorien ########################
//
// addressbook-edit_addressbook.edit.cats
// in Adressbuch css ausgelagert
//div#addressbook-edit_addressbook~\.edit~\.cats {background-color: red;}
div#addressbook-edit_addressbook-edit-cats {overflow: scroll;}
// ################## Tab 3 / Privat #############################
// Privat
#addressbook-edit_addressbook-edit-custom_private,
#addressbook-search_addressbook-edit-custom_private{
.th{ height: 20px;}
tbody{
display: table-header-group;
vertical-align: top;
}
}
#addressbook-edit_addressbook-edit-home{
// content: "hello I´m there";
// Länderauswahl
#addressbook_edit_adr_two_countrycode_chzn{
width: 200px !important;
// background-color: red !important;
padding-top: 0em;
}
/*Birthday + Timezone*/
/*row*/
.add_bday_timezone {
// Timezone
#addressbook_edit_tz_chzn{
width: 15% !important;
padding-top: 0em;
}
/*Birthday Label*/
label.et2_label {padding-left: 1em;}
}
}
/*################## Tab 4 Details ###############################*/
/*################## Tab 5 Verknüpfungen ###############################*/
// Verknüpfungen
#addressbook-edit_addressbook-edit-links,
#addressbook-search_addressbook-edit-links{
.th{ height: 20px;}
tbody{
display: table-header-group;
vertical-align: top;
}
tr:first {
td {height: 150px;}
}
}
div#addressbook-edit_addressbook-edit-links {
/*overflow-y: scroll;*/
table.et2_grid {
tr:first td {height: 150px;}
}
/*neue verknüpfung erstellen - div*/
div#addressbook-edit_link_to {
width: 100% !important;
// 1. with Addressbook
div#addressbook-edit_link_to_link_entry{ margin: 1em;}
// 2. Icon
img.et2_button_icon {
.Complete_Button_Icon_normal;
float: left;
margin: 0.5em 2em;
padding: 0.5em;
height: 32px;
width: 32px;
&:hover {.Complete_Button_Icon_hover;}
&:active {.Complete_Button_Icon_active;}
}
// Upload
div.et2_file {}
}
table#addressbook-edit_link_to {overflow-y: scroll;}
}
/*################## Tab 6 Verteilerlisten ###############################*/
/*seems to be ok*/
// Verteilerliste
#addressbook-edit_addressbook-edit-distribution_list,
#addressbook-search_addressbook-edit-distribution_list{
.th{ height: 20px;}
tbody{
display: table-header-group;
vertical-align: top;
}
}
/*################## Tab 7 Extra ###############################*/
/*seems to be ok*/
// Extra
#addressbook-edit_addressbook-edit-custom,
#addressbook-search_addressbook-edit-custom{
.th{ height: 20px;}
tbody{
display: table-header-group;
vertical-align: top;
}
}
/*################## Tab 8 Extra Privat###############################*/
/*seems to be ok*/
/*################## Tab 9 History ###############################*/
// History
#addressbook-edit_addressbook-edit-history{
.th{ height: 20px;}
tbody{
display: table-header-group;
vertical-align: top;
}
table.et2_grid {
}
.et2_historylog,
#addressbook-edit_history{
div:first-child {height: auto !important;}
table.egwGridView_outer {
th.optcol {
span.selectcols {position: relative !important;}
}
}
}
}
/*################################################################
################################################################*/
// mehr...Phonebuch
button.button_more {
.Complete_Button_text_icon_before;
background-image:url('../images/edit.png');
}
// #####################################################
// Adresse editieren
div.addressbook.edit.general{
table {
border-top: 0px;
tr td img {display: none;}
// Adressbuchbild unsichtbar
img:nth-child(1) {display:none;}
// Bild hochladen
img:nth-child(2) {cursor:pointer;}
}
}
.cursorHand {
}
.countrySelect select {
width: 150px;
}
.custom_country input {
display: none;
}
.contactid:before {
content: "#";
}
.emailCol div {
overflow: hidden;
width: 100%;
}
.redItalic {
color: red;
font-style: italic;
}
.bold {
font-weight: bold;
}
.fileas select, .fileas, .owner select, .owner {
font-weight: bold;
width: 100%;
}
.photo img, .iphoto img {
width: 60px;
}
.photo img {
}
// Dialog Upload photo
.uploadphoto {
background-color: @gray-20;
border: 2px solid black;
display: none;
left: 48px;
padding: 4px;
position: absolute;
top: 168px;
}
table.uploadphoto {width: 360px !important; background-color: @gray-20 !important;}
.checkAllArrow {
padding-right: 5px;
}
.typeIcon {
height: 16px;
width: 16px;
}
.editphones, .editname {
background-color: #FFFFFF;
border: 2px solid black;
display: none;
left: 30%;
padding: 4px;
position: absolute;
top: 10%;
}
.editname {
left: 137px;
top: 160px;
}
.windowheader {
background-image: url("../../../phpgwapi/templates/idots/images/appbox-header-background.png");
background-repeat: repeat-x;
border-bottom: 1px solid #9C9C9C;
border-collapse: collapse;
border-spacing: 0;
height: 20px;
}
.emailGroup table {
height: 87px;
}
.space {
width: 80px;
}
.noWrap {
white-space: nowrap;
}
.customfields {
}
.customfields td {
line-height: 12px;
white-space: nowrap;
}
.image16 img {
height: 16px;
}
.fixedHeight,.telNumbers { height: auto;}
} // 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) {
}
//