Browse Source

updated and improved _modal.css (for link wizard and media options)

master
Anika Henke 13 years ago
parent
commit
444727c7ed
  1. 153
      css/_modal.css

153
css/_modal.css

@ -1,36 +1,16 @@
/* TODO */
/** /**
* This file provides styles for modal dialogues. * 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 wizard (opens from the link button in the edit toolbar)
********************************************************************/ ********************************************************************/
#link__wiz { #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 { #link__wiz_result {
@ -41,21 +21,28 @@
border: 1px solid __border__; border: 1px solid __border__;
margin: 3px auto; margin: 3px auto;
text-align: left; 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 { #link__wiz_result div.even {
@ -69,107 +56,27 @@
#link__wiz_result span { #link__wiz_result span {
display: block; display: block;
color: __text_neu__; 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) /* 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 p {
display:block;
line-height:14pt;
margin:0.5em;
}
#media_nolink {
padding:4px 0;
#media__popup_content p {
margin: 0 0 .5em;
} }
#media__popup label {
#media__popup_content label {
float: left; float: left;
width: 9em; 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;
float: left;
margin-left: 10px;
}
#media__linkopts label{
line-height: 20px;
}
#media__nolnk,
#media__linkopts label.long{
margin-bottom: 8px;
line-height: 12px;
}
#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;
} }
Loading…
Cancel
Save