Newer
Older
/**
* @file
* Styles for the media library.
*
* The display and layout of the Media browser assumes Drupal's Seven theme as
* the theme active when this is displayed.
/* jQuery UI Resets */
.ui-tabs {
padding: 0;
}
Devin Carlson
committed
.ui-dialog.media-wrapper .ui-dialog-content {
padding: 0;
Devin Carlson
committed
.ui-dialog.media-wrapper .ui-dialog-buttonpane {
display: none;
Philippe Ythier
committed
/* Workaround for Modal dialog underneith the Ctools modal dialog with jQuery 1.10.
@TODO Remove this if ever ctools issue #1397370 ever gets fixed. */
.ui-front {
z-index: 10001 !important;
}
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
#media-browser-tabset .ui-widget-header {
background: none;
}
/* Remove the default border */
.ui-widget-content {
border: none;
}
/* *********************************************************** */
/* Browser layout themeing */
/* Size the branding header appropriately */
#media-browser-tabset #branding {
padding: 10px 10px 0px 10px;
}
#media-browser-tabset #branding h1 {
float: left;
height: 16px;
margin-top: 0px;
}
/* Float the tabs right to keep the UI consistent across themes */
#media-tabs-wrapper {
float: right;
}
#media-browser-tabset ul.tabs {
padding: 0;
border: none;
}
/* Reset the height to match the browser */
#media-browser-tabset ul.tabs.primary li a:link {
font-weight: bold;
margin-right: 0;
}
/* *********************************************************** */
/* Media item display */
.media-item {
Devin Carlson
committed
background: #eee;
James Elliott
committed
border: 1px solid #CCCCCC;
Devin Carlson
committed
box-shadow: inset 0 0 15px rgba(0,0,0,.1), inset 0 0 0 1px rgba(0,0,0,.05);
display: inline-block;
Devin Carlson
committed
padding: 5px;
Devin Carlson
committed
position: relative;
}
James Elliott
committed
.media-item img {
Devin Carlson
committed
display: block;
James Elliott
committed
}
.media-item .label-wrapper {
Devin Carlson
committed
background: rgba(255,255,255,.8);
Devin Carlson
committed
box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
left: 0;
max-height: 100%;
overflow: hidden;
position: absolute;
right: 0;
text-align: center;
word-wrap: break-word;
Devin Carlson
committed
.media-item .label-wrapper label {
James Elliott
committed
font-size: 10px;
Devin Carlson
committed
padding: 5px 10px;
/* Media item lists */
James Elliott
committed
Devin Carlson
committed
#media-browser-library-list {
idflood
committed
margin: 0;
Devin Carlson
committed
padding: 0;
idflood
committed
}
Devin Carlson
committed
.media-list-thumbnails li {
float: left;
list-style: none;
Devin Carlson
committed
margin: 0 10px 10px 0;
}
Devin Carlson
committed
.media-list-thumbnails li a {
text-decoration: none;
}
Devin Carlson
committed
.media-list-thumbnails .media-item.selected {
background: #F4ECC7;
border-color: #058AC5;
Devin Carlson
committed
.media-list-thumbnails .media-item:hover {
border-color: #058AC5;
cursor: pointer;
Devin Carlson
committed
.media-list-thumbnails .media-item .label-wrapper label {
color: #058AC5;
Devin Carlson
committed
.media-list-thumbnails .media-item .label-wrapper label:hover {
cursor: pointer;
Devin Carlson
committed
.media-list-thumbnails .form-type-checkbox {
Devin Carlson
committed
bottom: 117px;
left: 6px;
Devin Carlson
committed
margin: 0;
padding: 0;
position: relative;
Devin Carlson
committed
/* File field */
Devin Carlson
committed
.media-widget .preview {
display: inline-block;
Devin Carlson
committed
margin-right: 10px;
Devin Carlson
committed
vertical-align: middle;