Skip to content
Snippets Groups Projects
Commit 9bae00df authored by ANDiTKO's avatar ANDiTKO
Browse files

* Improved toolbar icons.

* Improved form styling.
* Fixed some images not found errors for some form elements.
parent a1f1fd09
No related branches found
No related tags found
1 merge request!10Auto complete Hover style changes
......@@ -59,6 +59,25 @@ label[for] {
box-shadow: none;
}
div.layout-region-node-main label {
font-size: 1.5em;
line-height: 1.5em;
font-weight: 100;
}
div.layout-region-node-main label button.link {
font-weight: normal;
font-size: 1em;
}
div.layout-region-node-main .form-type-textarea span.field-edit-link {
font-size: 0.7em;
margin: 0.4em;
padding: 0.2em;
position: relative;
top: -0.1em;
}
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
......@@ -75,7 +94,7 @@ label[for] {
background-color: #fcf4f2;
}
.form-required:after {
background-image: url(../../images/required.svg);
background-image: url(icons/required.svg);
background-size: 7px 7px;
width: 7px;
height: 7px;
......@@ -158,6 +177,7 @@ textarea.form-textarea {
border-color: #0074BD;
outline: 0;
background-color: #fff;
color: #000;
}
.confirm-parent,
......@@ -186,11 +206,9 @@ textarea.form-textarea {
select {
cursor: pointer;
-webkit-appearance: none;
padding: 1px 1.571em 1px 0.5em; /* LTR */
padding: 1px 1.571em 1px .25em; /* LTR */
border: 1px solid #a6a6a6;
background:
url(../../../../misc/icons/333333/caret-down.svg) no-repeat 99% 63%,
-webkit-linear-gradient(top, #f6f6f3, #e7e7df); /* LTR */
background: url(icons/333333/caret-down.svg) no-repeat 99% 63% #fff;
font-size: 0.875rem;
-webkit-transition: all 0.1s;
transition: all 0.1s;
......@@ -202,9 +220,9 @@ textarea.form-textarea {
}
select:focus,
select:hover {
background-image: url(../../../../misc/icons/333333/caret-down.svg),
-webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
background-image: url(icons/333333/caret-down.svg);
color: #1a1a1a;
border-color: #0074BD;
}
select:hover {
}
......
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#333333" d="M3.8 5.4c-.165-.22-.075-.4.2-.4h8.002c.275 0 .365.18.199.4l-3.898 5.2c-.166.221-.436.221-.6 0l-3.903-5.2z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#e62600" d="M0,7.562l1.114-3.438c2.565,0.906,4.43,1.688,5.59,2.35C6.398,3.553,6.237,1.544,6.22,0.447h3.511 c-0.05,1.597-0.234,3.6-0.558,6.003c1.664-0.838,3.566-1.613,5.714-2.325L16,7.562c-2.05,0.678-4.06,1.131-6.028,1.356 c0.984,0.856,2.372,2.381,4.166,4.575l-2.906,2.059c-0.935-1.274-2.041-3.009-3.316-5.206c-1.194,2.275-2.244,4.013-3.147,5.206 l-2.856-2.059c1.872-2.307,3.211-3.832,4.017-4.575C3.849,8.516,1.872,8.062,0,7.562"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#787878" d="M8.002 1c-3.869 0-7.002 3.134-7.002 7s3.133 7 7.002 7c3.865 0 7-3.134 7-7s-3.135-7-7-7zm4.459 6.336l-4.105 4.105c-.196.189-.515.189-.708 0l-4.107-4.105c-.194-.194-.194-.513 0-.707l.977-.978c.194-.194.513-.194.707 0l2.422 2.421c.192.195.513.195.708 0l2.422-2.42c.188-.194.512-.194.707 0l.977.977c.193.194.193.513 0 .707z"/></svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
<g>
<path fill="#787878" d="M0.045,7.997c0-0.732,0.095-1.438,0.285-2.117C0.52,5.2,0.788,4.565,1.136,3.973
c0.347-0.592,0.763-1.13,1.248-1.615s1.021-0.9,1.611-1.248c0.589-0.347,1.224-0.615,1.903-0.806
c0.68-0.19,1.385-0.285,2.117-0.285c0.731,0,1.438,0.095,2.117,0.285c0.68,0.19,1.314,0.459,1.903,0.806s1.126,0.763,1.611,1.248
c0.484,0.485,0.9,1.023,1.247,1.615C15.24,4.564,15.509,5.2,15.699,5.88s0.285,1.385,0.285,2.117c0,0.731-0.095,1.437-0.285,2.113
c-0.19,0.678-0.459,1.312-0.806,1.903s-0.763,1.13-1.247,1.615c-0.485,0.484-1.022,0.9-1.611,1.247s-1.224,0.615-1.903,0.806
c-0.68,0.189-1.386,0.285-2.117,0.285c-0.732,0-1.438-0.096-2.117-0.285c-0.68-0.19-1.314-0.459-1.903-0.806
s-1.126-0.763-1.611-1.247c-0.485-0.485-0.901-1.023-1.248-1.615S0.521,10.787,0.33,10.11C0.14,9.434,0.045,8.729,0.045,7.997z
M8.015,1.161c-0.627,0-1.232,0.082-1.814,0.246C5.618,1.571,5.074,1.801,4.568,2.098S3.601,2.751,3.185,3.167
S2.413,4.044,2.116,4.55S1.589,5.6,1.425,6.182C1.26,6.765,1.179,7.37,1.179,7.997c0,0.628,0.082,1.231,0.246,1.814
c0.164,0.582,0.395,1.125,0.691,1.629c0.297,0.503,0.653,0.965,1.069,1.383s0.877,0.774,1.383,1.069
c0.506,0.294,1.05,0.523,1.633,0.688c0.582,0.164,1.187,0.246,1.814,0.246c0.628,0,1.232-0.082,1.814-0.246
s1.126-0.394,1.632-0.688c0.507-0.295,0.968-0.651,1.384-1.069c0.415-0.418,0.771-0.88,1.069-1.383
c0.297-0.504,0.525-1.047,0.688-1.629c0.161-0.583,0.242-1.187,0.242-1.814s-0.081-1.232-0.242-1.814
c-0.162-0.582-0.391-1.126-0.688-1.632c-0.298-0.506-0.654-0.967-1.069-1.383c-0.416-0.416-0.877-0.772-1.384-1.069
c-0.506-0.297-1.05-0.527-1.632-0.691S8.643,1.161,8.015,1.161z"/>
</g>
<g>
<path fill="#787878" d="M11.664,7.964l-3.649,3.65l-3.65-3.65V5.526l3.65,3.649l3.649-3.649V7.964z"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#787878" d="M8.002 1c-3.867 0-7.002 3.134-7.002 7s3.135 7 7.002 7 7-3.134 7-7-3.133-7-7-7zm4.462 8.37l-.979.979c-.19.19-.516.19-.707 0l-2.422-2.419c-.196-.194-.515-.194-.708 0l-2.423 2.417c-.194.193-.513.193-.707 0l-.977-.976c-.194-.194-.194-.514 0-.707l4.106-4.106c.193-.194.515-.194.708 0l4.109 4.105c.19.192.19.513 0 .707z"/></svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
<g>
<path fill="#FFFFFF" d="M0.045,7.997c0-0.732,0.095-1.438,0.285-2.117C0.52,5.2,0.788,4.565,1.136,3.973
c0.347-0.592,0.763-1.13,1.248-1.615s1.021-0.9,1.611-1.248c0.589-0.347,1.224-0.615,1.903-0.806
c0.68-0.19,1.385-0.285,2.117-0.285c0.731,0,1.438,0.095,2.117,0.285c0.68,0.19,1.314,0.459,1.903,0.806s1.126,0.763,1.611,1.248
c0.484,0.485,0.9,1.023,1.247,1.615C15.24,4.564,15.509,5.2,15.699,5.88s0.285,1.385,0.285,2.117c0,0.731-0.095,1.437-0.285,2.113
c-0.19,0.678-0.459,1.312-0.806,1.903s-0.763,1.13-1.247,1.615c-0.485,0.484-1.022,0.9-1.611,1.247s-1.224,0.615-1.903,0.806
c-0.68,0.189-1.386,0.285-2.117,0.285c-0.732,0-1.438-0.096-2.117-0.285c-0.68-0.19-1.314-0.459-1.903-0.806
s-1.126-0.763-1.611-1.247c-0.485-0.485-0.901-1.023-1.248-1.615S0.521,10.787,0.33,10.11C0.14,9.434,0.045,8.729,0.045,7.997z
M8.015,1.161c-0.627,0-1.232,0.082-1.814,0.246C5.618,1.571,5.074,1.801,4.568,2.098S3.601,2.751,3.185,3.167
S2.413,4.044,2.116,4.55S1.589,5.6,1.425,6.182C1.26,6.765,1.179,7.37,1.179,7.997c0,0.628,0.082,1.231,0.246,1.814
c0.164,0.582,0.395,1.125,0.691,1.629c0.297,0.503,0.653,0.965,1.069,1.383s0.877,0.774,1.383,1.069
c0.506,0.294,1.05,0.523,1.633,0.688c0.582,0.164,1.187,0.246,1.814,0.246c0.628,0,1.232-0.082,1.814-0.246
s1.126-0.394,1.632-0.688c0.507-0.295,0.968-0.651,1.384-1.069c0.415-0.418,0.771-0.88,1.069-1.383
c0.297-0.504,0.525-1.047,0.688-1.629c0.161-0.583,0.242-1.187,0.242-1.814s-0.081-1.232-0.242-1.814
c-0.162-0.582-0.391-1.126-0.688-1.632c-0.298-0.506-0.654-0.967-1.069-1.383c-0.416-0.416-0.877-0.772-1.384-1.069
c-0.506-0.297-1.05-0.527-1.632-0.691S8.643,1.161,8.015,1.161z"/>
</g>
<g>
<path fill="#FFFFFF" d="M11.664,7.964l-3.649,3.65l-3.65-3.65V5.526l3.65,3.649l3.649-3.649V7.964z"/>
</g>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
<g>
<path fill="#FFFFFF" d="M0.045,7.997c0-0.732,0.095-1.438,0.285-2.117C0.52,5.2,0.788,4.565,1.136,3.973
c0.347-0.592,0.763-1.13,1.248-1.615s1.021-0.9,1.611-1.248c0.589-0.347,1.224-0.615,1.903-0.806
c0.68-0.19,1.385-0.285,2.117-0.285c0.731,0,1.438,0.095,2.117,0.285c0.68,0.19,1.314,0.459,1.903,0.806s1.126,0.763,1.611,1.248
c0.484,0.485,0.9,1.023,1.247,1.615C15.24,4.564,15.509,5.2,15.699,5.88s0.285,1.385,0.285,2.117c0,0.731-0.095,1.437-0.285,2.113
c-0.19,0.678-0.459,1.312-0.806,1.903s-0.763,1.13-1.247,1.615c-0.485,0.484-1.022,0.9-1.611,1.247s-1.224,0.615-1.903,0.806
c-0.68,0.189-1.386,0.285-2.117,0.285c-0.732,0-1.438-0.096-2.117-0.285c-0.68-0.19-1.314-0.459-1.903-0.806
s-1.126-0.763-1.611-1.247c-0.485-0.485-0.901-1.023-1.248-1.615S0.521,10.787,0.33,10.11C0.14,9.434,0.045,8.729,0.045,7.997z
M8.015,1.161c-0.627,0-1.232,0.082-1.814,0.246C5.618,1.571,5.074,1.801,4.568,2.098S3.601,2.751,3.185,3.167
S2.413,4.044,2.116,4.55S1.589,5.6,1.425,6.182C1.26,6.765,1.179,7.37,1.179,7.997c0,0.628,0.082,1.231,0.246,1.814
c0.164,0.582,0.395,1.125,0.691,1.629c0.297,0.503,0.653,0.965,1.069,1.383s0.877,0.774,1.383,1.069
c0.506,0.294,1.05,0.523,1.633,0.688c0.582,0.164,1.187,0.246,1.814,0.246c0.628,0,1.232-0.082,1.814-0.246
s1.126-0.394,1.632-0.688c0.507-0.295,0.968-0.651,1.384-1.069c0.415-0.418,0.771-0.88,1.069-1.383
c0.297-0.504,0.525-1.047,0.688-1.629c0.161-0.583,0.242-1.187,0.242-1.814s-0.081-1.232-0.242-1.814
c-0.162-0.582-0.391-1.126-0.688-1.632c-0.298-0.506-0.654-0.967-1.069-1.383c-0.416-0.416-0.877-0.772-1.384-1.069
c-0.506-0.297-1.05-0.527-1.632-0.691S8.643,1.161,8.015,1.161z"/>
</g>
<g>
<path fill="#FFFFFF" d="M11.439,10.517l-0.943,0.943L8,8.964L5.504,11.46l-0.943-0.943L7.057,8.02L4.561,5.524l0.943-0.949L8,7.077
l2.496-2.502l0.943,0.949L8.943,8.02L11.439,10.517z"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#ffffff" d="M2.611 5.393c-.17-.216-.084-.393.191-.393h10.397c.275 0 .361.177.191.393l-5.08 6.464c-.17.216-.452.216-.622 0l-5.077-6.464z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#ffffff" d="M13.391 10.607c.17.216.084.393-.191.393h-10.398c-.275 0-.361-.177-.191-.393l5.08-6.464c.17-.216.45-.216.62 0l5.08 6.464z"/></svg>
......@@ -106,7 +106,31 @@
* Handles.
*/
.toolbar .toolbar-icon.toolbar-handle:focus {
background-color: transparent;
background-color: #0074BD;
}
.toolbar .toolbar-icon.toolbar-handle:before {
background-image: url(icons/787878/chevron-disc-down.svg);
}
.toolbar .toolbar-icon.toolbar-handle:focus:before {
background-image: url(icons/ffffff/chevron-disc-down.svg);
}
.toolbar .toolbar-icon.toolbar-handle.open:before {
background-image: url(icons/ffffff/chevron-disc-up.svg);
}
.toolbar .menu .menu .toolbar-icon.toolbar-handle:before {
background-image: url(icons/787878/twistie-down.svg);
background-size: 75%;
}
.toolbar .menu .menu .toolbar-icon.toolbar-handle:focus:before {
background-image: url(icons/ffffff/twistie-down.svg);
}
.toolbar .menu .menu .toolbar-icon.toolbar-handle.open:before {
background-image: url(icons/ffffff/twistie-up.svg);
background-size: 75%;
}
/**
......@@ -124,6 +148,7 @@
}
.toolbar-icon-system-admin-content:active:before,
.toolbar-icon-system-admin-content:hover:before,
.toolbar-icon-system-admin-content:focus:before,
.toolbar-icon-system-admin-content.active:before {
background-image: url(icons/ffffff/file.svg);
}
......@@ -132,6 +157,7 @@
}
.toolbar-icon-system-admin-structure:active:before,
.toolbar-icon-system-admin-structure:hover:before,
.toolbar-icon-system-admin-structure:focus:before,
.toolbar-icon-system-admin-structure.active:before {
background-image: url(icons/ffffff/orgchart.svg);
}
......@@ -140,6 +166,7 @@
}
.toolbar-icon-system-themes-page:active:before,
.toolbar-icon-system-themes-page:hover:before,
.toolbar-icon-system-themes-page:focus:before,
.toolbar-icon-system-themes-page.active:before {
background-image: url(icons/ffffff/paintbrush.svg);
}
......@@ -148,6 +175,7 @@
}
.toolbar-icon-user-admin-account:active:before,
.toolbar-icon-user-admin-account:hover:before,
.toolbar-icon-user-admin-account:focus:before,
.toolbar-icon-user-admin-account.active:before {
background-image: url(icons/ffffff/people.svg);
}
......@@ -156,6 +184,7 @@
}
.toolbar-icon-system-modules-list:active:before,
.toolbar-icon-system-modules-list:hover:before,
.toolbar-icon-system-modules-list:focus:before,
.toolbar-icon-system-modules-list.active:before {
background-image: url(icons/ffffff/puzzlepiece.svg);
}
......@@ -164,6 +193,7 @@
}
.toolbar-icon-system-admin-config:active:before,
.toolbar-icon-system-admin-config:hover:before,
.toolbar-icon-system-admin-config:focus:before,
.toolbar-icon-system-admin-config.active:before {
background-image: url(icons/ffffff/wrench.svg);
}
......@@ -172,6 +202,7 @@
}
.toolbar-icon-system-admin-reports:active:before,
.toolbar-icon-system-admin-reports:hover:before,
.toolbar-icon-system-admin-reports:focus:before,
.toolbar-icon-system-admin-reports.active:before {
background-image: url(icons/ffffff/barchart.svg);
}
......@@ -180,6 +211,7 @@
}
.toolbar-icon-help-main:active:before,
.toolbar-icon-help-main:hover:before,
.toolbar-icon-help-main:focus:before,
.toolbar-icon-help-main.active:before {
background-image: url(icons/ffffff/questionmark-disc.svg);
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment