/* toolbar.css YPOS4 - webetui_lib4 Created by Ronald Werring on 2010-09-15. Copyright 2010 YPOS internettoepassingen BV. All rights reserved. */ body.dashboard, body.xmleditor, body.pages, body.properties, body.fotos, body.docs { margin:0; padding:0; /*background:#c1cde1;*/ background:#d1dff7 url(../gfx/bg_redactie.png) repeat-x; background-position:0 66px; } body.content, body.labels, body.editor, body.photoeditor, body.doceditor { margin:0; padding:0; background:#deebf6 } div#webetui_bar { position:fixed; top:0; left:0; width:100%; height:66px; background:url(../gfx/bg_toolbar.png) repeat-x; } /*div.webetui-hdr h1.webetui-title { background-image:url(/webetui_files4/gfx/WebEtui-logo.png); background-size:150px 40px; background-position:12px 12px; background-repeat:no-repeat; margin:0 0 0 0; padding:0; color:#444; font:24px Arial; letter-spacing:-1px; padding:24px 0 0 200px; }*/ div.webetui-hdr h1.webetui-title a { color:#444; text-decoration:none; } div#webetui_body { padding:74px 8px 8px 8px; } div#webetui_dock { position:fixed; font-size:11.7px; right:0; top:0; background:#cbd2e2; border-left:3px solid #959595; width:285px; float:right; height:100% } div.dock_titlebar { height:32px; padding-top:2px; background:#dedfe3 url(../gfx/bg_toolbar.png) repeat-x; background-position:0 -33px; } ul#webetui_tabs { margin:5px 0 0 0; padding:0; height:28px; background-image:url(../gfx/bg_tabs.png); background-repeat:no-repeat; width:auto; } ul#webetui_tabs.wysiwyg { background-position:0 -28px; } ul#webetui_tabs.xmleditor { background-position:0 -56px; } ul#webetui_tabs.pages { background-position:0 -84px; } ul#webetui_tabs.labels { background-position:0 -84px; } ul#webetui_tabs.editor { background-position:0 -84px; } ul#webetui_tabs.fotos { background-position:0 -112px; } ul#webetui_tabs.docs { background-position:0 -140px; } ul#webetui_tabs li { display:inline; background:none; margin:0; padding:0; } ul#webetui_tabs a { font:11px Trebuchet MS; text-decoration:none; float:left; display:block; padding:7px 12px 6px 12px; width:67px; height:14px; color:white; line-height:13px; font-weight:bold; } ul#webetui_tabs a#tab_dashboard { padding-left:42px; width:78px; } ul#webetui_tabs a#tab_fotos { padding-left:18px; width:61px; } ul#webetui_tabs a#tab_docs { padding-left:2px; width:77px; } ul#webetui_tabs a:hover { text-decoration:underline; } ul#webetui_tabs a.selected { color:#3e6fbf; /*text-decoration:underline;*/ } ul#webetui_subtabs { margin:0; padding:0; height:20px; } ul#webetui_subtabs li { display:inline; margin:0; padding:0 15px; background:url(../gfx/subtab_sep.gif) no-repeat right center; } ul#webetui_subtabs li:last-child { background:none; } ul#webetui_subtabs a { font:11px Trebuchet MS; color:#888; text-decoration:none; font-weight:bold;} ul#webetui_subtabs a:hover { text-decoration:underline; } ul#webetui_subtabs a.selected { color:#3e6fbf; /*text-decoration:underline;*/ } div#webetui_toolbar div.section { float:left; position:relative; margin:0 0 2px 0; padding:1px 12px 0 12px; width:auto; border-right:1px solid #B3B7C0; background:transparent } div#webetui_toolbar div.help { float:right; } div#webetui_toolbar div.right { float:right; } div#webetui_toolbar div.webetui_dropdown { margin:6px 8px; width:90px; float:left; font-size:11.7px;} div#webetui_toolbar div.statistics div.webetui_dropdown { width:110px; display:none; } div#webetui_toolbar label { display:block; float:left; padding:9px 0 0 0; font:11px Trebuchet MS; color:#888; } div#webetui_toolbar a.webetui_logo { width:74px; height:26px; background-image:url(../gfx/webetui_logo_toolbar.png); position:absolute; right:32px; top:6px;} div#webetui_toolbar span.version { position:absolute; font-size:10px; font-family:Arial; right:10px; top:14px; color:#555;} div#webetui_toolbar div.filter a { float:left; display:block; height:23px; padding:8px 6px 0 24px; color:#666; font:11px Trebuchet MS; text-decoration:none; background-image:url(../gfx/icons_ctl/toolbar-radio.png); background-repeat:no-repeat; background-position:10px 10px } div#webetui_toolbar div.filter a.selected { color:#3E62AB; background-position:10px -90px } div#webetui_toolbar div.filter a:hover { color:#3E62AB } /*div#webetui_toolbar a { text-decoration:none; border:0 }*/ a.icon, span.icon { display:block; background-image:url(../gfx/icons.png); background-repeat:no-repeat; width:31px; height:31px; float:left; position:static; } span.icon:hover, a.icon:hover, div#webetui_toolbar a.active { background-image:url(../gfx/icons_hi.png) } /*div#webetui_toolbar a#menu:hover { background-image:url(../gfx/icons.png) }*/ a#help_func { display:block; width:31px; height:31px; float:right; background-image:url(../gfx/icons_trans.png); background-position:-288px -93px; } a#help_func:hover { background-image:url(../gfx/icons_trans_hi.png); } div#webetui_toolbar a#checkout.active { color:#333; text-decoration:none; font:11px Trebuchet MS; width:72px; height:23px; padding:8px 0 0 28px; background-image:url(../gfx/icon_checkout.png); background-position:0 0; } div#webetui_toolbar div#webetui_checked_out { color:#333; text-decoration:none; font:11px Trebuchet MS; height:23px; padding:9px 18px 0 48px; background-image:url(../gfx/icon_checkout.png); background-position:12px -31px; background-repeat:no-repeat; } div#webetui_logininfo { position:absolute; top:12px; right:120px; color:#666; font:11px Trebuchet MS;} div#webetui_logininfo a { color:#3e6fbf; text-decoration:none; } div#webetui_logininfo a:hover { text-decoration:underline; } a.webetui5beta { font:11px Trebuchet MS; display:block; position:absolute; top:12px; left:600px; text-decoration:none; color:#3e6fbf; } a.webetui5beta:hover { text-decoration:underline; } div.webetui-hdr a.webetui5beta { left:auto; right:350px } /* ========= */ /* = ICONS = */ /* ========= */ div#webetui_toolbar a#no_icon { background-position: 0 0; } div#webetui_toolbar a#sendemail { background-position: -32px 0; } div#webetui_toolbar a#sendemail.busy { background-position: -64px 0; } div#webetui_toolbar a#form { background-position: -96px 0; } div#webetui_toolbar a#reactions { background-position:-128px 0; } div#webetui_toolbar a#newpage { background-position:-160px 0; } div#webetui_toolbar a#ul { background-position:-192px 0; } div#webetui_toolbar a#ol { background-position:-224px 0; } div#webetui_toolbar a#strong { background-position:-256px 0; } div#webetui_toolbar a#em { background-position:-288px 0; } div#webetui_toolbar a#extchar { background-position: 0 -31px; } div#webetui_toolbar a#undo { background-position: -32px -31px; } div#webetui_toolbar a#redo { background-position: -64px -31px; } div#webetui_toolbar a#save { background-position: -96px -31px; } div#webetui_toolbar a#cut { background-position:-128px -31px; } div#webetui_toolbar a#copy { background-position:-160px -31px; } div#webetui_toolbar a#paste { background-position:-192px -31px; } div#webetui_toolbar a#online { background-position:-224px -31px; } div#webetui_toolbar a#offline { background-position:-256px -31px; background-image:url(../gfx/icons_hi.png); } div#webetui_toolbar a#menu { background-position:-288px -31px; } div#webetui_toolbar a#menu.menu2 { background-position: 0 -62px; } div#webetui_toolbar a#menu.menu3 { background-position: -32px -62px; } div#webetui_toolbar a#menu.menu4 { background-position: -64px -62px; } div#webetui_toolbar a#menu.menu5 { background-position: -96px -62px; } div#webetui_toolbar a#functions { background-position:-128px -62px; } div#webetui_toolbar a#history { background-position:-160px -62px; } div#webetui_toolbar a#hyperlink { background-position:-192px -62px; } div#webetui_toolbar a#foto { background-position:-224px -62px; } div#webetui_toolbar a#upload { background-position:-256px -62px; } div#webetui_toolbar a#tags { background-position:-288px -62px; } div#webetui_toolbar a#labels { background-position:-288px -62px; } div#webetui_toolbar a#checkout { background-position: 0 -93px; } div#webetui_toolbar a#newfolder { background-position: -32px -93px; } div#webetui_toolbar a#bijschrift { background-position: -64px -93px; } div#webetui_toolbar a#pinned { background-position: -96px -93px; } div#webetui_toolbar a#unpinned { background-position:-128px -93px; } div#webetui_toolbar a#dock { background-position:-160px -93px; } div#webetui_toolbar a#undock { background-position:-192px -93px; } div#webetui_toolbar a#close { background-position:-224px -93px; } div#webetui_toolbar a#close:hover { background-position:-256px -93px; } div#webetui_toolbar a#help { background-position:-288px -93px; } div#webetui_toolbar a#listview { background-position: 0 -124px; } div#webetui_toolbar a#iconview { background-position: -32px -124px; } div#webetui_toolbar a#preview { background-position: -64px -124px; } div#webetui_toolbar a#newhtml { background-position: -96px -124px; } div#webetui_toolbar a#add, div#webetui_toolbar span#add { background-position:-128px -124px; } div#webetui_toolbar a#delete { background-position:-160px -124px; } div#webetui_toolbar a#edit { background-position:-192px -124px; } div#webetui_toolbar a#save.dimmed { background-position:-224px -124px; } div#webetui_toolbar a#checkout { background-position:-256px -124px; } div#webetui_toolbar a#tagedit { background-position:-288px -124px; } div#webetui_toolbar a#prop { background-position: 0 -155px; } div#webetui_toolbar a#excel { background-position: -32px -155px; } div#webetui_toolbar a#login { background-position: -64px -155px; } div#webetui_toolbar a#notused { background-position: -96px -155px; } div#webetui_toolbar a#ok { background-position:-128px -155px; } div#webetui_toolbar a#evaluaties { background-position:-128px -155px; } div#webetui_toolbar a#video { background-position:-160px -155px; } div#webetui_toolbar a#lock { background-position:-192px -155px; } .ui-dialog .add, .ui-dialog .MailinglistNew, .ui-dialog .MailinglistNewAddress, .ui-dialog .DatabaseAdd, .ui-dialog .FormNew, .ui-dialog .NewsletterNew, .ui-dialog .VideoNew, .ui-dialog .UserAdd { background-position:-128px -124px; } .ui-dialog .confirm, .ui-dialog .UserDel, .ui-dialog .MailinglistDelAddress, div.extfunc_label a.webetui_delete { background-position:-160px -124px; } .ui-dialog .save { background-position: -96px -31px; } .ui-dialog .checkout { background-position: -256px -124px; } .ui-dialog .UserEdit, .ui-dialog .FormEdit, .ui-dialog .DatabaseEdit, .ui-dialog .ReactionsEdit, .ui-dialog .FunctionEdit, .ui-dialog .ForumEdit, .ui-dialog .FormEditWysiwyg, .ui-dialog .MailinglistEditAddress, div.extfunc_label a.webetui_edit { background-position:-192px -124px; } .ui-dialog .NewPage { background-position:-160px 0; } .ui-dialog .PageProp, .ui-dialog .MailinglistRename, .ui-dialog .MediaFileRename, .ui-dialog .SiteSettings { background-position: 0 -155px; } .ui-dialog .login, .ui-dialog .forgotpw, .ui-dialog .resetpw, .ui-dialog .UserPasswd { background-position: -64px -155px; } .ui-dialog .VideoInsert { background-position:-160px -155px; } .ui-dialog .TagsPage, .ui-dialog .Labels { background-position:-288px -62px; } .ui-dialog .TagsAdmin { background-position:-288px -124px; } .ui-dialog-titlebar .Hyperlink { background-position:-192px -62px; } .ui-dialog .Fotos { background-position:-224px -62px; } .ui-dialog .FormInsert { background-position: -96px 0; } .ui-dialog .FunctionInsert { background-position:-128px -62px; } .ui-dialog .PageHistory { background-position:-160px -62px; } .ui-dialog .ExtChar { background-position: 0 -31px; } .ui-dialog .NewsletterSend { background-position: -32px 0; } .ui-dialog .MediaFolder { background-position: -32px -93px; } .ui-dialog .MediaProp { background-position: -64px 0; } .ui-dialog .MediaDescription { background-position: -64px -93px; } .ui-dialog-titlebar-close { background-position:-224px -93px; } .ui-dialog-titlebar-close:hover { background-position:-256px -93px; } .ui-dialog-dock { background-position:-160px -93px; } .ui-dialog-undock { background-position:-192px -93px } /* allemaal voor de text dropdown, kan dit niet korter */ /* div.dropdown { float:left;} div.dropdown a.dropdown { display:block;float:left; width:89px; height:17px; color:black; cursor:pointer; padding:1px 0 0 6px; margin:7px 7px 0 2px; font:11px Trebuchet MS; background:#DDD url(../gfx/bg_textstyle.gif) no-repeat } div.dropdown a.dropdown:hover { background-position:bottom; } div.dropdown ul { display:none; padding:0; width:93px; margin:1px 0 0 0px; background:#F5F5F5; background:#F0F0F0; list-style-type:none; position:absolute; left:7px; top:24px; border:1px solid #A0A0A0; border-top:0 } div#webetui_toolbar ul.expanded#text_styles { display:block } div#webetui_toolbar div.selected ul { display:block } div#webetui_toolbar ul#text_styles li { margin:0; background:none; padding:0 } div#webetui_toolbar ul#text_styles li a { color:black; display:block; width:87px; padding:2px 0 2px 6px; font:11px Trebuchet MS; } div#webetui_toolbar ul#text_styles li a:hover { background-color:#3e6fbf; color:#FFF; } */ /* webetui breadcrumb */ div#webetui_breadcrumb { font:11px Trebuchet MS; color:#444; margin:0 0 8px 0; height:23px; border:1px solid #3e6fbf; background:url(../gfx/breadcrumb_bg.png) repeat-x; } div#webetui_breadcrumb_tags { font:11.7px Trebuchet MS; color:#444; margin:0 0 8px; line-height:16px;} div#webetui_breadcrumb a.home { float:left; width:28px; height:23px; padding:0; background:url(../gfx/breadcrumb_home.png) no-repeat; } div#webetui_breadcrumb a.home:hover { background-position:0 bottom; } div#webetui_breadcrumb a, div#webetui_breadcrumb span { color:#3e6fbf; display:block; float:left; text-decoration:none; padding:0px 14px 0px 7px; height:23px; line-height:21px; background:url(../gfx/breadcrumb_arrow.png) no-repeat right; } div#webetui_breadcrumb span { color:#333; background:none; } div#webetui_breadcrumb a:hover { text-decoration:underline } /* pagelinks */ div#webetui_breadcrumb div.webetui_pagelinks { float:left; padding:0px 14px 0px 7px; height:23px; line-height:21px; background:url(../gfx/breadcrumb_arrow.png) no-repeat right;} div#webetui_breadcrumb div.webetui_pagelinks span, div#webetui_breadcrumb div.webetui_pagelinks a { background:none; padding:0 4px;} div#webetui_breadcrumb div.webetui_pagelinks span.selected { color:white; background:#3E6FBF;} /* div.webetui_breadcrumb a.map_up { display:block; float:left; background-image:url(../gfx/icons_list/up.gif); width:11px; height:16px; margin:0 4px 0 0; padding:0; } div.webetui_breadcrumb a.map_up:hover { background-position:0 bottom;} div.webetui_breadcrumb a.selected { color:#F80;} div#webetui_dock div.webetui_breadcrumb { padding:8px 0 0 7px;} */