Commit ef1db63d authored by cilefen's avatar cilefen

Issue #2878548 by alexpott, droplet, Cottser, idebr, joelpittet, xjm,...

Issue #2878548 by alexpott, droplet, Cottser, idebr, joelpittet, xjm, martin107: Fix CSS whitespace issues
parent 01621e58
......@@ -17,14 +17,14 @@
position: relative;
}
@media screen and (max-width:600px) {
@media screen and (max-width: 600px) {
.js .dropbutton-wrapper {
width: 100%;
}
}
/* Splitbuttons */
@media screen and (min-width:600px) {
@media screen and (min-width: 600px) {
.form-actions .dropbutton-wrapper {
float: left; /* LTR */
}
......
......@@ -17,7 +17,7 @@ th {
tr:nth-child(odd) {
background-color: #ddd;
}
tr:nth-child(even){
tr:nth-child(even) {
background-color: #fff;
}
td {
......
......@@ -8,8 +8,8 @@
border: 1px solid #ccc;
}
[dir="rtl"] .vertical-tabs {
margin-left: 0;
margin-right: 15em;
margin-left: 0;
margin-right: 15em;
}
.vertical-tabs__menu {
float: left; /* LTR */
......
......@@ -24,7 +24,7 @@ a.block-demo-backlink:visited {
font-family: "Lucida Grande", Verdana, sans-serif;
font-size: small;
line-height: 20px;
left: 20px; /*LTR*/
left: 20px; /* LTR */
padding: 5px 10px;
position: fixed;
z-index: 499;
......
......@@ -16,7 +16,9 @@ body {
}
}
ol, ul, dl {
ol,
ul,
dl {
/* Preserved spaces for list items with text direction other than the list.
* (CKEditor issues #6249,#8049) */
padding: 0 40px;
......
......@@ -6,8 +6,6 @@
* "moono".
*/
.ckeditor-toolbar {
border: 1px solid #b6b6b6;
padding: 0.1667em 0.1667em 0.08em;
......@@ -119,7 +117,7 @@
margin: 3px 6px;
padding: 3px;
}
.ckeditor-toolbar-configuration .fieldset-description{
.ckeditor-toolbar-configuration .fieldset-description {
margin-bottom: 1em;
}
.ckeditor-toolbar-disabled .ckeditor-toolbar-available,
......
......@@ -51,9 +51,9 @@
}
@keyframes quickedit-image-spin {
0% {transform: rotate(0deg);}
50% {transform: rotate(180deg);}
100% {transform: rotate(360deg);}
0% { transform: rotate(0deg); }
50% { transform: rotate(180deg); }
100% { transform: rotate(360deg); }
}
.quickedit-image-text {
......
......@@ -6,18 +6,18 @@
*/
/* Position the off-canvas dialog container outside the right of the viewport. */
.ui-dialog-off-canvas {
box-sizing: border-box;
height: 100%;
overflow: visible;
box-sizing: border-box;
height: 100%;
overflow: visible;
}
/* Wrap the form that's inside the off-canvas dialog. */
.ui-dialog-off-canvas .ui-dialog-content {
padding: 0 20px;
/* Prevent horizontal scrollbar. */
overflow-x: hidden;
overflow-y: auto;
padding: 0 20px;
/* Prevent horizontal scrollbar. */
overflow-x: hidden;
overflow-y: auto;
}
[dir="rtl"] .ui-dialog-off-canvas .ui-dialog-content {
text-align: right;
text-align: right;
}
......@@ -12,17 +12,17 @@
/* Transition the off-canvas dialog container, with 2s delay to match main canvas speed. */
.ui-dialog-off-canvas .ui-dialog-content {
-webkit-transition: all .7s ease 2s;
-moz-transition: all .7s ease 2s;
transition: all .7s ease 2s;
-webkit-transition: all .7s ease 2s;
-moz-transition: all .7s ease 2s;
transition: all .7s ease 2s;
}
@media (max-width: 700px) {
.ui-dialog-off-canvas .ui-dialog-content {
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
transition: all .7s ease;
}
.ui-dialog-off-canvas .ui-dialog-content {
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
transition: all .7s ease;
}
}
.dialog-off-canvas__main-canvas {
......
......@@ -10,7 +10,6 @@
* file: https://www.drupal.org/node/2784443.
*/
/* Transition the edit icon in the toolbar. */
#toolbar-bar.button.toolbar-icon.toolbar-icon.toolbar-icon-edit:before {
-webkit-transition: all .7s ease;
......@@ -41,4 +40,5 @@
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
transition: all .7s ease;
}*/
}
*/
......@@ -5,7 +5,6 @@
* @see tabledrag.js
*/
/* Because base font sizes will vary widely across themes, to maintain consistency outside-in uses only pixels. */
.ui-dialog-outside-in body.drag {
......
......@@ -97,7 +97,7 @@
.ui-dialog-outside-in details,
.ui-dialog-outside-in .form-item {
color: #ddd;
font-family: "Lucida Grande", 'Lucida Sans Unicode','liberation sans', sans-serif;
font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif;
font-size: 14px;
font-weight: normal;
background-color: transparent;
......@@ -106,7 +106,7 @@
.ui-dialog-outside-in a,
.ui-dialog-outside-in .link {
border-bottom: none;
font-family: "Lucida Grande", 'Lucida Sans Unicode','liberation sans', sans-serif;
font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif;
font-size: 14px;
font-weight: normal;
color: #85bef4;
......@@ -235,7 +235,6 @@
background: #2b8bd8;
}
/*
* Visual styling for dropbutton in the Settings Tray module's off canvas tray.
* @todo Move to its own component:
......
......@@ -62,9 +62,9 @@ button.toolbar-icon.toolbar-icon-edit.toolbar-item:before:focus {
}
#toolbar-bar.js-outside-in-edit-mode button.toolbar-icon.toolbar-icon-edit.toolbar-item.is-active {
background-image: none;
color: #fff;
background-image: none;
color: #fff;
}
#toolbar-bar.js-outside-in-edit-mode button.toolbar-icon.toolbar-icon-edit.toolbar-item.is-active:hover {
background-image: linear-gradient(to bottom, #0094f0, #0e69be);
background-image: linear-gradient(to bottom, #0094f0, #0e69be);
}
......@@ -99,7 +99,7 @@
* Toolbars.
*/
.quickedit-toolbar-container {
font-family: 'Source Sans Pro','Lucida Grande', sans-serif;
font-family: 'Source Sans Pro', 'Lucida Grande', sans-serif;
padding-bottom: 7px;
padding-top: 7px;
-webkit-transition: all 1s;
......@@ -174,9 +174,9 @@
padding: 0.1667em 0.2em;
}
/**
* Info toolgroup.
*/
/**
* Info toolgroup.
*/
.quickedit-toolbar-fullwidth {
width: 100%;
}
......
......@@ -211,7 +211,7 @@ small .admin-link:after {
background-color: transparent;
}
[dir="rtl"] .system-status-report__status-title {
padding: 10px 40px 10px 6px;
padding: 10px 40px 10px 6px;
}
.system-status-report__status-icon:before {
content: "";
......@@ -223,7 +223,7 @@ small .admin-link:after {
left: 12px; /* LTR */
top: 12px;
}
[dir="rtl"] .system-status-report__status-icon:before {
[dir="rtl"] .system-status-report__status-icon:before {
left: auto;
right: 12px;
}
......
......@@ -219,7 +219,6 @@
background-color: #f5f5f5;
}
/**
* Handle.
*/
......@@ -280,8 +279,7 @@
background-image: url(../../../misc/icons/bebebe/push-left.svg); /* LTR */
}
.toolbar .toolbar-toggle-orientation [value="vertical"]:hover:before,
.toolbar .toolbar-toggle-orientation [value="vertical"]:focus:before
{
.toolbar .toolbar-toggle-orientation [value="vertical"]:focus:before {
background-image: url(../../../misc/icons/787878/push-left.svg); /* LTR */
}
[dir="rtl"] .toolbar .toolbar-toggle-orientation [value="vertical"]:before {
......
......@@ -111,7 +111,7 @@ body.toolbar-tray-open.toolbar-fixed.toolbar-vertical .toolbar-oriented {
/* This min-width media query is meant to provide basic horizontal layout to
* the main menu tabs when JavaScript is disabled on user agents that understand
* media queries. */
@media (min-width:16.5em) {
@media (min-width: 16.5em) {
.toolbar .toolbar-bar .toolbar-tab,
.toolbar .toolbar-tray-horizontal li {
float: left; /* LTR */
......@@ -171,7 +171,7 @@ body.toolbar-tray-open.toolbar-fixed.toolbar-vertical .toolbar-oriented {
right: 0;
}
/* Layer the links just above the toolbar-tray. */
.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon{
.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon {
position: relative;
z-index: 502;
}
......
......@@ -20,7 +20,8 @@
line-height: 1em;
text-decoration: none;
}
.toolbar .toolbar-item:hover, .toolbar .toolbar-item:focus {
.toolbar .toolbar-item:hover,
.toolbar .toolbar-item:focus {
text-decoration: underline;
}
......@@ -93,8 +94,7 @@
.toolbar-tray a:hover,
.toolbar-tray a:active,
.toolbar-tray a:focus,
.toolbar-tray a.is-active
{
.toolbar-tray a.is-active {
color: #000;
text-decoration: underline;
}
......@@ -105,7 +105,7 @@
border-left: 1px solid #dddddd; /* LTR */
}
[dir="rtl"] .toolbar .toolbar-tray-horizontal .menu-item + .menu-item {
border-left: 0 none ;
border-left: 0 none;
border-right: 1px solid #dddddd;
}
.toolbar .toolbar-tray-horizontal .menu-item:last-child {
......
......@@ -147,7 +147,7 @@
margin-bottom: 2em;
}
@media screen and (min-width:45em) { /* 720px */
@media screen and (min-width: 45em) { /* 720px */
.views-display-columns > * {
float: left; /* LTR */
margin-left: 2%; /* LTR */
......
......@@ -158,7 +158,7 @@ details.box-padding {
/* Hide 'remove' checkboxes. */
.views-remove-checkbox {
display: none;
display: none;
}
/* sizes the labels of checkboxes and radio button to the height of the text */
......@@ -345,7 +345,7 @@ td.group-title {
padding: 0;
width: auto;
}
.views-displays .tabs li.add ul.action-list li{
.views-displays .tabs li.add ul.action-list li {
margin: 0;
}
.views-displays .tabs.secondary li {
......@@ -402,7 +402,7 @@ td.group-title {
color: #0074bd;
background-color: #f1f1f1;
}
.views-displays .tabs .action-list li {
.views-displays .tabs .action-list li {
background-color: #f1f1f1;
border-color: #cbcbcb;
border-style: solid;
......@@ -412,10 +412,10 @@ td.group-title {
.views-displays .tabs .action-list li:first-child {
border-width: 1px 1px 0;
}
.views-displays .action-list li:last-child {
.views-displays .action-list li:last-child {
border-width: 0 1px 1px;
}
.views-displays .tabs .action-list li:last-child {
.views-displays .tabs .action-list li:last-child {
border-width: 0 1px 1px;
}
.views-displays .tabs .action-list input.form-submit {
......@@ -483,7 +483,7 @@ td.group-title {
.view-preview-form .form-actions {
vertical-align: top;
}
@media screen and (min-width:45em) { /* 720px */
@media screen and (min-width: 45em) { /* 720px */
.view-preview-form .form-type-textfield .description {
white-space: nowrap;
}
......
......@@ -78,7 +78,7 @@
}
[dir="rtl"] .color-preview-sidebar,
[dir="rtl"] .color-preview-content {
float: right;
float: right;
}
.color-preview-sidebar {
margin-left: 15px; /* LTR */
......
......@@ -132,7 +132,8 @@ img {
max-width: 100%;
height: auto;
}
ul, ol {
ul,
ol {
margin: 0;
padding: 0 0 0.25em 1em; /* LTR */
}
......
......@@ -49,7 +49,6 @@
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 0.733em;
line-height: 1.2;
}
.comment__permalink {
font-size: 0.733em;
......
......@@ -316,7 +316,9 @@ input.form-submit:focus {
-moz-box-sizing: border-box;
}
.js .dropbutton .dropbutton-action > input, .js .dropbutton .dropbutton-action > a, .js .dropbutton .dropbutton-action > button {
.js .dropbutton .dropbutton-action > input,
.js .dropbutton .dropbutton-action > a,
.js .dropbutton .dropbutton-action > button {
text-align: center;
padding-left: 3em;
}
......
......@@ -21,7 +21,7 @@
}
.region-header .site-branding {
float: left; /* LTR */
/* margin-bottom: 1.857em;*/
/* margin-bottom: 1.857em; */
}
[dir="rtl"] .region-header .site-branding {
float: right;
......
......@@ -49,7 +49,7 @@ body.maintenance-page {
.maintenance-page .site-branding-text a:focus {
color: #777;
}
.maintenance-page .page-title {
.maintenance-page .page-title {
line-height: 1em;
margin-top: 0;
}
......
......@@ -8,7 +8,7 @@
}
.field--label-inline .field__label,
.field--label-inline .field__items {
float: left; /*LTR*/
float: left; /* LTR */
}
.field--label-inline .field__label,
.field--label-inline > .field__item,
......
......@@ -3,7 +3,7 @@
* Default style for file module.
*/
/* File icons.*/
/* File icons. */
.file {
padding-left: 20px; /* LTR */
......
......@@ -8,13 +8,13 @@ form .field-multiple-table {
}
form .field-multiple-table .field-multiple-drag {
width: 30px;
padding-right: 0; /*LTR*/
padding-right: 0; /* LTR */
}
[dir="rtl"] form .field-multiple-table .field-multiple-drag {
padding-left: 0;
}
form .field-multiple-table .field-multiple-drag .tabledrag-handle {
padding-right: .5em; /*LTR*/
padding-right: .5em; /* LTR */
}
[dir="rtl"] form .field-multiple-table .field-multiple-drag .tabledrag-handle {
padding-right: 0;
......@@ -64,8 +64,8 @@ label.option {
}
[dir="rtl"] .form-type-radio .description,
[dir="rtl"] .form-type-checkbox .description {
margin-left: 0;
margin-right: 2.4em;
margin-left: 0;
margin-right: 2.4em;
}
.marker {
color: #e00;
......
......@@ -17,27 +17,14 @@
border: 1px #07629a solid;
background: #057ec9;
background-image:
-webkit-linear-gradient( top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15) ),
-webkit-linear-gradient( left top,
#0094f0 0%,
#0094f0 25%,
#007ecc 25%,
#007ecc 50%,
#0094f0 50%,
#0094f0 75%,
#0094f0 100% );
-webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)),
-webkit-linear-gradient(left top, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
background-image:
-webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), -webkit-linear-gradient(left top, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
-webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)),
-webkit-linear-gradient(left top, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
background-image:
linear-gradient( to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15) ),
linear-gradient( to right bottom,
#0094f0 0%,
#0094f0 25%,
#007ecc 25%,
#007ecc 50%,
#0094f0 50%,
#0094f0 75%,
#0094f0 100% );
linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)),
linear-gradient(to right bottom, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
background-size: 40px 40px;
margin-top: -1px;
margin-left: -1px; /* LTR */
......@@ -61,11 +48,14 @@
* Progress bar animations.
*/
@-webkit-keyframes animate-stripes {
0% {background-position: 0 0, 0 0;} 100% {background-position: 0 0, -80px 0;}
0% { background-position: 0 0, 0 0; }
100% { background-position: 0 0, -80px 0; }
}
@-ms-keyframes animate-stripes {
0% {background-position: 0 0, 0 0;} 100% {background-position: 0 0, -80px 0;}
0% { background-position: 0 0, 0 0; }
100% { background-position: 0 0, -80px 0; }
}
@keyframes animate-stripes {
0% {background-position: 0 0, 0 0;} 100% {background-position: 0 0, -80px 0;}
0% { background-position: 0 0, 0 0; }
100% { background-position: 0 0, -80px 0; }
}
......@@ -42,7 +42,8 @@
color: #000;
text-decoration: underline;
}
.button, .button--primary {
.button,
.button--primary {
background: none !important;
}
.messages {
......@@ -70,7 +71,17 @@
background: none;
border-radius: 4px;
}
input.form-autocomplete, input.form-text, input.form-tel, input.form-email, input.form-url, input.form-search, input.form-number, input.form-color, input.form-file, textarea.form-textarea, select.form-select {
input.form-autocomplete,
input.form-text,
input.form-tel,
input.form-email,
input.form-url,
input.form-search,
input.form-number,
input.form-color,
input.form-file,
textarea.form-textarea,
select.form-select {
border-width: 1px;
}
}
......@@ -60,7 +60,7 @@
}
.ui-dialog .ui-widget-content.ui-dialog-buttonpane {
background: #f5f5f2;
/*border-top: 1px solid #bfbfbf;*/
/* border-top: 1px solid #bfbfbf; */
margin: 0;
padding: 15px 20px;
border-bottom-left-radius: 5px;
......
......@@ -169,7 +169,7 @@
.dropbutton-single .dropbutton-action a {
padding: 4px 1.5em;
border: 1px solid #a6a6a6;
border-radius: 20em!important;
border-radius: 20em !important;
background-color: #f2f1eb;
background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
......@@ -180,7 +180,7 @@
-webkit-transition: all 0.1s;
transition: all 0.1s;
-webkit-font-smoothing: antialiased;
width: auto!important;
width: auto !important;
}
.dropbutton-single .dropbutton-action a:hover,
.dropbutton-single .dropbutton-action a:focus {
......@@ -203,7 +203,7 @@
-webkit-transition: none;
transition: none;
}
.dropbutton-single .dropbutton-action a.use-ajax{
.dropbutton-single .dropbutton-action a.use-ajax {
float: left;
}
......
......@@ -55,5 +55,5 @@
text-shadow: 0 1px 0 white;
}
.entity-meta details .summary {
display: none; /* Hide JS summaries. @todo Rethink summaries. */
display: none; /* Hide JS summaries. @todo Rethink summaries. */
}
......@@ -127,7 +127,6 @@ label[for] {
padding: 0.25em 0.666em 0;
}
/* Filter */
ul.tips,
div.description,
......@@ -254,8 +253,9 @@ select {
}
select:focus,
select:hover {
background-image: url(../../../../misc/icons/333333/caret-down.svg),
-webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
background-image:
url(../../../../misc/icons/333333/caret-down.svg),
-webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
color: #1a1a1a;
}
select:hover {
......
......@@ -10,12 +10,18 @@
.messages pre {
margin: 0;
}
.messages h1, .messages .heading-a,
.messages h2, .messages .heading-b,
.messages h3, .messages .heading-c,
.messages h4, .messages .heading-d,
.messages h5, .messages .heading-e,
.messages h6, .messages .heading-f {
.messages h1,
.messages .heading-a,
.messages h2,
.messages .heading-b,
.messages h3,
.messages .heading-c,
.messages h4,
.messages .heading-d,
.messages h5,
.messages .heading-e,
.messages h6,
.messages .heading-f {
margin-top: 0;
}
......@@ -71,7 +71,7 @@
@media screen and (min-width: 61em) {
.system-status-counter__status-icon,
.system-status-counter {
.system-status-counter {
height: 65px;
}
.system-status-counter__status-icon {
......
......@@ -22,7 +22,7 @@
.system-status-report__entry--warning {
background-color: transparent;
}
/* Account for native and poly-filled details element */
/* Account for native and poly-filled details element */
.system-status-report__status-title {
position: relative;
padding: 1em 1em 1em 3em; /* LTR */
......
/**
* Tabs.
*/
.is-collapse-enabled .tabs,
.is-collapse-enabled .tabs,
.is-horizontal .tabs {
position: relative;
}
......@@ -107,7 +107,7 @@ li.tabs__tab a {
}
/* Only add the arrow if there's space */
@media screen and (min-width:18.75em) { /* 300px */
@media screen and (min-width: 18.75em) { /* 300px */
.tabs.primary a {
background: url(../../../../misc/icons/0074bd/chevron-right.svg) 99% center no-repeat;
}
......@@ -123,7 +123,7 @@ li.tabs__tab a {
}
/* JS dependent styling */