browser.css in Lightning Media 8.4
Same filename and directory in other branches
nav.eb-tabs ul {
border-bottom-color: #d0d0d0;
}
nav.eb-tabs ul li a {
border-radius: 1em 1em 0 0;
}
nav.eb-tabs ul li.active {
border-bottom-width: 0;
}
nav.eb-tabs ul li.active a {
background-color: #d6d6d6;
}
.view.eb-media .views-exposed-form {
padding: 1.5em;
background-color: #efefef;
}
.view.eb-media .views-exposed-form .form--inline .form-item,
.view.eb-media .views-exposed-form .form--inline .form-actions {
margin-top: 0;
margin-bottom: 0;
display: inline-block;
}
.view.eb-media .view-content {
margin: 2em 0;
}
.view.eb-media .views-row {
margin-bottom: 1em;
display: flex;
align-items: flex-start;
}
.view.eb-media .views-col {
margin: 0 0 0 1em;
position: relative;
border: 10px solid #ebebeb;
transition: border-color .6s;
}
html[dir="rtl"] .view.eb-media .views-col {
margin: 0 1em 0 0;
}
.view.eb-media .views-col:hover {
cursor: pointer;
}
.view.eb-media .views-col.disabled {
opacity: .3;
filter: saturate(10%);
}
.view.eb-media .views-col.selected {
border-color: #ed5;
}
.view.eb-media .views-col.selected::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
background: transparent url(../images/selected.svg) no-repeat center;
animation: selected 1.5s 1;
opacity: 0;
}
.view.eb-media .views-col img {
display: block;
height: auto;
width: 100%;
}
@keyframes selected {
0% {
opacity: 1;
background-size: 70%;
}
100% {
opacity: 0;
background-size: 55%;
}
}
File
css/browser.cssView source
- nav.eb-tabs ul {
- border-bottom-color: #d0d0d0;
- }
- nav.eb-tabs ul li a {
- border-radius: 1em 1em 0 0;
- }
- nav.eb-tabs ul li.active {
- border-bottom-width: 0;
- }
- nav.eb-tabs ul li.active a {
- background-color: #d6d6d6;
- }
- .view.eb-media .views-exposed-form {
- padding: 1.5em;
- background-color: #efefef;
- }
- .view.eb-media .views-exposed-form .form--inline .form-item,
- .view.eb-media .views-exposed-form .form--inline .form-actions {
- margin-top: 0;
- margin-bottom: 0;
- display: inline-block;
- }
- .view.eb-media .view-content {
- margin: 2em 0;
- }
- .view.eb-media .views-row {
- margin-bottom: 1em;
- display: flex;
- align-items: flex-start;
- }
- .view.eb-media .views-col {
- margin: 0 0 0 1em;
- position: relative;
- border: 10px solid #ebebeb;
- transition: border-color .6s;
- }
- html[dir="rtl"] .view.eb-media .views-col {
- margin: 0 1em 0 0;
- }
- .view.eb-media .views-col:hover {
- cursor: pointer;
- }
- .view.eb-media .views-col.disabled {
- opacity: .3;
- filter: saturate(10%);
- }
- .view.eb-media .views-col.selected {
- border-color: #ed5;
- }
- .view.eb-media .views-col.selected::before {
- content: "";
- width: 100%;
- height: 100%;
- position: absolute;
- background: transparent url(../images/selected.svg) no-repeat center;
- animation: selected 1.5s 1;
- opacity: 0;
- }
- .view.eb-media .views-col img {
- display: block;
- height: auto;
- width: 100%;
- }
- @keyframes selected {
- 0% {
- opacity: 1;
- background-size: 70%;
- }
- 100% {
- opacity: 0;
- background-size: 55%;
- }
- }