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