/**
* Base Styles
*/
+.media-modal * {
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+}
+
.media-modal,
.media-frame {
font-family: "Open Sans", sans-serif;
bottom: 0;
overflow: auto;
min-height: 300px;
- background: #fff;
- -webkit-font-smoothing: subpixel-antialiased;
+ box-shadow: 0 5px 15px rgba(0,0,0,0.7);
+ background: #fcfcfc;
+ -webkit-font-smoothing: subpixel-antialiased;
}
.media-modal-icon {
width: 267px;
padding: 0 16px 24px;
z-index: 75;
- background: #f5f5f5;
- border-right: 1px solid #dfdfdf;
+ background: #f3f3f3;
+ border-right: 1px solid #ddd;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
bottom: 0;
margin: 0;
padding: 16px 0;
+ background: #f3f3f3;
border-left-width: 1px;
border-left-style: solid;
+ border-left-color: #ccc;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
margin: 0;
line-height: 18px;
font-size: 14px;
- color: #21759B;
+ color: #0074a2;
text-decoration: none;
}
.media-menu .active,
.media-menu .active:hover {
- color: #333;
+ color: #222;
font-weight: bold;
}
height: 0;
margin: 12px 20px;
padding: 0;
- border-top: 1px solid #dfdfdf;
- border-bottom: 1px solid #fff;
+ border-top: 1px solid #ddd;
}
/**
.media-router .active,
.media-router > a.active:last-child {
margin: -1px -1px 0;
+ background: #fff;
+ border: 1px solid #ddd;
+ border-bottom: none;
}
.media-router .active:after {
width: auto;
margin: 0;
overflow: auto;
- border-top-width: 1px;
- border-top-style: solid;
- border-bottom-width: 1px;
- border-bottom-style: solid;
+ background: #fff;
+ border-top: 1px solid #ddd;
+ border-bottom: 1px solid #ddd;
}
.media-frame-toolbar {
top: -6px;
left: -6px;
outline: none;
+ background: #eee;
+ box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba( 0, 0, 0, 0.4 );
}
.attachment .check div {
display: block;
}
+.attachment.details {
+ box-shadow: 0 0 0 1px #fff,
+ 0 0 0 5px #1e8cbe;
+}
+
+.attachment.details .check {
+ background-color: #1e8cbe;
+ box-shadow: 0 0 0 1px #fff,
+ 0 0 0 2px #1e8cbe;
+}
+
.attachment.details .check div {
background-position: -21px 0;
}