R54992 - /trunk/pixelegg/css/traditional.css

[hnategh-2]

Author: hnategh
New Revision: 54992

URL: http://svn.stylite.de/viewvc/egroupware?rev=54992&view=rev
Log:
Add traditional theme for pixelegg template

Added:
trunk/pixelegg/css/traditional.css

Added: trunk/pixelegg/css/traditional.css
URL: http://svn.stylite.de/viewvc/egroupware/trunk/pixelegg/css/traditional.css?rev=54992&view=auto

— trunk/pixelegg/css/traditional.css (added)
+++ trunk/pixelegg/css/traditional.css Fri Feb 12 14:33:41 2016
@@ -1,0 +1,6578 @@
+/**

• • EGroupware: Stylite Pixelegg template
• • 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 Reinhard stefan.reinhard@pixelegg.de
• • @package pixelegg
• • @version $Id$
• /
  +/*
• • addapted from orginal styles.php
• /
  +/*
• • EGroupware general def_.less are moved to phpgwapi/templates/default/.less
• • so they can be included from app specific files and are independent of Pixelegg template
• /
  +/*
• • All app_* files are now again in $app/templates/default/app.less&css and will be included independent
• • If some settings are Pixelegg template specific, please create $app/templates/pixelegg.less&css
• • files AND include …/default/app.less from there
    +*/
    +/**
• • not sure about these files, in general it is not a good idea to replace
• • files from other projects, was we need to update them regulary.
• • Would be a lot better to include their css files and only overwrite
• • neccesarry settings
• /
  +/*
• • Styles for etemplate2 widgets
• • Ãœberschreibt egroupware/etemplate/templates/default/etemplate2.css
• • @version: 1
• • Stefan Reinhardt
• */
  +@import “…/…/etemplate/templates/default/etemplate2.css”;
  +@media all {
• /**
• • Top level
• */
• .et2_container {
• padding: 0px;
• background-color: transparent;
• }
• .et2_container > div:not([class]) {
• height: 100%;
• }
• /**
• • Basic rules
• */
• input,
• button,
• select {
• margin: 1px;
• padding: 0px;
• /-webkit-appearance: none;/
• }
• /**
• • img gray filter
• */
• img.et2_appicon,
• .et2_appicon img {
• /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’/>#grayscale”);
• -webkit-filter: grayscale(100%);
• -moz-filter: grayscale(100%);
• -ms-filter: grayscale(0%);
• -o-filter: grayscale(100%);
• filter: grayscale(100%);
• /*filter: url(grayscale.svg); Firefox 4+ */
• filter: gray;
• /* IE 6-9 */
• }
• /**
• • VBox widget
• */
• div.et2_vbox > * {
• display: block;
• }
• /**
• • HBox widget
• */
• div.et2_hbox_right {
• background: transparent;
• }
• /**
• • Placeholder widget - used for un-implemented widgets
• */
• .et2_placeholder {
• display: inline-block;
• /border: 1px solid cornflowerblue;/
• border: 1px solid rgba(0, 0, 0, 0.15);
• background-color: #e6e6e6;
• }
• .et2_placeholder .et2_attr {
• color: #000000;
• }
• /**
• • Label widget, and labels for other widgets
• */
• .et2_label {
• color: #1e1e1e;
• white-space: pre-wrap;
• }
• /**
• • img Icons
• */
• a.et2_url {
• background-position: center;
• background-repeat: no-repeat;
• background-size: 14px 14px;
• cursor: pointer;
• margin: -4px;
• padding: 2px;
• padding-left: 16px;
• margin-left: -10px;
• }
• a.et2_url.email {
• background-image: url(…/images/email.png);
• }
• a.et2_url.phone {
• background-image: url(…/images/phone.png);
• }
• a.et2_url.url {
• background-image: url(…/images/url.png);
• }
• /**
• • Button widget - text only, and icon
• */
• .et2_button {
• text-shadow: 0px 0px !important;
• /.border_normal;/
• /.box_shadow_standard_light;/
• /.rounded (3px);/
• color: #000000;
• -webkit-appearance: none;
• -webkit-transition-property: background-color;
• -moz-transition-property: background-color;
• -o-transition-property: background-color;
• transition-property: background-color;
• -webkit-transition-duration: 0.5s;
• -moz-transition-duration: 0.5s;
• -o-transition-duration: 0.5s;
• transition-duration: 0.5s;
• -webkit-transition-timing-function: linear;
• -moz-transition-timing-function: linear;
• -o-transition-timing-function: linear;
• transition-timing-function: linear;
• background-color: #b4b4b4;
• }
• .et2_button_icon {
• height: 16px;
• }
• /* give the image a button lock and feel*/
• img.et2_button_icon[src*=“svg”] {
• background-color: #b4b4b4;
• background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
• background-image: -moz-linear-gradient(top, #b4b4b4, #b4b4b4);
• background-image: -ms-linear-gradient(top, #b4b4b4, #b4b4b4);
• background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b4b4b4), to(#b4b4b4));
• background-image: -webkit-linear-gradient(top, #b4b4b4, #b4b4b4);
• background-image: -o-linear-gradient(top, #b4b4b4, #b4b4b4);
• background-image: linear-gradient(top, #b4b4b4, #b4b4b4);
• background-repeat: repeat-x;
• }
• img.et2_button_icon[src*=“svg”]:hover {
• background-color: #1aa200;
• background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMWFhMjAwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMWFhMjAwIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
• background-image: -moz-linear-gradient(top, #1aa200, #1aa200);
• background-image: -ms-linear-gradient(top, #1aa200, #1aa200);
• background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1aa200), to(#1aa200));
• background-image: -webkit-linear-gradient(top, #1aa200, #1aa200);
• background-image: -o-linear-gradient(top, #1aa200, #1aa200);
• background-image: linear-gradient(top, #1aa200, #1aa200);
• background-repeat: repeat-x;
• -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
• -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
• box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
• }
• img.et2_button_icon[src*=“svg”]:active {
• -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
• -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
• box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
• }
• /look in layout_content_elements/
• .et2_selectbox .ui-multiselect-checkboxes li:hover {
• background-color: #189800 !important;
• }
• .et2_selectbox .ui-multiselect-checkboxes label {
• display: block;
• border: 0px solid transparent;
• padding: 0.1em 0.2em;
• }
• .et2_selectbox .ui-multiselect-checkboxes div.ui-icon-close {
• /visibility: hidden;/
• background-image: url(…/images/close.png);
• background: #ffffff;
• margin: 2px;
• padding: 0px;
• }
• /**
• • Date / Time widgets
• */
• span.et2_date input.et2_date {
• min-width: 21.5ex;
• }
• span.et2_date span {
• color: #ffffff;
• }
• .ui-datepicker .ui-datepicker-buttonpane button[data-handler=“today”] {
• background-image: url(…/images/today.png);
• }
• .et2_file .progress li:hover div.remove {
• width: 16px;
• height: 16px;
• }
• .et2_file .progress p {
• background-color: #ffdd73;
• }
• span.et2_file_span {
• background-image: url(…/images/upload.png);
• width: 145px;
• }
• div.et2_file input.et2_file_upload {
• background-color: #ffffff !important;
• -webkit-border-radius: 3px;
• -moz-border-radius: 3px;
• border-radius: 3px;
• }
• div.et2_file input.et2_file_upload:hover {
• /.background_color_20_gray;/
• -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
• -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
• box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
• border: 1px solid rgba(0, 0, 0, 0.5);
• -webkit-border-radius: 3px;
• -moz-border-radius: 3px;
• border-radius: 3px;
• background-color: #1aa200 !important;
• }
• /* Gantt widget */
• .et2_gantt .gantt_task_line {
• background-color: #679fd2;
• }
• .et2_gantt .gantt_task_line .gantt_task_content {
• color: #043a6b;
• }
• .et2_gantt .gantt_task_line .gantt_selected {
• background-color: rgba(255, 194, 0, 0.01);
• }
• .et2_gantt .gantt_task_line .gantt_task_progress {
• color: #043a6b;
• background-color: #ffdd73;
• /* outline progress in a complementary color */
• border: 1px solid #bf9d30;
• border-right: none;
• margin: -1px;
• }
• .et2_gantt .gantt_task_line.gantt_milestone {
• background-color: #ffc200;
• border-color: #bf9d30;
• }
• .et2_gantt .gantt_task_link .gantt_line_wrapper div {
• background-color: green;
• }
• .et2_gantt .gantt_task_link .gantt_link_arrow_left {
• border-right-color: green;
• }
• .et2_gantt .gantt_task_link .gantt_link_arrow_right {
• border-left-color: green;
• }
• .et2_gantt .gantt_task_link:hover .gantt_line_wrapper div {
• box-shadow: 0 0 5px 0 green;
• }
• .et2_gantt .gantt_task_link.invalid_constraint .gantt_line_wrapper div {
• background-color: #ae1d00;
• }
• .et2_gantt .gantt_task_link.invalid_constraint .gantt_link_arrow_left {
• border-right-color: #ae1d00;
• }
• .et2_gantt .gantt_task_link.invalid_constraint .gantt_link_arrow_right {
• border-left-color: #ae1d00;
• }
• .et2_gantt .gantt_task_link.invalid_constraint:hover .gantt_line_wrapper div {
• box-shadow: 0 0 5px 0 #ae1d00;
• }
• /*

•    Link to / Selector Widget
  

+*/

• .et2_link_to {
• min-height: 78px;
• /*

•    .et2_button_icon {
  

•        .Complete_Button_Icon_normal;
  

•        float: left;
  

•        margin: 0px 20px;
  

•        padding: 3px;
  

•        .dimension_width_height_m;
  

•        background-color: @gray_30;
  

•        &:hover {.Complete_Button_Icon_hover; background-color: @color_positive_action_active !important;}
  

•        &:active {.Complete_Button_Icon_active; background-color: @color_positive_action_active !important;}
  

+}*/

• }
• .et2_link_to div:first-child {
• background-color: #ffdd73;
• padding: 0.5em 0 0.5em 0.5em;
• -webkit-border-radius: 5px;
• -moz-border-radius: 5px;
• border-radius: 5px;
• }
• .et2_link_to .et2_link_entry .ui-icon-close {
• background-color: transparent;
• left: 0px;
• }
• .et2_link_to button:first-child {
• /.border_normal;/
• /.box_shadow_standard_light;/
• /.rounded (3px);/
• color: #000000;
• -webkit-appearance: none;
• -webkit-transition-property: background-color;
• -moz-transition-property: background-color;
• -o-transition-property: background-color;
• transition-property: background-color;
• -webkit-transition-duration: 0.5s;
• -moz-transition-duration: 0.5s;
• -o-transition-duration: 0.5s;
• transition-duration: 0.5s;
• -webkit-transition-timing-function: linear;
• -moz-transition-timing-function: linear;
• -o-transition-timing-function: linear;
• transition-timing-function: linear;
• background-color: #b4b4b4;
• padding: 3px;
• -webkit-border-radius: 5px;
• -moz-border-radius: 5px;
• border-radius: 5px;
• height: 20px;
• position: relative;
• top: 5px;
• padding-left: 20px;
• background-image: url("…/images/link.png");
• background-position: 2px 2px;
• background-size: 14px 14px;
• background-repeat: no-repeat;
• }
• .et2_link_to button:first-child:hover {
• /.background_color_20_gray;/
• -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
• -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
• box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
• border: 1px solid rgba(0, 0, 0, 0.5);
• -webkit-border-radius: 3px;
• -moz-border-radius: 3px;
• border-radius: 3px;
• background-color: #1aa200 !important;
• }
• .et2_link_to button:first-child:active {
• /.background_color_30_gray;/
• border: 1px solid rgba(0, 0, 0, 0.9);
• -webkit-border-radius: 3px;
• -moz-border-radius: 3px;
• border-radius: 3px;
• -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
• -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
• box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
• background-color: #1aa200;
• background-color: #1aa200 !important;
• }
• .et2_link_to button.et2_vfs_btn {
• width: auto;
• -webkit-border-radius: 5px;
• -moz-border-radius: 5px;
• border-radius: 5px;
• position: relative;
• top: 5px;
• left: 5px;
• }
• .et2_link_to .et2_file {
• background-color: #ffffff !important;
• -webkit-border-radius: 5px;
• -moz-border-radius: 5px;
• border-radius: 5px;
• left: 0px;
• margin-left: 60px;
• /* &:hover {background-color: @color_positive_action_active !important;}

•        &:active {background-color: @color_positive_action_active !important;}*/
  

• }
• .et2_link_to .et2_file span {
• background-image: url("…/images/upload.png");
• background-position: 4px 2px;
• background-size: 16px 16px;
• background-repeat: no-repeat;
• -webkit-border-radius: 5px;
• -moz-border-radius: 5px;
• border-radius: 5px;
• }
• .et2_link_to .et2_file span:hover {
• background-color: #1aa200 !important;
• }
• .et2_link_to .et2_file span:active {
• background-color: #1aa200 !important;
• }
• .et2_link_to .et2_file span.et2_file_spanActive {
• background-color: #1aa200 !important;
• }
• .et2_link_to .et2_file input {
• border: none;
• padding: 1em;
• }
• .et2_link {
• color: #0c5da5;
• }
• .et2_link_list tr {
• cursor: pointer;
• }
• .et2_link_list tr:hover {
• background-color: rgba(103, 159, 210, 0.2);
• }
• .et2_link_list tr:active {
• background-color: rgba(255, 194, 0, 0.01);
• }
• .et2_link_list .icon img,
• .et2_link_list .icon {
• width: 14px !important;
• height: 14px !important;
• }
• .et2_link_list td div.delete {
• visibility: hidden;
• background-image: url("…/images/close.png");
• background-position: center;
• background-repeat: no-repeat;
• background-size: 16px 16px;
• background-color: #ae1d00;
• padding: 0px;
• }
• .et2_link_list td div.delete:hover {
• background-color: #e12500 !important;
• }
• .et2_link_list td div.delete:active {
• background-color: #e12500 !important;
• }
• .egw_tooltip {
• background-color: #ffffff;
• }
• /**
• • Tabs widget
• */
• /*.et2_tabflag {
• margin: 1em 3px -1px 0;
• padding: 4px;
• .background_color_25_gray;
• .inner_shadow(1px, 0px, 0px, 0.5);
• -webkit-box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.5);
• -moz-box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.5);
• box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.5);
• -webkit-user-select: none;
• -moz-user-select: none;
• user-select: none;
• min-width: 73px;
• &:hover {

•    .color_5_gray;
  

•    .background_color_25_gray;
  

• }
• &:active{

•    .background_color_0_gray;
  

•    .color_0_gray;
  

• }
  +}

+.et2_tabflag.active {

• border-spacing: 0px;
• background-color: white;
• .color_100_gray;
• border-width: 1px 1px 0px 1px;
• border-style: solid;
• border-color: @gray_70;
• &:hover {

•    .color_100_gray;
  

•    //			border: 1px solid gray;
  

•    background-color: white;
  

• }
  +}

+.et2_tabs {

• border-width: 0px 1px 1px 1px;
• border-style: solid;
• border-color: @gray_70;
• padding: 5px;
• overflow-y: auto;
• background-color: @gray_0;
• .border_radius_button_normal;
  +}*/
• /*.et2_tabheader {
• padding-left: 0em;
• border-bottom: 1px solid #bfbfbf;
• margin: 0 2px;
• background-image: none;
• :first-child {

•    margin-left: 1px;
  

• }
  +}*/
• /**
  +* Validation
  +*/
• .et2_required,
• [required] {
• background-color: #ffe9a6;
• -webkit-border-top-right-radius: 3px;
• -webkit-border-bottom-right-radius: 3px;
• -webkit-border-bottom-left-radius: 3px;
• -webkit-border-top-left-radius: 3px;
• -moz-border-radius-topright: 3px;
• -moz-border-radius-bottomright: 3px;
• -moz-border-radius-bottomleft: 3px;
• -moz-border-radius-topleft: 3px;
• border-top-right-radius: 3px;
• border-bottom-right-radius: 3px;
• border-bottom-left-radius: 3px;
• border-top-left-radius: 3px;
• /.background-clip(padding-box);/
• }
• /**
• • hrule widget
• */
• hr {
• border-top: 1px solid #e6e6e6;
• }
• /**
• • grid widget
• */
• .et2_grid th,
• .et2_grid tr,
• .et2_grid td {
• /* border: 1px dashed silver;*/
• }
• .et2_grid th .gray,
• .et2_grid tr .gray,
• .et2_grid td .gray {
• padding: 0px;
• height: 24px;
• /background-color: @color_hint;/
• /.background-color-5-gray;/
• background: -moz-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
• /* FF3.6+ */
• background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(240, 240, 240, 0)), color-stop(100%, rgba(191, 191, 191, 0.65)));
• /* Chrome,Safari4+ */
• background: -webkit-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
• /* Chrome10+,Safari5.1+ */
• background: -o-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
• /* Opera 11.10+ */
• background: -ms-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
• /* IE10+ */
• background: linear-gradient(to bottom, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
• /* W3C */
• filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#00f0f0f0’, endColorstr=’#a6bfbfbf’, GradientType=0);
• /* IE6-9 */
• }
• .et2_grid th .gray span.et2_label,
• .et2_grid tr .gray span.et2_label,
• .et2_grid td .gray span.et2_label {
• background-color: transparent;
• padding-left: 3px;
• }
• /* ##################################################################################
• • Nextmatch widget
• • SEARCH FIELD | SEARCH BUTTON ###### FILTER ##### EXPORT IMG ### FAVORITES ### COUNT
• • ##################################################################################*/
• div.header_row_right div[id$=favorite_wrapper] {
• margin-top: 0px;
• top: 6px;
• }
• .et2_nextmatch {
• background-color: #f0f0f0;
• }
• .et2_nextmatch .nextmatch_header {
• padding: 5px;
• border: none;
• background-image: none;
• background-color: #cdcdcd;
• }
• .et2_nextmatch .nextmatch_header_row {
• padding-bottom: 6px;
• }
• .et2_nextmatch > img {
• width: 16px;
• height: 16px;
• }
• .ui-helper-clearfix {
• background-color: #cdcdcd;
• }
• /################################################################
  +
  +* ADD BUTTON for Infolog View in ADDRESSBOOK
  +*
  +################################################################*/
• .nextmatch_header div.et2_box_widget {
• /border: 1px solid #0C5DA5;/
• /box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);/
• /text-shadow: none;/
• height: 24px;
• margin-top: 0px;
• margin-left: 12px;
• padding: 4px;
• /background-color: @gray_10;/
• position: relative;
• top: 5px;
• -webkit-border-top-right-radius: 3px;
• -webkit-border-bottom-right-radius: 3px;
• -webkit-border-bottom-left-radius: 3px;
• -webkit-border-top-left-radius: 10px;
• -moz-border-radius-topright: 3px;
• -moz-border-radius-bottomright: 3px;
• -moz-border-radius-bottomleft: 3px;
• -moz-border-radius-topleft: 10px;
• border-top-right-radius: 3px;
• border-bottom-right-radius: 3px;
• border-bottom-left-radius: 3px;
• border-top-left-radius: 10px;
• /.background-clip(padding-box);/
• background-image: none !important;
• transition: all 0.5s linear;
• -webkit-transition: all 0.5s linear;
• /* Safari */
• /* &:before {

•                        content: "+";
  

•                        font-size: 20px;
  

•                        color: @egw_color_1_a;
  

•                        line-height: 1px;
  

•                        position: relative;
  

•                        top: 2px;
  

•                        text-shadow: 1px 1px 2px #000;*/
  

• /.Complete_Button_Icon_normal;/
• /.dimension_width_height_sm;/
• /}/
• /Text "“hinzufügen” "/
• /* commented as it hides upload in filemanager span {display: none;}*/
• /MouseOver/
• /* &:hover {

•                      .box_shadow_standard_light_hover;
  

•                      background-color: fade(@egw_color_2_a, 80%) !important;
  

•                      .border_radius_button_lefttop;
  

•                      .dimension_height_sm;
  

•                      &:before {content: ""; font-size: 1em;padding-left: 5px;}
  

•                      Text
  

•                      span {visibility: hidden; display: none;};
  

•                     img {.scale; margin: 0 5px; background: @gray_0;}
  

•                  }*/
  

• }
• .nextmatch_header div.et2_box_widget img {
• /.gradient_vertical (@egw_color_2_a, @egw_color_2_a);/
• /.background_color_10_gray;/
• -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
• -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
• box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
• border: 1px solid rgba(0, 0, 0, 0.15);
• -webkit-border-radius: 3px;
• -moz-border-radius: 3px;
• border-radius: 3px;
• width: 20px;
• height: 20px;
• margin-left: 0.5em;
• padding: 0px;
• margin-top: 0px;
• vertical-align: middle;
• }
• .nextmatch_header div.et2_box_widget img:hover {
• /.background_color_20_gray;/
• -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
• -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
• box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
• border: 1px solid rgba(0, 0, 0, 0.5);
• -webkit-border-radius: 3px;
• -moz-border-radius: 3px;
• border-radius: 3px;
• background-color: #189800;
• }
• .nextmatch_header div.et2_box_widget img:active {
• /.background_color_30_gray;/
• border: 1px solid rgba(0, 0, 0, 0.9);
• -webkit-border-radius: 3px;
• -moz-border-radius: 3px;
• border-radius: 3px;
• -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
• -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
• box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
• background-color: #1aa200;
• }
• .nextmatch_header div.et2_box_widget img:last-child {
• margin-right: 5px;
• }
• /######################################################/
• /################################################################
  +
  +* Search Field
  +*
  +################################################################*/
• .nextmatch_header_row > .search {
• padding: 0 0 0 0px;
• margin-right: 15px;
• margin-left: 15px;
• width: 200px;
• z-index: 100;
• white-space: nowrap;
• /.background_color_search;/
• /.border_radius_button_righttop;/
• }
• .nextmatch_header_row > .search input {
• /.background_color_search;/
• /background-color: @gray_0;/
• border: none;
• font-size: 11px;
• color: #000000;
• padding: 3px;
• width: 150px;
• }
• .nextmatch_header_row > .search input::-webkit-input-placeholder {
• /* WebKit browsers */
• color: #696969;
• }
• .nextmatch_header_row > .search input:-moz-placeholder {
• /* Mozilla Firefox 4 to 18 */
• color: #696969;
• }
• .nextmatch_header_row > .search input::-moz-placeholder {
• /* Mozilla Firefox 19+ */
• color: #696969;
• }
• .nextmatch_header_row > .search input:-ms-input-placeholder {
• /* Internet Explorer 10+ */
• color: #696969;
• }
• .nextmatch_header_row > .search button.et2_button {
• border: 1px solid rgba(0, 0, 0, 0.15);
• border-color: #b4b4b4;
• -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
• -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
• box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
• width: 45px;
• -webkit-border-radius: 3px;
• -webkit-border-top-right-radius: 20px;
• -moz-border-radius: 3px;
• -moz-border-radius-topright: 20px;
• border-radius: 3px;
• border-top-right-radius: 20px;
• /cursor: pointer; 14022014 entfernt/
• padding: 0px;
• margin: 8px 10px;
• margin-left: 0px;
• background-image: url("…/images/search.png");
• background-position: center 0;
• background-size: contain;
• background-repeat: no-repeat;
• text-indent: 110%;
• white-space: nowrap;
• overflow: hidden;
• }
• .nextmatch_header_row > .search button.et2_button:hover {
• -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
• -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
• box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
• background-color: #679fd2 !important;
• /hide arrow/
• color: #679fd2 !important;
• }
• .nextmatch_header_row > .search button.et2_button:active {
• /.background_verlauf_diagonal_gray;/
• background-color: #1aa200 !important;
• }
• .nextmatch_header_row > .search button.et2_button:focus {
• outline: 0;
• border-width: 1px;
• border-style: solid;
• border-color: #b4b4b4;
• -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
• -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
• box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
• /background-color: @color_positive_action_active !important;/
• }
• /################################################################
  +
  +* Filters
  +*
  +################################################################*/
• .nextmatch_header_row .et2_label select {
• margin-left: 3px;
• }
• .nextmatch_header_row > .filters {
• /width: 83%;/
• z-index: 7;
• margin-bottom: 4px;
• top: 0px;
• padding: 0 5px 0 0;
• /background-color: @gray_30;/
• background: transparent;
• border: none !important;
• /border-color: @gray_100;/
• background-image: none !important;
• min-height: 37px;
• margin-left: 224px;
• margin-right: 119px;
• /* .border_radius (3px, 3px, 0px, 0px);*/
• }
• .nextmatch_header_row > .filters select {
• margin-top: 10px;
• }
• .nextmatch_header_row > .filters .et2_label {
• padding: 0.2em;
• }
• .nextmatch_header_row > .filters .et2_label select {
• /.Complete_Button_select;/
• margin-left: 2px;
• margin-right: 1px;
• margin-top: 8px;
• width: 20%;
• max-width: 20% !important;
• /*Dialog - Addressbook - View */
• }
• .nextmatch_header_row > .filters .et2_label select:hover {
• -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
• -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
• box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
• }
• .nextmatch_header_row > .filters .et2_label select #infolog-index_cat_id,
• .nextmatch_header_row > .filters .et2_label select #infolog-index_filter {
• width: 50% !important;
• }
• .nextmatch_header > .filters > select > option {
• font-size: 11px;
• }
• .nextmatch_header > .filters input {
• margin-right: 2ex;
• width: 15%;
• border: 1px solid rgba(0, 0, 0, 0.15);
• border-color: #b4b4b4;
• -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
• -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
• box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
• width: auto;
• /margin: 0.5em 0em 0.5em 0;/
• -webkit-border-radius: 3px;
• -moz-border-radius: 3px;
• border-radius: 3px;
• }
• .nextmatch_header > .filters input:hover {
• -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
• -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
• box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
• }
• .nextmatch_header > .filters input:focus {
• outline: 0;
• border-width: 1px;
• border-style: solid;
• border-color: #b4b4b4;
• -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
• -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
• box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
• }
• /################################################################
  +
  +* Export Button
  +*
  +################################################################*/
• .nextmatch_header > .filters .et2_button_icon {
• margin-top: 8px;
• vertical-align: middle;
• /.background_color_10_gray;/
• -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
• -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
• box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
• border: 1px solid rgba(0, 0, 0, 0.15);
• -webkit-border-radius: 3px;
• -moz-border-radius: 3px;
• border-radius: 3px;
• box-shadow: none;
• margin-right: 1em;
• width: 16px;
• height: 16px;
• padding: 2px;
• }
• .nextmatch_header > .filters .et2_button_icon:hover {
• /.background_color_20_gray;/
• -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
• -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
• box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
• border: 1px solid rgba(0, 0, 0, 0.5);
• -webkit-border-radius: 3px;
• -moz-border-radius: 3px;
• border-radius: 3px;
• }
• .nextmatch_header > .filters .et2_button_icon:active {
• /.background_color_30_gray;/
• border: 1px solid rgba(0, 0, 0, 0.9);
• -webkit-border-radius: 3px;
• -moz-border-radius: 3px;
• border-radius: 3px;
• -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
• -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
• box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
• background-color: #1aa200;
• }
• /*.et2_nextmatch .nextmatch_header > .filters {
• border: 1px solid @gray_10;
• background-color: @gray_20;
• background-image: url(…/images/header_overlay.png);
• background-position: center;
• background-repeat: repeat-x;
• margin-bottom: 3px;
  +}*/
• /################################################################
  +
  +* count
  +*
  +################################################################*/
• .nextmatch_header .header_count {
• position: relative;
• top: 1px;
• height: 22px;
• height: 24px;
• border: 1px solid #E0E0E0;
• float: right;
• margin: 6px 5px 0 10px;
• padding: 0 20px;
• text-align: center;
• font-size: 11px;
• border: 1px solid rgba(0, 0, 0, 0.15);
• -webkit-border-radius: 3px;
• -moz-border-radius: 3px;
• border-radius: 3px;
• color: #000000;
• }
• .nextmatch_header .header_count span {
• font-size: 11px;
• top: 4px;
• position: relative;
• }
• /################################################################
  +
  +* Kategorien
  +*
  +################################################################*/
• div#admin-categories-index {
• padding: 0px;
• }
• div#admin-categories-index div.ui-helper-clearfix {
• height: 0px;
• }
• div#admin-categories-index div.et2_hbox_right {
• margin-right: 0;
• padding: 0;
• }
• /ADD Button/
• button#admin-categories-index_add {
• width: 32px;
• /border: 1px solid #0C5DA5;/
• margin: 6px 2px;
• box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
• padding: -0.5em;
• background-color: #e6e6e6 !important;
• background-size: 16px 16px;
• -webkit-border-radius: 3px;
• -webkit-border-top-left-radius: 10px;
• -moz-border-radius: 3px;
• -moz-border-radius-topleft: 10px;
• border-radius: 3px;
• border-top-left-radius: 10px;
• height: 24px;
• margin: -2px 2px;
• }
• button#admin-categories-index_add:before {
• content: “”;
• font-size: 2em;
• color: #0c5da5;
• line-height: 0.6em;
• padding-left: 0.1em;
• padding-right: 100em;
• }
• button#admin-categories-index_add:active {
• background-color: #1aa200;
• }
• button#admin-categories-index_add:hover {
• background-color: #189800 !important;
• color: #ffc200;
• -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
• -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
• box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
• -webkit-border-radius: 3px;
• -webkit-border-top-left-radius: 10px;
• -moz-border-radius: 3px;
• -moz-border-radius-topleft: 10px;
• border-radius: 3px;
• border-top-left-radius: 10px;
• }
• button#admin-categories-index_add:active {
• background-color: #1aa200 !important;
• }
• #admin-categories-index_filter {
• top: 8px;
• }
• /################################################################
  +
  +* Favorites
  +*
  +################################################################*/
• .nextmatch_header div[id$=favorite_wrapper] {
• -webkit-border-radius: 3px;
• -moz-border-radius: 3px;
• border-radius: 3px;
• /.background_color_25_gray;/
• z-index: 200;
• }
• /**
• • Drop down button
• */
• .et2_dropdown {
• position: relative;
• /top: -5px;/
• /left Button/
• /right Button/
• /* hover */
• }
• .et2_dropdown button {
• height: 24px;
• display: inline-block;
• vertical-align: middle;
• margin-right: -2px;
• padding: 0px 1ex;
• background-color: #ffffff;
• background-image: none;
• }
• .et2_dropdown button img {
• width: 12px;
• height: 12px;
• }
• .et2_dropdown button > div {
• vertical-align: middle;
• }
• .et2_dropdown button:last-child {
• padding: 0px;
• }
• .et2_dropdown + ul.ui-menu {
• position: absolute;
• z-index: 2;
• }
• .et2_dropdown button.ui-corner-left,
• .et2_dropdown button.ui-state-default {
• background-image: none !important;
• background-repeat: no-repeat !important;
• /&:hover {.Complete_Button_save_apply_copy;}/
• }
• .et2_dropdown but