browser.css in Lightning Media 8.3
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%;
- }
- }