1/** 2 * This file provides styles for the media manager popup 3 * (mediamanager.php). 4 */ 5 6/*____________ structure ____________*/ 7 8html.popup { 9 overflow: auto; 10} 11 12#media__manager { 13 height: 100%; 14 overflow: hidden; 15} 16 17#mediamgr__aside { 18 width: 30%; 19 height: 100%; 20 overflow: auto; 21 position: absolute; 22 left: 0; 23 border-right: 1px solid __border__; 24} 25#mediamgr__aside .pad { 26 padding: .5em; 27} 28 29#mediamgr__content { 30 width: 69.7%; 31 height: 100%; 32 overflow: auto; 33 position: absolute; 34 right: 0; 35} 36#mediamgr__content .pad { 37 padding: .5em; 38} 39 40#media__manager h1, 41#media__manager h2 { 42 font-size: 1.5em; 43 margin-bottom: .5em; 44 padding-bottom: .2em; 45 border-bottom: 1px solid __border__; 46} 47 48/* left side 49********************************************************************/ 50 51/*____________ options ____________*/ 52 53#media__opts { 54 margin-bottom: .5em; 55} 56 57#media__opts input { 58 margin-right: .3em; 59} 60#media__opts label { 61} 62 63/*____________ tree ____________*/ 64 65#media__tree ul { 66 padding-left: .2em; 67} 68#media__tree ul li { 69 clear: left; 70 list-style-type: none; 71 list-style-image: none; 72 margin-left: 0; 73} 74#media__tree ul li img { 75 float: left; 76 padding: .5em .3em 0 0; 77} 78#media__tree ul li div.li { 79 display: inline; 80} 81#media__tree ul li li { 82 margin-left: 1.5em; 83} 84 85/* right side 86********************************************************************/ 87 88/*____________ upload form ____________*/ 89 90/* upload info */ 91#media__content div.upload { 92 font-size: .9em; 93 margin-bottom: .5em; 94} 95 96#mediamanager__uploader { 97 margin-bottom: 1em; 98} 99#mediamanager__uploader p { 100 margin-bottom: .5em; 101} 102 103/*____________ file list ____________*/ 104 105#media__content img.load { 106 margin: 1em auto; 107} 108 109#media__content .odd, 110#media__content .even { 111 padding: .5em; 112} 113#media__content .odd { 114 background-color: __background_alt__; 115} 116#media__content .even { 117} 118/* highlight newly uploaded or edited file */ 119#media__content #scroll__here { 120 border: 1px dashed __border__; 121} 122 123/* link which inserts media file */ 124#media__content a.mediafile { 125 margin-right: 1.5em; 126 font-weight: bold; 127} 128#media__content span.info { 129} 130#media__content img.btn { 131 vertical-align: text-bottom; 132} 133 134/* info how to insert media, if JS disabled */ 135#media__content div.example { 136 color: __text_neu__; 137 margin-left: 1em; 138} 139 140#media__content div.detail { 141 padding: .2em 0; 142} 143#media__content div.detail div.thumb { 144 float: left; 145 margin: 0 .5em 0 18px; 146} 147#media__content div.detail div.thumb a { 148 display: block; 149 cursor: pointer; 150} 151#media__content div.detail p { 152 margin-bottom: 0; 153} 154 155 156/*____________ media search ____________*/ 157 158form#dw__mediasearch { 159} 160form#dw__mediasearch p { 161} 162form#dw__mediasearch label { 163} 164form#dw__mediasearch label span { 165} 166form#dw__mediasearch input.edit { 167} 168form#dw__mediasearch input.button { 169} 170 171 172/* meta edit form 173********************************************************************/ 174 175#media__content form.meta { 176} 177 178#media__content form.meta div.metafield { 179 clear: left; 180 margin-bottom: .5em; 181 overflow: hidden; 182} 183 184#media__content form.meta label { 185 display: block; 186 width: 25%; 187 float: left; 188 font-weight: bold; 189 clear: left; 190} 191#media__content form.meta .edit { 192 float: left; 193 width: 70%; 194 margin: 0; 195} 196#media__content form.meta textarea.edit { 197 /* needed because of IE8 hack in _edit.css for textarea.edit: */ 198 max-width: 70%; 199 min-width: 70%; 200} 201 202#media__content form.meta div.buttons { 203 clear: left; 204 margin: .2em 0 0 25%; 205} 206