diff --git a/css/_modal.css b/css/_modal.css index 89eb48d..014ef8c 100644 --- a/css/_modal.css +++ b/css/_modal.css @@ -1,36 +1,16 @@ - -/* TODO */ - /** * This file provides styles for modal dialogues. */ +.dokuwiki .ui-widget { + font-size: 100%; +} + + /* link wizard (opens from the link button in the edit toolbar) ********************************************************************/ #link__wiz { - position: absolute; - display: block; - z-index: 99; - width: 300px; - height: 250px; - padding: 0; - margin: 0; - overflow: hidden; - border: 1px solid __border__; - background-color: __background_neu__; - text-align: center; -} - -#link__wiz_header { - background-color: __background_alt__; - height: 16px; - margin-bottom: 5px; -} - -#link__wiz_close { - cursor: pointer; - margin: 0; } #link__wiz_result { @@ -41,21 +21,28 @@ border: 1px solid __border__; margin: 3px auto; text-align: left; + line-height: 1; } -#link__wiz_result div.type_u { - padding: 3px 3px 3px 22px; - background: transparent url(../../images/up.png) 3px 3px no-repeat; +#link__wiz_result div { + padding: 3px 3px 3px 0; } -#link__wiz_result div.type_f { - padding: 3px 3px 3px 22px; - background: transparent url(../../images/page.png) 3px 3px no-repeat; +#link__wiz_result div a { + display: block; + padding-left: 22px; + min-height: 16px; + background: transparent 3px center no-repeat; } -#link__wiz_result div.type_d { - padding: 3px 3px 3px 22px; - background: transparent url(../../images/ns.png) 3px 3px no-repeat; +#link__wiz_result div.type_u a { + background-image: url(../../images/up.png); +} +#link__wiz_result div.type_f a { + background-image: url(../../images/page.png); +} +#link__wiz_result div.type_d a { + background-image: url(../../images/ns.png); } #link__wiz_result div.even { @@ -69,107 +56,27 @@ #link__wiz_result span { display: block; color: __text_neu__; -} - -/*FIXME maybe move to a more general style sheet*/ -.ondrag { - cursor: move; - opacity: 0.8; + margin-left: 22px; } /* media option wizard (opens when inserting media in the media popup) ********************************************************************/ -/* --- popup --- */ - -#media__popup { - background-color:__background__; - display:none; - border: 1px solid __border__; - position: absolute; - width:270px; -} - -#media__popup h1 { - text-align:center; - font-weight:normal; - background-color: __background_alt__; - height: 16px; - margin-bottom: 5px; - font-size:12px; - border-bottom: 0; +#media__popup_content p { + margin: 0 0 .5em; } -#media__popup p { - display:block; - line-height:14pt; - margin:0.5em; -} - -#media_nolink { - padding:4px 0; -} - -#media__popup label { - float:left; - width:9em; -} - -#media__popup .button { - margin-left:auto; - margin-right:auto; -} - -#media__popup .btnlbl { - text-align:center; -} - -#media__popup .btnlbl input { - margin:0 1em; -} - -#media__closeimg { - float:right; -} - -/* --- display options --- */ - -#media__linkopts label, -#media__nolnk { - width: 80px; +#media__popup_content label { float: left; - margin-left: 10px; -} - -#media__linkopts label{ - line-height: 20px; -} - -#media__nolnk, -#media__linkopts label.long{ - margin-bottom: 8px; - line-height: 12px; + width: 9em; } -#media__linkopts label.long{ - width: 150px; - float: none; -} - -#media__linkopts br { - clear: both; -} - -#media__linkopts select { - width: 60px; - margin-left: 10px; +#media__popup_content .button { + margin-right: 1px; + cursor: pointer; } -#media__linkopts input.edit { - width:50px; - margin-left:10px; -} -#media__linkopts #media__title { - width:150px; +#media__popup_content input.button { + margin-left: 9em; }