a.button,
a.button-alternative,
a.button-cancel,
button,
input.submit,
input.reset,
input.file { display: block;
float: left;
margin: 0 3px 0 0;
padding: 2px 6px;
border: 1px solid #ccc;
border-color: #999 #858585 #666 #858585;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background: #ccc url(http://fast.mediamatic.nl/f/tqgr/image/button.png) left top repeat-x;
font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size: 11px;
line-height: 16px;
text-decoration: none;
font-weight: normal;
color: #333;
cursor: pointer;
white-space: nowrap;
vertical-align: baseline; }
button { width: auto;
overflow: visible;
padding: 1px 4px; /* IE6 */ }
button[type] { padding: 1px 4px; /* Firefox */ }
input.submit,
input.reset { line-height: 16px;
padding: 1px 4px;
overflow: visible;
width: auto !important;
height: auto !important; }
.isOpera input.submit,
.isOpera input.reset { padding: 2px 4px 3px; }
/* !important is used to overrule the input text element styling */
/*
.isMac.isSafari button { padding: 1px 4px px; } */
.isWin.isSafari a.button,
.isWin.isSafari a.button-cancel,
.isWin.isSafari a.button-alternative { padding: 2px 4px 4px; }
.isIE6x a.button,
.isIE6x a.button-cancel,
.isIE6x a.button-alternative { padding-bottom: 6px; }
.isIE7x a.button,
.isIE7x a.button-cancel,
.isIE7x a.button-alternative { line-height: 17px; }
.isIE7x input.submit,
.isIE7x input.reset { line-height: 16px; /* IE7 */ }
a.button,
a.button-alternative,
a.button-cancel { line-height: 14px; }
.isGecko.isWin a.button,
.isGecko.isWin a.button-alternative,
.isGecko.isWin a.button-cancel,
.isGecko.isUnix a.button,
.isGecko.isUnix a.button-alternative,
.isGecko.isUnix a.button-cancel { line-height: 13px; }
button img,
a.button img,
button.cancel img,
a.button-cancel img,
button.alternative img,
a.button-alternative img { margin: 0 3px -3px 0 !important;
padding: 0;
border: none;
float: none; }
a.button img.nonauthoritative-icon { margin: 0 1px -2px 0 !important; }
/* Button colors
-------------------------------------------------------------- */
a.button:hover,
a.button-alternative:hover,
a.button-cancel:hover,
input.submit:hover,
input.reset:hover,
button:hover { color: #000;
background-color: #ccc;
border: 1px solid #000;
text-decoration: none; }
a.button:active { color: #000;
background-color: #ccc;
border: 1px solid #000;
text-decoration: none; }
/* cancel
-------------------------------------------------------------- */
a.button-cancel,
button.cancel { background: #fbe3e4;
border:1px solid #fbc2c4;
color: #d12f19; }
a.button-cancel:hover,
button.cancel:hover { background: #d12f19;
border:1px solid #d12f19;
color: #fff; }
a.button-cancel:active { background: #d12f19;
border: 1px solid #d12f19;
color: #fff; }
/* alternative
-------------------------------------------------------------- */
a.button-alternative,
button.alternative { background-color: #e6efc2;
border: 1px solid #c6d880;
color: #529214; }
a.button-alternative:hover,
button.alternative:hover { background-color: #529214;
border: 1px solid #529214;
color: #fff; }
a.button-alternative:active { background-color: #529214;
border: 1px solid #529214;
color: #fff; }
/* special buttons / edit page
-------------------------------------------------------------- */
.button-datepicker img,
.button-cc img,
.button-fig img,
.add-attachment button img,
.edit-page .fig img { margin: 0;
width: auto;
height: auto; }
.button-fig img { width: 24px;
height: 18px; }
.edit-page button.button-datepicker,
.edit-page .button-cc,
.button-fig,
.add-attachment-stage button { border: none;
padding: 0 0 2px 0;
}
.button-fig,
.add-attachment-stage button { margin: 0;
}
.button-fig { float: none;
}
.edit-page button.button-datepicker:hover { background: none;
}
/*
CSS from jquery.ui.resizable.css
modified width, height, positioning and color
*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; background: #aaa; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: 0; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: 0; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: 0; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: 0; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 0; bottom: 0; } .ui-resizable-sw { cursor: sw-resize; width: 12px; height: 12px; left: 0; bottom: 0; } .ui-resizable-nw { cursor: nw-resize; width: 12px; height: 12px; left: 0; top: 0; } .ui-resizable-ne { cursor: ne-resize; width: 12px; height: 12px; right: 0; top: 0;}
body { background: #fff;
color: #000; }
a { outline: none; }
.block { display: block; }
.inline { display: inline;. }
.hide { display: none; }
/* header
---------------------------------------------------------- */
#header-logo { float: right;
margin: 6px 0 6px 6px; }
/* person list item subtitle
---------------------------------------------------------- */
li.person span.subtitle { display: block;
font-size: 14px; }
/* story
---------------------------------------------------------- */
.wrapper-date-location-item { margin: 0; } tl.wrapper-date-location { margin: 0 0 18px 0; }
.wrapper-date-location .daterange-coverage,
.wrapper-date-location .listbox,
.wrapper-date-location .listbox .list-view-simple,
.wrapper-date-location .listbox ul,
.wrapper-date-location .sep { display: inline;
}
.wrapper-date-location .list li { display: inline;
float: left;
margin: 0;
padding: 0;
}
/* pager
---------------------------------------------------------- */
h5.pager { background: #BBB;
display: block;
clear: both;
margin: 0 0 18px;
padding: 0 9px;
position: relative; }
h5.pager a { border: none; }
.pager .pager-first,
.pager .pager-previous,
.pager .pager-counter,
.pager .pager-next,
.pager .pager-last { margin-right: 12px; }
/* figblock
---------------------------------------------------------- */
ul.fig { margin: 0 0 18px 0;
padding: 0;
list-style: none; }
ul.fig li { float: none;
display: block;
}
ul.fig li img { float: none;
display: block;
margin: 0;
}
/* list item document
---------------------------------------------------------- */
.doc-icon { display: block;
float: left; }
.doc-info { float: left; }
/* Hide the explanation. Otherwise this has the be done
* with context in the labelfile which is too much of a hassle */
.doc-add .action-expl { display: none; }
/* predicate-rest
---------------------------------------------------------- */
.predicate-rest ul.list li { display: inline; }
/* Search
---------------------------------------------------------- */
/* Search Simple
------------------------------------------------------ */
.search-simple { float: right;
}
.search-simple fieldset { border: none;
margin: 0;
padding: 0;
display: inline;
}
.search-simple input.text { float: left;
margin: 0 3px 0 0;
padding: 1px;
width: 100px;
}
/* Search Advanced
------------------------------------------------------ */
.search-advanced { margin: 0 0 12px;
}
.search-advanced fieldset { margin: 0;
padding: 0;
border: none;
clear: both;
}
.search-advanced input.checkbox { margin: 0;
padding: 0;
}
.search-advanced p { margin: 0;
padding: 0;
display: inline;
}
.search-advanced-horizontal div,
.search-advanced-horizontal label { float: left;
clear: none;
margin: 0 3px 0 0;
}
.search-advanced-horizontal .form-element-advanced-search { margin-right: 9px;
}
.search-advanced-horizontal .search-advanced-type label { display: none;
}
.search-advanced-horizontal select { width: 100px;
}
.search-advanced-viewmode-disabled { filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
/* display: none !important; */
}
.dv-small { display: none;
}
/* part1
---------------------------------------------------------- */
.fn { visibility: hidden;
display: none;
}
.chapeau .claim-profile { margin: 0 0 0 6px;
}
/* part2
---------------------------------------------------------- */
/* intro
------------------------------------------------------ */
.dv .intro img { float: none;
}
/* body
------------------------------------------------------ */
.body img { float: none;
}
.body p img { margin-right: 0;
}
/* labels
------------------------------------------------------ */
.edit .labels { margin: 2em 0 0 0;
}
.label div.q_a { display: block;
margin: 0 0 2em 0;
}
.label div.q_a div.question { display: block;
}
.label { margin: 0 0 18px 0;
}
/* for now - ticket 4036 */
.labels-institution { display: none;
}
/* Action logon specific styles
(on top of default form elements)
---------------------------------------------------- */
#action-logon-logon form { margin-bottom: 30px; }
#action-logon-logon .form-inline-elements { margin-bottom: 0; }
.page-logon div.action.profile { display: none !important; }
.dialog .form-element input.openid-form { background: #fff url(http://fast.mediamatic.nl/f/tqgr/ima/openid-large.jpg) right no-repeat; }
#action-logon-logon .form-inline-last a { font-size: 12px;
line-height: 18px; }
/* Wiki: Table of contents
------------------------------------------------------ */
.wikitoc2 { margin-left: 1em; }
.wikitoc3 { margin-left: 2em;
list-style: circle outside; }
.wikitoc4 { margin-left: 3em;
list-style: square outside; }
wikitoc5 { margin-left: 4em; }
/* list-view-simple
------------------------------------------------------ */
.list-view-simple-thing { }
.list-view-simple-thing img { height: 12px;
width: 12px;
margin: 0 3px 0 0;
position: relative;
float: none;
}
.page-view .list-view-simple-thing img:hover { height: 55px;
width: 55px;
margin: 0 -40px -43px 0;
z-index: 1;
}
.page-view .note .list-view-simple-thing img:hover,
.page-view .topic .list-view-simple-thing img:hover { margin: -43px -40px 0 0;
}
.edit-page .list-view-simple-thing { width: auto !important;
margin-right: .25em;
}
/* Context
-------------------------------------------------------------- */
/* connections
---------------------------------------------------------- */
.connections { margin: 0;
}
.connections .list li.topic,
.connections .list li.book { float: none
}
/* avatar
---------------------------------------------------------- */
.avatar { clear: none;
float: left;
height: 102px;
width: 55px;
overflow: hidden;
margin: 0 6px 6px 0 !important; }
.avatar img { margin: 0 0 2px 0;
padding: 0;
}
.avatar a { display: block;
border: none;
}
.avatar a:hover { background: #eee;
color: #666;
}
.avatar span { font-size: 11px;
line-height: 14px;
word-wrap: break-word;
}
/* fans in sets
---------------------------------------------------------- */
/* metadata
---------------------------------------------------------- */
/* by default do not show the header for the tags */
.metadata li { display: inline;
margin: 0;
}
.metadata .selected { font-weight: bold;
}
.edit-page .list-metadata button { clear: both;
}
.edit-page .metadata { background: none;
border: none;
padding: 0;
}
.edit-page .metadata:empty { display: none;
}
.edit-page .metadata-tag { height: auto;
margin: 0 .25em 0 0 !important;
}
/* keyword picker */
.edit-page .metadata.keywords-image-picker li { margin: 0 12px 12px 0;
}
.edit-page .keywords-image-picker li img { display: block;
margin: 0 0 3px;
}
/* person page metadata */
.list-metadata-person li,
.list-metadata-person .list { display: inline;
}
.list-metadata-person .metadata-person-address-location { padding-left: 20px;
background: url(http://fast.mediamatic.nl/f/tqgr/image/person_metadata.gif) no-repeat 0 -60px;
}
.list-metadata-person .metadata-person-works_for { padding-left: 20px;
background: url(http://fast.mediamatic.nl/f/tqgr/image/person_metadata.gif) no-repeat 0 -20px;
}
.list-metadata-person .metadata-person-address-info { padding-left: 20px;
background: url(http://fast.mediamatic.nl/f/tqgr/image/person_metadata.gif) no-repeat 0 0;
}
.list-metadata-person .metadata-person-keywords .li-pos-1 { padding-left: 20px;
background: url(http://fast.mediamatic.nl/f/tqgr/image/person_metadata.gif) no-repeat 0 -40px;
}
/* footer
-------------------------------------------------------------- */
/* activity
---------------------------------------------------------- */
.activity { margin: 0 0 6px 0;
}
.activity a img,
.design-by a img { border: none;
}
.activity .edit-cc { }
.isIE8x .activity .edit-cc { height: 24px;
}
/* edit-page
-------------------------------------------------------------- */
.edit-page h5 { display: none; }
.edit-page .action .listbox h5,
.edit-connection-box h5,
.edit-page #address h5,
.edit-page .org_pubdate h5,
.edit-page #bio h5 { display: block;
}
.edit-page .dv-title { margin: 0 0 18px; }
.edit-page .trustgroup .editinplace-active p { margin: 0 0 6px 0;
}
.trustgroup { margin: 0 0 18px 0;
background: #fbfbfb;
border: 1px solid #e7e7e7;
padding: 4px; }
.trustgroup p { margin: 0;
}
.trustgroup-header { display: block;
float: left;
width: 100px;
margin: 0 6px 0 0;
color: #999;
}
.trustgroup-phone .trustgroup-header { width: 80px;
}
.trustgroup .trust-action { text-align: right;
color: #999;
font-size: 12px;
}
.trustgroup .trust-action a.button { float: none;
display: inline;
margin: 0;
}
/* overrule display block in address edit blocks */
.trustgroup span.do_editinplace { display: inline;
}
.trustgroup input.text { width: 170px !important;
float: left;
margin: 0 3px 0 0;
}
.trustgroup-email input.text,
.trustgroup-website input.text { width: 55% !important;
}
.trustgroup select { width: 180px;
margin: 0;
}
.trustgroup-birth-decease .trustgroup-header { width: auto;
}
.trustgroup-birth-decease p { margin: 0 0 12px;
}
.trustgroup-birth-decease select { width: 260px !important;
}
.trustgroup-button-wrap { margin: 12px 0;
}
.trustgroup-dates .trustgroup-header { width: 8.5em;
}
.trustgroup-dates a.ui_actionbutton { margin-right: .3em;
border: none;
}
.trustgroup-dates a.ui_actionbutton img { margin: 0;
}
.edit-page #sidebar button ul.fig,
.edit-page ul.fig li { margin-bottom: 18px;
float: none;
position: relative;
}
.edit-page button.button-datepicker,
.edit-page .button-cc,
.button-fig,
.add-attachment-stage button { border: none;
padding: 0 0 2px 0;
}
/* Reset some double margins and paddings due to nesting */
.add-attachment-wrapper .form-button { margin: 0;
}
.add-attachment .action-stage-wrapper { padding: 0;
}
.add-attachment label { padding-top: 6px;
display: block;
}
.add-attachment-wrapper { float:left;
}
.dialog-content .add-attachment-stage { margin: 0;
padding: 0;
}
.add-attachment-stage .action-expl { display: none;
}
.edit-page a.button-datepicker { border: none;
}
.button-fig,
.add-attachment-stage button { background: url(http://fast.mediamatic.nl/f/tqgr/image/camera.png) no-repeat left 4px;
height: 24px;
margin: 0 0 18px 0;
padding: 0;
text-indent: 26px;
color: #999;
}
.add-attachment-stage button { text-indent: -9999px;
width: 28px;
}
.add-attachment-stage button.add-attachment-video { background: url(http://fast.mediamatic.nl/f/tqgr/image/camera.png) no-repeat left -111px;
}
.dialog-content.form-element .button-fig,
.add-attachment-stage button { margin: 0;
}
.button-fig:hover,
.add-attachment-stage button:hover { background: url(http://fast.mediamatic.nl/f/tqgr/image/camera.png) no-repeat left -222px;
border: none;
color: #666;
}
.add-attachment-stage button.add-attachment-video:hover { background: url(http://fast.mediamatic.nl/f/tqgr/image/camera.png) no-repeat left -337px;
}
.edit-page .button-cc img { margin: 0;
width: auto;
height: 14px;
}
.edit-page .button-datepicker:hover { border: none;
}
.button-fig img { margin: 0;
width: 25px;
height: 20px;
}
.edit-page .list-head-wrapper h5 { float: left;
margin: 0 6px 0 0;
}
.edit-page .chapeau { margin: 0 .25em 6px 0;
float: none;
}
.edit-page .chapeau-button-wrap { width: 100%;
}
.edit-page .chapeau-button-wrap .chapeau { margin: 8px 0 0 0;
float: left;
}
.edit-page .chapeau-button-wrap a.button { float: right;
margin: 0;
}
.edit-page #header { height: auto;
margin: 0 0 18px;
}
.edit-page .connections .list li { float: left;
}
.edit-page .list-view-simple li { color: #999;
float: left;
height: auto;
margin: 0 3px 0 0 !important;
}
.edit-page .daterange-coverage,
.edit-page .edit_blog_posting { margin: 0 0 18px 0;
background: #fbfbfb;
border: 1px solid #e7e7e7;
padding: 3px;
}
.edit-page .listbox ul,
.edit-page .daterange-coverage ul,
.edit-page .edit_blog_posting ul,
.edit-page .list-head-wrapper { float: left;
}
.edit-page .list-date-edge-item ul { float: none;
}
.edit-page .list-date-edge-item { margin: 0 0 18px 0;
background: none;
border: none;
padding: 0;
}
.edit-page .list-date-edge-item ul li.location-item { margin: 0 0 18px 0 !important;
background: #fbfbfb;
border: 1px solid #e7e7e7;
padding: 6px;
}
.edit-page .location-item-edit-buttons { margin: 6px 0 0 0;
}
.edit-page .daterange-coverage { display: block;
}
.edit-page .daterange-coverage h5 { display: block;
}
li .daterange-coverage .daterange { margin: 0;
}
.daterange-coverage span { display: inline;
height: auto;
float: none;
margin: 0;
padding: 0;
border: none;
}
.edit-page .list-author { margin: 0;
}
.edit-page .edit_blog_posting p { clear: both;
margin: 0;
}
.edit-page .edit_blog_posting hr { display: none;
}
.edit-page .daterange { color: #999;
}
.edit-page .dv .body,
.edit-page .dv .intro { margin: 0 0 18px 0;
clear: both;
}
.edit-page h5.location-predicate { margin: 0;
display: block;
}
.edit-page .list-located_in ul,
.edit-page .list-author ul,
.edit-page .list-actor ul,
.edit-page .list-located_in ul,
.edit-page .list-interest ul,
.edit-page .list-about ul,
.edit-page .list-works_for ul,
.edit-page .list-lived ul,
.edit-page .list-member ul,
.edit-page .list-resource ul,
.edit-page .list-visitor ul,
.edit-page .list-setmember ul,
.edit-page .predicate-rest ul { float: left;
}
.edit-page.story .list-located_in { float: none;
display: block;
}
/* wrap around internal float */
.edit-page .list-about { overflow: hidden;
}
.edit-page ul.fig { margin: 0;
}
input#max_attendance { float: left;
padding: 1px 5px;
width: 40px;
}
#max_attendance_label { display: block;
float: none;
width: auto;
}
/* show first add attachment button only for persons */
.figblock01 .link-fig { display: none;
}
/* show second add attachment button only for persons */
.figblock02 .link-fig { display: none;
}
.person .figblock02 .link-fig { display: block;
}
.sortable-item { float: none;
list-style: none;
text-align: left;
width: auto;
}
.sortable-item-placeholder { padding: 0;
margin: 12px 0;
float: none !important;
background: #f00;
list-style: none;
height: 2px;
}
.list-view-simple .sortable-item-placeholder { background: '#f00';
display: inline !important;
padding-left: 2px;
height: 1em;
}
.dragging { outline: 1px dotted #000;
background: #fff;
display: block;
}
.tooltip-marker { font-weight: normal;
color: #f00;
cursor: help;
}
/* making a new thing
-------------------------------------------------------------- */
#nn0 h1 { padding-left: 0px; }
#nn0 input { margin: 2px 0;
width: 96%; }
#nn0_overlay { position: absolute;
z-index:100;
width: 100%;
height: 100%;
top: 0;
left: 0;
min-height:100%;
background-color: #ccc;
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3; }
/* block users
-------------------------------------------------------------- */
.btn-disabled, .btn-disabled:hover { color: #ccc !important;
background: #fff !important;
cursor: default !important;
border: 1px solid #ccc !important; }
.dv .action-offensive { border: none;
padding: 2px 0 0 0; }
.dv .action-offensive:hover { background: #fff;
color: #666; }
/* manage my things
-------------------------------------------------------------- */
.managemythings td { padding: 9px; }
.managemythings td.edit { width: 30%; }
.manage-new-list-action button { margin: 0 0 18px; }
/* module openid
-------------------------------------------------------------- */
/* hide header and footer */
.page-module-openid-provider-logon #header,
.page-module-openid-provider-logon #footer { display: none; }
.page-module-openid-provider-logon #wrapper-content { padding-top: 18px; }
/* module message
-------------------------------------------------------------- */
.message-menu > a { background: url(http://fast.mediamatic.nl/f/tqgr/image/menu-inbox-icon.png) 11px 7px no-repeat;
padding-left: 23px !important;
min-height: 18px; }
.message-menu > a span { padding-left: 4px !important; }
.message-menu.sfHover > a,
.message-menu > a:hover,
.message-menu > a:focus,
.message-menu > a:active { background-position: 11px -43px; }
.menu-theme-inbox .menu-theme li.li-pos-1 a { background-image: url(http://fast.mediamatic.nl/f/tqgr/image/menu-inbox-icon.png);
background-position: 5px -93px;
background-repeat: no-repeat;
padding-left: 24px; }
.menu-theme-inbox .menu-theme li.li-pos-1 .selected,
.menu-theme-inbox .menu-theme li.li-pos-1 a:hover,
.menu-theme-inbox .menu-theme li.li-pos-1 a:focus,
.menu-theme-inbox .menu-theme li.li-pos-1 a:active { background-image: url(http://fast.mediamatic.nl/f/tqgr/image/menu-inbox-icon.png);
background-position: 5px -143px; }
/* module contact
-------------------------------------------------------------- */
.module-contact-link { float: left; }
.module-contact-link span { display: block;
margin: .1em .3em 0 0; }
.module-contact-list td.prs { width: 10%; }
.module-contact-list td.cnt { width: 60%; }
.module-contact-list td.cnf { width: 30%; }
/* module snapshot
-------------------------------------------------------------- */
.module-snapshot-lbox-addtext div { float: left; }
.module-snapshot-lbox-addtext img { margin-right: 1em; }
.module-snapshot-lbox-addtext input.text,
.module-snapshot-lbox-addtext textarea { width: 300px; }
.module-snapshot-lbox-addtext textarea { height: 118px; }
/* accordion
-------------------------------------------------------------- */
div.acc-title { cursor: pointer;
background: #f00 url(http://fast.mediamatic.nl/f/tqgr/image/accordion.gif) 0px -6px no-repeat;
color: #fff;
font-weight: normal;
font-style: normal;
font-size: 12px;
line-height: 18px;
margin: 0;
padding: 2px 6px 2px 22px;
border-bottom: 4px solid #fff; }
div.acc-title:hover { background: #f00 url(http://fast.mediamatic.nl/f/tqgr/image/accordion.gif) 2px -230px no-repeat; }
div.acc-content-open {
background: #f00 url(http://fast.mediamatic.nl/f/tqgr/image/accordion.gif) 2px -230px no-repeat; }
div.acc-content-open:hover { background: #f00 url(http://fast.mediamatic.nl/f/tqgr/image/accordion.gif) 2px -114px no-repeat; }
.acc-content-inside { padding: 1em;
border: 1px solid #000;
margin-bottom: 4px; }
.acc-content-inside fieldset { margin: 0 0 12px 0;
padding: 0;
border: none;
}
.acc-content { padding: 0;
margin: 0; }
.acc-content h3,
.acc-content h4 { padding-bottom: 6px;
}
.acc-login-left { float: left;
width: 433px; }
/* nonauthoritative
-------------------------------------------------------------- */
/* show only the img */
img.nonauthoritative-icon { float: none !important;
margin: 0 0 0 2px !important;
padding: 0 !important;
width: 11px !important;
height: 11px !important; }
a:hover img.nonauthoritative-icon:hover,
a img.nonauthoritative-icon:hover { width: auto !important;
height: auto !important; }
ul.fig img.nonauthoritative-icon { display: inline; }
/* show link and img */
a.nonauthoritative-link { display: inline !important; }
/* Editor Toolbar
-------------------------------------------------------------- */
.editinplace-input { background: none !important; }
.ui-wrapper { padding: 0 !important;
margin: 0 0 18px 0 !important;
width: 100% !important;
background: none !important; }
.ui-wrapper textarea { border: solid #e0e0e0;
border-width: 0 1px 1px 1px;
position: relative;
top: -2px;
background: none !important;
padding: 0 0 0 5px; /* padding right causes weirdness when overflowing */
}
* html .ui-wrapper textarea { _width: 98% !important;
}
.toolbar { background: #f8f8f8;
border: 1px solid #e0e0e0;
border-right-color: #ccc;
border-bottom-color: #ccc;
padding: 0;
margin: 0;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-top-left-radius: 6px; }
.edit-page .toolbar button { float: none;
display: inline;
margin: 5px 0 5px 5px;
}
/*
.edit-page .toolbar button:active,
.edit-page .toolbar button:focus,
.edit-page .toolbar button:hover { color: #333;
border: 1px solid #bbb;
border-right-color: #e0e0e0;
border-bottom-color: #e0e0e0;
background: #fff;
} */
.youtube_form_wrapper,
.link_form_wrapper { padding: 6px;
}
.youtube_form_wrapper input,
.link_form_wrapper input { width: 150px;
font-size: 11px;
color: #444;
margin: 0 .25em 0 0;
}
.youtube_form_wrapper button,
.link_form_wrapper button { float: none;
display: inline;
}
.wysiwyg-help { float: right !important;
margin: -25px 6px 0 !important;
}
/* sIFR
-------------------------------------------------------------- */
.sIFR-flash { visibility: visible !important;
margin: 0;
padding: 0; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin: 0px;
padding: 0px;
overflow: auto;
letter-spacing: 0px;
float: none; }
.sIFR-active object { display: block; }
.sIFR-dummy {
width: 0px;
height: 0px;
margin-left: 42px !important;
z-index: 0; }
/* menu-editable
---------------------------------------------------------------- */
.menu-editable .action { display: inline;
float: left;
padding: 2px 0; }
.save-this-page { padding-top: 2px;
float: left; }
.menu-editable button { color: #f00;
background-color: #fff; }
.menu-editable button:hover { color: #fff;
background-color: #f00;
}
.page-view .menu-editable .edit-cc,
.page-view .menu-editable .edit-trust { line-height: 14px;
margin-top: 5px; }
.isGecko.isWin .menu-editable p.edit-cc,
.isGecko.isWin .menu-editable p.edit-trust { line-height: 14px;
}
.menu-editable .cc { float: left; }
.isIE7x .menu-editable .cc span { display: block; }
.cc a,
.cc a:hover,
.cc a:active { border: none; }
.edit-cc { background-repeat: no-repeat;
background-position: 0 45%; }
.page-view .edit-cc,
.dialog-content .edit-cc { background-repeat: no-repeat;
background-position: 0 50%;
text-indent: -9999px;
display: inline-block;
}
/* ie7 doesnt understand inline-block */
.isIE7x .page-view .edit-cc,
.isIE7x .dialog-content .edit-cc { display: inline;
zoom: 1;
}
.page-view .chapeau .edit-cc { margin-right: -3px;
}
/* ie7 doesnt understand inline-block */
.isIE7x .page-view .chapeau .edit-cc { display: inline;
zoom: 1;
}
.isIE7x #fb-root,
.isIE8x #fb-root { display: none; }
label .edit-cc { float: left; }
.cc-icons1 { width: 18px; }
.cc-icons2 { width: 33px; }
.cc-icons3 { width: 48px; }
.edit-page button .cc-icons1 { padding-left: 18px; }
.edit-page button .cc-icons2 { padding-left: 33px; }
.edit-page button .cc-icons3 { padding-left: 48px; }
.cc-by-nc-nd { background-image: url(http://fast.mediamatic.nl/f/tqgr/image/cc/gray/by-nc-nd.png); } .cc-by-nc-sa { background-image: url(http://fast.mediamatic.nl/f/tqgr/image/cc/gray/by-nc-sa.png); } .cc-by-nc { background-image: url(http://fast.mediamatic.nl/f/tqgr/image/cc/gray/by-nc.png); } .cc-by-nd { background-image: url(http://fast.mediamatic.nl/f/tqgr/image/cc/gray/by-nd.png); } .cc-by-sa { background-image: url(http://fast.mediamatic.nl/f/tqgr/image/cc/gray/by-sa.png); } .cc-by { background-image: url(http://fast.mediamatic.nl/f/tqgr/image/cc/gray/by.png); } .cc-cr { background-image: url(http://fast.mediamatic.nl/f/tqgr/image/cc/gray/cr.png); } .cc-pd { background-image: url(http://fast.mediamatic.nl/f/tqgr/image/cc/gray/pd.png); }
.page-view .menu-editable .cc-by-nc-nd { background-image: url(http://fast.mediamatic.nl/f/tqgr/image/cc/white/by-nc-nd.png); } .page-view .menu-editable .cc-by-nc-sa { background-image: url(http://fast.mediamatic.nl/f/tqgr/image/cc/white/by-nc-sa.png); } .page-view .menu-editable .cc-by-nc { background-image: url(http://fast.mediamatic.nl/f/tqgr/image/cc/white/by-nc.png); } .page-view .menu-editable .cc-by-nd { background-image: url(http://fast.mediamatic.nl/f/tqgr/image/cc/white/by-nd.png); } .page-view .menu-editable .cc-by-sa { background-image: url(http://fast.mediamatic.nl/f/tqgr/image/cc/white/by-sa.png); } .page-view .menu-editable .cc-by { background-image: url(http://fast.mediamatic.nl/f/tqgr/image/cc/white/by.png); } .page-view .menu-editable .cc-cr { background-image: url(http://fast.mediamatic.nl/f/tqgr/image/cc/white/cr.png); } .page-view .menu-editable .cc-pd { background-image: url(http://fast.mediamatic.nl/f/tqgr/image/cc/white/pd.png); }
/* menu-path
---------------------------------------------------------------- */
.menu-path { display: none; }
ul.menu-path { margin: 0 0 18px 0;
color: #999;
}
ul.menu-path li a { color: #999;
border-bottom: none;
}
ul.menu-path li a:hover { color: #666;
border-bottom: none;
}
ul.menu-path li span.active { color: #000;
}
/* edit page help-functions
---------------------------------------------------------------- */
.help-area-wrapper { display: none; }
.help-area { padding: 2px 2px 2px 25px;
background: #fff8cc url(http://fast.mediamatic.nl/f/tqgr/image/info.png) no-repeat 5px 5px;
width: auto;
border: 1px solid #ddd;
margin: 0 0 18px 0;
}
.help-area p { margin: 0;
padding: 0;
color: #000;
}
/* pubstate classes
---------------------------------------------------------------- */
.pubstate9 { text-decoration: line-through; }
/* events info page
---------------------------------------------------------------- */
/* for now */
.event-opening-wrapper { display: none; }
.event-info-left { float: left;
margin: 0 12px 0 0; }
.event-info-date_end { display: none; }
.event-info-event-opening { display: none; }
.date-wrapper { background: #f2f2f2;
border: 1px solid #ddd;
padding: 6px 0 6px 6px; }
.event-date-wrapper,
.event-opening-wrapper,
.event-location-wrapper { margin: 0 0 18px 0; }
.event-expl,
.event-expl-header,
.event-expl-error,
.ui-datepicker-status { color: #666;
font-size: 12px;
margin: 0; }
.event-expl-header { color: #000;
}
.event-expl-error { color: #f00;
}
.error p { margin: 0; }
.listbox hr { background-color: #999; }
.date-start-time { display: none; }
.event-start-time { display: none; }
.event-info-new-thing { display: none;
background: #f2f2f2;
border: 1px solid #ddd;
padding: 12px;
margin: 12px 0 0 0; }
.event-info-new-thing-loading { background: #f2f2f2 url(http://fast.mediamatic.nl/f/tqgr/image/throbberwait.gif) no-repeat scroll 19% 92% !important; }
.event-info-new-thing .no-selection { display: none; }
a.datepicker-icon,
a.datepicker-icon:focus,
a.datepicker-icon:hover { border: none; }
/* forum-activity
--------------------------------------------------------- */
.num-reactions { padding: 0 0 0 .4em; /* simulate a space, we cannot do it with spaces and display:inline because they are ignored in IE */
display: inline;
white-space: nowrap; }
.dv .num-reactions { padding: 0; }
/* inactive styles could also be put in num-reactions */
.reactions-inactive { color: #000; }
.reactions-active { color: #f00; }
.forum .list-interest-subject h5 { display: block; }
/* edit attachment page
---------------------------------------------------------------- */
.edit_attachment_wrapper { margin-bottom: 18px;
}
.attachment_actors { clear: left;
}
.attachment_actors h5 { display: block;
clear: left;
line-height: 2;
color: #000;
}
.attachment_actors ul { margin-bottom: 0;
float: none;
}
.attachment_actors ul li { float: none;
white-space: nowrap;
}
.attachment_content { margin: 0 0 18px;
}
.attachment_content .help-text { display: none;
width: auto;
}
.attachment_content button { margin-top: 10px;
}
.edit-page .add_att_simple { clear: both;
}
.attachment_actors .unlink-confirm { border: 1px solid #000;
}
.attachment_actors .listbox { background: none;
border: 0;
padding: 0;
}
.actors-without-annotations { background: #f1f1f1;
padding: 5px;
}
.replace_image_form { display: none;
margin-bottom: 18px;
}
button.replace_image_form_button { margin-bottom: 18px;
}
/* help text
---------------------------------------------------------------- */
div.help-text { background-color: #fff8cc;
width: 100%;
}
.help-text p { margin: 0;
padding: 0 6px;
color: #000;
border: 1px solid #ddd;
font-size: 11px !important;
height: auto;
line-height: 2;
font-style: normal;
}
p.help-text { clear: both;
margin: 0;
padding: 4px 6px 5px 23px;
color: #000;
border: 1px solid #ddd;
font-size: 11px !important;
height: auto;
line-height: 1.3;
font-style: normal;
background: #fff8cc url(http://fast.mediamatic.nl/f/tqgr/image/info.png) no-repeat 3px 3px;
}
/* ikrip
---------------------------------------------------------------- */
a.ikrip-logo { border: none; }
a.ikrip-logo:hover { border: none;
text-decoration: none; }
/* search dropdown
---------------------------------------------------------------- */
#dropdown-outside { position: relative;
float: left;
font-size: 14px;
margin-right: 8px;
width: 10em;
z-index: 500; /* cover gmaps (contains high z-index values) and sifr */ }
#dropdown-inside { border: 1px solid #bbb;
height: 18px;
padding: 0;
overflow: hidden;
background: #fff;
width: 10em;
background: #fff url(http://fast.mediamatic.nl/f/tqgr/image/search-filter-dropdown.gif) no-repeat 100% 0; }
#dropdown-inside.expanded { border-color: #666; }
#dropdown-inside ul { border-top: 1px solid #666;
height: 0;
margin: 0;
padding: 0;
list-style: none;
overflow: hidden; }
#dropdown-current,
#dropdown-inside li { margin: 0;
padding: 0 23px 0 5px;
height: 18px;
cursor: pointer;
text-transform: lowercase; }
#dropdown-inside li { }
#dropdown-inside li.hover,
#dropdown-inside li.selected { background: #eee; }
#dropdown-inside ul:hover li.selected { background-color: transparent; }
/* images in body text
----------------------------------------------------------- */
.inline-image-wrapper,
.inline-image-wrapper img { display: block;
margin: 0; }
.inline-image-wrapper > a { border: none;
}
/* media in narrow columns
---------------------------------------------------- */
.span-20 object.wiki-youtube,
.span-20 embed.wiki-youtube { width: 310px;
height: 264px; }
.span-20 object.wiki-vimeo,
.span-20 embed.wiki-vimeo { width: 310px;
height: 174px; }
.span-20 object.wiki-slideshare,
.span-20 embed.wiki-slideshare { width: 310px;
height: 259px; }
/* status messages
---------------------------------------------------- */
body.person .dv-title h1 { float: left; }
.edit-page .dv-title h1 { float: none !important;
}
.add-status-message-wrapper input.loading { height: auto;
background-position: 99% 50% !important }
.add-status-message-wrapper { clear: both; }
#status-message-wrapper .status-editable:hover { background: #fff8cc;
cursor: pointer; }
#add-status-massage { margin: 24px 0 0 12px; }
/* ie6 notice
----------------------------------------------------------- */
#ie6-upgrade { padding: 6px;
margin: 0;
font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size: 11px;
line-height: 18px; }
#ie6-upgrade h4 { color: #000;
font-size: 14px;
font-weight: bold;
}
#ie6-upgrade p { margin: 0;
}
#ie6-upgrade a { color: #000;
text-decoration: none;
border-bottom: 1px dotted #000;
}
#ie6-upgrade a:hover { background-color: transparent;
border-bottom: 1px solid #000;
}
/* list question in poll
------------------------------------------------------------- */
.page-view .list-question .dv { margin: 0 0 12px; }
.page-view .list-question li { margin: 0 0 12px;
color: #4D4D4D; }
.page-view .list-question li input { margin: 0 6px;
float: left }
.page-view .list-question li label { display: table; }
/* address */
#address address,
#address .address {
margin: 0 0 18px; }
#address address p,
#address .address p {
margin: 0; }
/* bio */
#bio {
margin: 0 0 18px; }
.bio .bio-header { display: none; }
#bio p {
margin: 0; }
.edit-page .trustgroup-decease { margin-top: 6px; }
.bio-name span { margin: 0 3px 0 0; }
/* bio for persons (not users) */
.dv .period-location-person { margin: 0 0 12px; }
.dv .bio,
.dv .bio p,
.list-view-item div.bio { display: inline; }
ins { background-color:lightgreen;
text-decoration: none;
} /* del { background-color:orange; } */
/* RTL support
------------------------------------------------------------- */
#content .rtl,
#content .rtl h1,
#content .rtl h2,
#content .rtl h3,
#content .rtl h4,
#content .rtl h5,
#content .rtl h6,
#content .rtl input,
#content .rtl textarea,
#content .rtl .caption,
#content .rtl .intro,
#sidebar .rtl h1,
#sidebar .rtl h2,
#sidebar .rtl h3,
#sidebar .rtl h4,
#sidebar .rtl h5,
#sidebar .rtl h6,
.listbox .rtl h1,
.listbox .rtl h2,
.listbox .rtl h3,
.listbox .rtl h4,
.listbox .rtl h5,
.listbox .rtl h6,
.listbox .rtl .intro,
.dialog .rtl input,
.dialog .rtl textarea,
.rtl .dv-title h1 { direction: rtl;
font-style: normal !important;
text-align: right;
unicode-bidi: embed; }
/* align chapeaus to the right: */
#content .rtl .chapeau { float: right; }
/* align do-something buttons to the right */
#content .rtl .dv-title .do-something,
.rtl_pag #footer .listbox .do-something { float: right;
margin-right: 0; }
/* make Arabic text slightly larger: */
#sidebar .rtl .intro { font-size: 10pt; }
/* put images in line with text: */
#content .rtl ul.fig li img { float: right; }
#content div.rtl div.caption { clear: both; }
#content div.rtl .img-wrapper { left: auto;
right: 0;
float: right; }
#content div.rtl div.attachment_actors { clear: both; }
/* reset RTL for various elements */
#content .rtl .chapeau,
#content .rtl #list_author,
#content .rtl .link-fig,
#content .rtl .list-actor,
#content .rtl .button-fig,
#content .rtl .help-text,
#content .rtl .do-something,
#content .rtl .button-link { direction: ltr !important;
text-align: left !important; }
/* make ghost-annotations appear correctly in FF: */
.rtl .img-with-annotations .annotation { direction: ltr !important;
text-align: left !important;
text-indent: 0px !important; }
/* display Arabic text from EN versions of images on AR pages the right way: */
#content .rtl .dv_image { direction: rtl;
float: right; }
#content .rtl .intro { clear: both;
font-style: normal !important;
text-align: left; }
/* create some space between chapeau and link in search results */
.rtl .li-title h3 a { float: left; }
/* align heading in detailed view on the right side: */
.rtl .dv-title .do-something,
.rtl h2.with-action {
direction: rtl;
float: right; }
.rtl h2.with-action { margin-right: 6px; }
/* align titles to the left, even if they are rtl, see #8183: */
.rtl .li-title { float: left; }
/* align titles to the left, even if they are rtl, see #8183: */
.dv-part2.rtl .intro,
.list-view-item-thing.rtl .li-title,
.list-view-item-thing.rtl .li-part2 .intro { text-align: left; }
/* ensure that titles align correctly, see #8183: */
.rtl .li-title h3,
.rtl .li-title h4 { text-align: left; }
/* ensure that links dont shift, see #8183: */
.rtl h3 a { border: 1px solid transparent; }
.rtl h3 a:hover,
.rtl h3 a:active, { border: 1px solid #000 !important; }
/* aligns chapeaus to the left in listitems and only triggers on RTL: */
.listbox .list .rtl .li-part1 { text-align: left;
float: left; }
.listbox .list .rtl .li-part2 { clear: both; }
/* enables display of "Fans" on the right side, see #8183: */
.rtl_pag .set-metadata { width: 100%; /* used to be 98% but that doesnt work for RTL, so overriding this: */ }
.rtl_pag .connections { float: right;
text-align: right; }
/* handlelist widget:
------------------------------------------------------------- */
/* setting this to 100% ensures that the listing does not shrink with small elements */
#list_setmember { width: 100%;
float: none; }
/* setting this color to the background color of the surrounding element prevents ghosting */
.list-view-item-thing { position: relative;
background: #ffffff;
overflow: hidden; /* to prevent long titles bleaking layout #8655 */ }
.ui-sortable-handle:hover { cursor: move; }
.ui-unlinkable-handle:hover,
.ui-tag-handle:hover,
.ui-zoom-handle:hover { cursor: pointer !important; }
.ui-sortable-helper { -moz-box-shadow: 3px 3px 3px #888888;
-webkit-box-shadow: 3px 3px 3px #888888;
box-shadow: 3px 3px 3px #888888; }
.ui-state-highlight { background: #ffffff;
border: 1px dashed #000000 !important;
color: #000000 !important;
text-align: center !important; }
.handlelist-toolbar { position: absolute;
right: 0;
top: 6px;
display: none; }
/* sprite generation information at anymeta:#7902 */
span.handlelist-toolbar-icon-unlink,
span.handlelist-toolbar-icon-unlink:hover,
span.handlelist-toolbar-icon-zoom,
span.handlelist-toolbar-icon-zoom:hover,
span.handlelist-toolbar-icon-drag,
span.handlelist-toolbar-icon-drag:hover,
span.handlelist-toolbar-icon-tag,
span.handlelist-toolbar-icon-tag:hover { background-image: url(http://fast.mediamatic.nl/f/tqgr/image/handlelist_sprite.png);
background-repeat: no-repeat;
float: left;
height: 20px;
margin: 0 6px 0 0;
text-indent: -9999px;
width: 20px; }
span.handlelist-toolbar-icon-unlink {
background-position: 0 -200px; }
span.handlelist-toolbar-icon-unlink:hover {
background-position: 0 -240px; }
span.handlelist-toolbar-icon-zoom {
background-position: 0 -80px; }
span.handlelist-toolbar-icon-zoom:hover {
background-position: 0 -280px; }
span.handlelist-toolbar-icon-drag { background-position: 0 0; }
span.handlelist-toolbar-icon-drag:hover {
background-position: 0 -40px; }
span.handlelist-toolbar-icon-tag {
background-position: 0 -120px; }
span.handlelist-toolbar-icon-tag:hover {
background-position: 0 -160px; }
.handlelist-additem { width: 100%;
position: absolute;
left: 0;
clear: both;
border: none;
margin: 8px 0 0 0; }
.handlelist-additem-button-trigger { border: 1px dashed transparent;
display: block;
height: 18px; }
.handlelist-additem-button { border: 1px dashed #333;
display: none;
height: 18px; }
.handlelist-additem-button button { background: transparent none no-repeat;
border: 0;
text-align: center;
width: 100%; }
.ui-sortable embed { position: relative;
top: 32px; }
/* Animate content
------------------------------------------------------------- */
.list-view-item-thing-animate-content-hidden { opacity: 0;
height: 0;
display: block; }
.list-view-item-thing-animate-content .list-view-item-thing-content-wrapper,
.list-view-item-thing-animate-content-no-icon .list-view-item-thing-content-wrapper { padding: 6px 12px; }
.list-view-item-thing-animate-content .list-view-item-thing-content-wrapper .intro { display: block; }
.list-view-item-thing-animate-content,
.list-view-item-thing-animate-content-no-icon { height: 228px;
width: 300px;
background: #bfbfbf; }
.list-view-item-thing-animate-content-no-icon { }
.list-view-item-thing-animate-content .list-view-item-thing-content-wrapper,
.list-view-item-thing-animate-content-no-icon .list-view-item-thing-content-wrapper,
.page-view.layout-listitem-enabled .fig .caption,
.page-view.layout-listitem-enabled .caption-inline { width: 276px;
background: url(http://fast.mediamatic.nl/f/tqgr/image/list-animated-content-bg.png);
position: absolute;
bottom: 0;
left:0; }
.page-view.layout-listitem-enabled.isIE8up .caption-inline .title { display: block;
float: left; }
/* IE6 cannot find the height of an absolute postioned element. Position set to relative. Reset in javascript */
.isIE6x .list-view-item-thing-animate-content .list-view-item-thing-content-wrapper,
.isIE6x .list-view-item-thing-animate-content-no-icon .list-view-item-thing-content-wrapper,
.page-view.layout-listitem-enabled.isIE6x .caption,
.page-view.layout-listitem-enabled.isIE6x .caption-inline { position: relative;
visibility: hidden; }
.list-view-item-thing-animate-content .icon { margin: 0 !important; }
/* hide animated intro's/captions */
.list-view-item-thing-animate-content-hover .li-part2,
.layout-listitem-enabled.page-view .fig .caption,
.layout-listitem-enabled.page-view .caption-inline { height: 0;
overflow: hidden;
opacity: 0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0); }
.layout-listitem-enabled.page-view .comment-body-wrapper .fig .caption { height: auto;
overflow: hidden;
opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }
body.layout-listitem-enabled .fig .caption,
body.layout-listitem-enabled .caption-inline { padding: 6px 12px; }
/* START Temporary fix for video controls caption hover issue, see Anymeta:#7840 */
.page-view.layout-listitem-enabled ul.fig li.fig-li-ignore-animation div.caption { opacity: 1;
height: auto;
background: none;
position: inherit;
bottom: auto;
left: auto;
width: auto !important;
color: #000;
padding: 0;
font-size: 12px; }
.isIE.page-view.layout-listitem-enabled ul.fig li.fig-li-ignore-animation div.caption { filter: alpha(opacity=100);
position: relative;
}
.isWebkit.page-view.layout-listitem-enabled ul.fig li.fig-li-ignore-animation div.caption { margin: 12px 0 0 0;
}
.page-view.layout-listitem-enabled ul.fig li.fig-li-ignore-animation div.caption p.title a,
.page-view.layout-listitem-enabled ul.fig li.fig-li-ignore-animation div.caption span.caption-sep,
.page-view.layout-listitem-enabled ul.fig li.fig-li-ignore-animation div.caption p.caption-body { color: #000;
}
.page-view.layout-listitem-enabled ul.fig li.fig-li-ignore-animation div.caption p.title a:hover { color: #8C8C8C;
}
/* END temp fix Anymeta:#7840 */
.list-view-item-thing-animate-content-hover .intro { height: auto !important; }
.list-search-advanced li.list-view-item-thing-animate-content { float: left;
margin-right: 15px; }
.layout-listitem-enabled .list-search-advanced li.list-view-item-thing:nth-child(odd) { margin-right: 25px; }
.layout-listitem-enabled .list-search-advanced li.list-view-item-thing:nth-child(even) { margin-right: 0px; }
/* IE7 and 8 do not support nth child selectors */
.isIE7x .list-search-advanced li.list-view-item-thing-animate-content,
.isIE8x .list-search-advanced li.list-view-item-thing-animate-content { margin-right: 12px; }
/* Show the daterange as an inline element */
.list-view-item-thing-animate-content .daterange { float: left; }
.list-view-item-thing-animate-content .date,
.list-view-item-thing-animate-content .day,
.list-view-item-thing-animate-content .month,
.list-view-item-thing-animate-content .year,
.list-view-item-thing-animate-content .datesep { background: none;
margin: 0 3px 0 0;
display: block;
float: left;
border: none;
padding: 0;
height: auto;
width: auto;
font-size: inherit;
line-height: inherit;
color: inherit;
font-weight: inherit;
}
.list-view-item-thing-animate-content .date,
.list-view-item-thing-animate-content .daterange { margin: 0;
}
.list-view-item-thing-animate-content .day { padding: 0;
display: block;
float: left;
text-align: center;
min-width: 18px;
}
/* Chapeau Icons
------------------------------------------------------------- */
.list-view-item-thing-animate-content .daterange .day { background: url(http://fast.mediamatic.nl/f/tqgr/image/list-item-sprite.png) no-repeat 0 -2px;
padding-right: 1px; }
.isIE7up .list-view-item-thing-animate-content .daterange .day { padding-right: 3px;
}
.chapeau-comments { background: url(http://fast.mediamatic.nl/f/tqgr/image/list-item-sprite.png) no-repeat 0 -31px;
padding-left: 17px; }
.chapeau-interest { background: url(http://fast.mediamatic.nl/f/tqgr/image/list-item-sprite.png) no-repeat 0 -63px;
padding-left: 18px; }
.chapeau-participant { background: url(http://fast.mediamatic.nl/f/tqgr/image/list-item-sprite.png) no-repeat -2px -95px;
padding-left: 13px; }
/* Facebook
------------------------------------------------------------- */
/* facebook logon link */
div.form-element a.facebook-logon,
p a.facebook-logon { padding-left: 26px;
background: transparent url(/library/FacebookGraph/fb_icon.png) no-repeat 4px -116px;
background-repeat: no-repeat;
border: 0; }
p a.facebook-logon span { border-bottom: 1px dotted #999999; }
div.form-element a.facebook-logon:hover,
p a.facebook-logon:hover { background-position: 4px -58px; }
#fb_disconnect {
float: right;
font-size: 12px; }
/* facebook menu */
.nav-personal-wrapper li a.facebook-logon { padding-left: 26px;
background: transparent url(/library/FacebookGraph/fb_icon.png) no-repeat 4px 3px;
background-repeat: no-repeat; }
.nav-personal-wrapper li a.facebook-logon:active,
.nav-personal-wrapper li a.facebook-logon:hover { background-position: 4px -55px; }
/* take care of misaligned FB icon in IE7, IE9, see #8241: */
.isIE7x .nav-personal-wrapper li a.facebook-logon,
.isIE9x .nav-personal-wrapper li a.facebook-logon { padding-left: 26px; }
/* FIX TO BE PORTED OVER TO STYLE.CSS AT A LATER DATE; SEE #7945 */
#nav li.li-pos-1 ul.ul-lvl-1 li a { background-image: none;
padding-left: 24px; }
/* fixes misalignment in "I dont need an invoice" label: */
.form-item-invoice label {
display: inline; }
/* fixes misalignment for copy in gray boxes: */
#billing-information h6 { padding-left: 4px; }
/* fixes nigh-invisible copy in gray boxes: */
#billing-information h6 label,
#billing-information h6 .expl { color: #ffffff; }
/* Zebra listing */
.zebra-list .odd,
.zebra-list .even { border: 1px dotted #ccc;
border-width: 0 0 1px;
padding: 6px; }
.zebra-list tr.odd td,
.zebra-list tr.even td { background: transparent; }
/* Other then some prediucates hide the " - now" if the end dat is set */
.list-view-simple-wrapper .date-edge-simple-now { display: none; }
.list-object-lived .date-edge-simple-now,
.list-subject-lived .date-edge-simple-now,
.list-subject-works_for .date-edge-simple-now { display: inline; }
/* Context
-------------------------------------------------------------- */
.list-changes-contributors h5,
.list-changes-contributors a,
.list-changes-contributors .list-sep { opacity: 0.4; }
.isIE8x .list-changes-contributors,
.isIE8x .list-changes-contributors img { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)" }
.isIE7x .list-changes-contributors h5 { /* gives element layout */
width: 100%; }
.isIE7x .list-changes-contributors h5,
.isIE7x .list-changes-contributors a,
.isIE7x .list-changes-contributors img,
.isIE7x .list-changes-contributors span { filter: alpha(opacity=40); }
.list-changes-contributors:hover *,
.list-changes-contributors a:hover, /* for IE7 */
.list-changes-contributors a:hover *, /* for IE8 */
.list-changes-contributors a:focus,
.list-changes-contributors a:active { opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 - must be first */
filter: alpha(opacity=100); /* IE7 */ }
/* Default font settings. 6px baseline grid - v0.1
-------------------------------------------------------------- */
.dv-small { display: block; } body {
color: #888;
font: 11px/18px Verdana, Arial, sans-serif;
background: #fff; }
h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img { margin: 0; }
h1 a, h2 a, h3 a,
h4 a, h5 a, h6 a { border: none;
margin: 1px 0; }
h1 a, h3 a {
color: #444; }
h3 a, h3 a:visited, h3 a:hover, h3 a:active { border: none; }
/* Headings - add bottom margin if the line-height isn't a multiple of 6px
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
h1, h3 { font-size: 20px; line-height: 24px; color: #444;}
h1 cufon { margin-top: 3px; margin-bottom: 3px; } h2 { font-size: 20px; line-height: 24px;}
h4 { font-size: 15px; line-height: 24px; } h5 { font-family: "Lucida Grande", Verdana, sans-serif; color: #EE736C; } h6 { font-size: 13px;}
.list-view-item li, .dv-small { }
.list-view-item li.event h3 { margin: 0;
}
.list-view-item li h4, .dv-small h4 { font: bold 20px/*/18px */ verdana, sans-serif;
color: #888;/* #999; */
margin-top: 2px;
}
.list-view-item .li-title-no-subtitle { margin: 0 0 3px; }
.list-view-simple { }
.dv h5 { display: inline;
margin: 0 .25em 0 0; }
.listbox h5 { display: inline; }
.list-avatar h5 { display: block; }
.list-view-simple,
.list.metadata { display: inline; }
.list-avatar .list-view-simple { display: block;
overflow: hidden; }
.list-view h5 { margin: 0 0 18px; }
h5.pager { font: 12px verdana, sans-serif;
font-weight: bold;
line-height: 18px;
color: #fff; }
.dv .intro { font-size: 14px; }
.dv-small { margin-bottom: 12px; }
.dv-small .intro { font-size: 12px;
line-height: 18px;
display: block;
margin-bottom: 12px; }
.caption { font-size: 12px;
line-height: 18px; }
.daterange-coverage span { font-size: 13px;
color: #111;
font-weight: normal; }
#the-status-msg { font-size: 48px;
line-height: 61px;
margin: 0 0 0 .3em;
font-style: italic;
display: inline;
color: #bbb; }
.comment-meta { color: #999;
line-height: 18px;
font-size: 12px; }
.source-title { padding: 0 2px;
white-space: nowrap; }
/* trustgroup exceptions
-------------------------------------------------------------- */
.edit-page .trustgroup-dates a.date-edge,
.edit-page .trustgroup select { color: #555; }
/* Text elements
-------------------------------------------------------------- */
p { margin: 0 0 18px; }
p img { float: left; margin: 4px 8px 4px 0; }
p img.right { float: right; margin: 4px 0 0 8px; }
a { color: #888; text-decoration: none; border-bottom: 1px dotted #888;}
a:focus,
a:hover { color: #444; border-bottom: 1px solid #444;}
.list-view-item a,
.list-view-item a:focus,
.list-view-item a:hover,
.list-view-item a:active { border: none; }
blockquote { margin: 9px; color: #444; font-style: italic; } strong { font-weight: bold; } em,dfn { font-style: italic; } dfn { font-weight: bold; } sup, sub { line-height: 0; } address { font-style: normal; color: #444}
abbr,
acronym { border: none; } address { margin: 0 0 18px; }
del { color:#666; }
pre,code { margin: 18px 0; white-space: pre; }
pre,code,tt { font: 12px 'andale mono', 'lucida console', monospace; line-height: 1.5; }
/* chapeau
------------------------------------------------------ */
.chapeau * { font-family: "Lucida Grande", Verdana, sans-serif;
border-color: #888; }
body.attachment #content .chapeau * { color: #666 !important; }
li .chapeau { margin: 0;
font-style: normal;
}
li .chapeau .city { font-style: italic;
}
.chapeau-comments-sep { margin: 0 3px;
}
/* metadata
---------------------------------------------------------- */
/*
ul.metadata { padding: 6px 9px 10px;
background: #f2f2f2;
border: 1px solid #ddd; } */
ul.metadata li.similar a { font-style: italic;
border-bottom: 1px dotted #666; }
/* metadata person
---------------------------------------------------------- */
.list-metadata-person li,
.list-metadata-person li a { }
/* Lists
-------------------------------------------------------------- */
li ul,
li ol { margin:0 18px; }
ul, ol { margin: 0 18px 18px; }
ul { list-style-type: disc; } ol { list-style-type: decimal; }
dl { margin: 0 0 18px; }
dl dt { font-weight: bold; } dd { margin-left: 18px; }
/* Tables
-------------------------------------------------------------- */
table {
margin: 0 0 18px 0;
width: 100%; }
th {
font-family: "Lucida grande", arial, sans-serif;
font-weight: normal;
background: #666;
color: #fff;
font-size: 12px;
padding: 3px 6px 3px 3px;
line-height: 22px;
}
td {
padding: 3px 6px 9px 3px;
border-bottom: 1px dotted #ccc;
line-height: 22px;
}
td .list-view-simple,
td .list-view-simple * { display: inline;
}
tr.even td {
background: #eee;
}
tfoot {
font-style: italic;
}
caption {
background: #eee;
}
/* Misc classes
-------------------------------------------------------------- */
.small { font-size: 10px; margin-bottom: 18px; line-height: 18px; } .large { font-size: 14px; margin-bottom: 18px; line-height: 24px; }
.quiet { color: #666; } .loud { color: #000; } .highlight { background:#ff0; } .added { background:#060; color: #fff; } .removed { background:#900; color: #fff; }
.first { margin-left:0; padding-left:0; } .last { margin-right:0; padding-right:0; } .top { margin-top:0; padding-top:0; } .bottom { margin-bottom:0; padding-bottom:0; }
.expl { color: #999; }
.menu { font: 14px/18px verdana, sans-serif; } .search-simple { font-size: 12px; font-family: Verdana, sans-serif; }
/* Small info sections
-------------------------------------------------------------- */
.info { color: #999;
font-size: 12px;
line-height: 18px; }
.info a { color: #999;
border-bottom: 1px dotted #999;
text-decoration: none;
}
.info a:hover { color: #333;
border-bottom-color: #333;
}
.info a img { float: none;
margin: 0;
}
/* Footer styles
-------------------------------------------------------------- */
.activity,
.design-by { color: #b3b3b3; /* #bbb; */
font-size: 12px; } .activity a,
.design-by a { color: #888; }
/* PROJECT OVERRIDES
-------------------------------------------------------------- */
h1 { font-size: 28px; }
body.attachment h1 { font-size: 20px; }
h2 { line-height: 30px; }
h3 { overflow: hidden;
line-height: 1.3; }
h5 cufon { margin-bottom: 2px; }
a,
a:hover,
a:focus { color: inherit;
border-color: inherit; }
.chapeau,
.chapeau * { color: #ee736c !important; }
/* Menu */
.menu { font-size: 12px;
line-height: 19px; }
.page-view .menu-editable .edit-cc, .page-view .menu-editable .edit-trust { margin-top: 4px; }
/* Detailed */
.dv-title,
.li-title,
.list-view-item .li-title-no-subtitle { margin-bottom: 12px; }
.dv-small .intro { font-size: 11px;
line-height: 17px; }
.dv-small a { border: none; }
.metatypes .similar { color: #888; }
/* Lists */
.list-view-item .intro p { line-height: 17px; }
/* Footer */
#footer,
.menu-footer { font-size: 12px;
}
/* Header
-------------------------------------------------------------- */
#header {
margin: 0 0 24px;
}
/*
menu
default / personal / edit / navigation
background
color
hover
background
color
submenu
background
color
hover
background
color
*/
/* menu's
---------------------------------------------------------- */
/*
menu-personal
menu-auth
menu-membership
menu-nav
menu-language
menu-theme
*/
.menu {
list-style: none;
margin: 0;
}
.menu li {
float: left;
}
/* simple menu's like message / footer / language */
.menu li a {
display: block;
border: none;
padding: 0;
}
.menu li a:focus,
.menu li a:hover {
}
.menu li img {
margin: 0;
}
/* sub navigation */
.menu li ul li {
float: none;
display: block;
}
.menu li ul.ul-lvl-1 {
display: none;
}
/* menu personal (top bar - auth navigation and membership)
---------------------------------------------------------- */
.nav-personal-wrapper {
background: #fff;
position:relative;
z-index:10999;
}
.nav-theme-wrapper {
margin: 18px 0;
}
.menu-membership {
float: right;
}
.menu-auth {
float: left;
}
.nav-personal-wrapper li.li-pos-1 a.selected,
.nav-personal-wrapper li.li-pos-1 a {
background: url(http://fast.mediamatic.nl/f/tqgr/image/menu-icon.png) no-repeat 4px -319px;
overflow: hidden;
padding-left: 24px !important;
}
.nav-personal-wrapper li.li-pos-1 a:hover {
background: #444 url(http://fast.mediamatic.nl/f/tqgr/image/menu-icon.png) no-repeat 4px -263px;
border: none;
}
.nav-personal-wrapper li {
margin: 0;
}
.nav-personal-wrapper li a {
color: #444;
padding: 2px 12px 4px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.nav-personal-wrapper li a {
padding: 3px 12px;
}
}
.nav-personal-wrapper li a.selected,
.nav-personal-wrapper li a:hover,
.nav-personal-wrapper li a:focus {
background-color: #444;
color: #fff;
}
/* menu editable (view page) / menu edit (edit page)
---------------------------------------------------------- */
.menu-editable {
background: #ee736c url(http://fast.mediamatic.nl/f/tqgr/image/menu-icon.png) no-repeat 4px -150px;
overflow: hidden;
padding-left: 24px;
}
/*.menu-editable:hover {
background: #ee736c url(http://fast.mediamatic.nl/f/tqgr/image/menu-icon.png) no-repeat 4px -206px;
}*/
.menu-editable button,
.menu-editable a.button-editable {
color: #ee736c;
background: #fff;
border: 1px solid #ee736c;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.menu-editable button {
line-height: 16px;
}
}
.menu-editable button:hover,
.menu-editable a.button-editable:hover {
color: #fff;
background: #ee736c;
border: 1px solid #fff;
}
.menu-editable p.buttons {
padding: 2px 0;
margin: 0;
border-right: none;
}
.menu-editable p {
margin: 0;
float: left;
display: inline;
margin: 6px 6px 0 0;
padding: 0 6px 0 0;
color: #fff;
font-weight: normal;
font-size: 13px;
line-height: 15px;
}
.menu-editable p img {
float: left;
margin: 0 1px 0 0;
padding: 0;
}
.menu-edit-wrapper {
background: #ee736c;
color: #fff;
padding: 6px;
}
.menu-edit-part1 {
margin: 0 0 6px;
}
.menu-edit-part1 li {
padding: 0 6px 0 0;
margin: 0;
}
.menu-edit-part1 button img {
width: auto;
height: auto;
padding: 0;
margin: 0;
}
/* menu navigation (navigation including simple-search)
---------------------------------------------------------- */
.nav-search-wrapper {
background: #fff;
position:relative;
z-index:10998;
}
.menu-nav {
float: left;
margin: 0;
padding: 0;
}
.menu-nav li {
margin: 0;
height: 24px;
}
.menu-nav li.li-pos-1 a.selected,
.menu-nav li.li-pos-1 a {
background: url(http://fast.mediamatic.nl/f/tqgr/image/menu-icon.png) no-repeat 4px -38px;
color: #444;
overflow: hidden;
padding-left: 24px;
}
.menu-nav li.li-pos-1 a:hover {
background: url(http://fast.mediamatic.nl/f/tqgr/image/menu-icon.png) no-repeat 4px -94px #444;
color: #ddd;
}
/*
.menu-nav li.li-pos-1 a:hover {
background: #444 url(http://fast.mediamatic.nl/f/tqgr/image/menu-icon.png) no-repeat 4px -95px;
}
*/
.menu-nav li a {
color: #444;
padding: 2px 12px 4px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.menu-nav li a {
padding: 3px 12px;
}
}
.menu-nav li a.selected,
.menu-nav li a.selected:hover,
.menu-nav li a.selected:focus,
.menu-nav li a:hover,
.menu-nav li a:focus {
background-color: #444;
color: #ddd;
}
/* menu language
--------------------------------------------------------- */
.nav-language-wrapper {
float: right;
}
.menu-language li {
margin: 0 0 0 12px;
}
/*
.menu-language li a {
border: none;
color: #111;
}
.menu-language li a.selected,
.menu-language li a:hover,
.menu-language li a:focus {
background-color: none;
color: #000;
}
*/
/* menu-theme (basics)
---------------------------------------------------------- */
/*
.menu-theme-box a {
padding: 18px 0 0;
}
*/
.menu-theme-box img {
float: left;
z-index: 0;
position: relative;
}
.menu-theme {
background-color: #000;
float: left;
width:100%;
height:24px;
}
.menu-theme-banner {
background-color: none;
background: url(http://fast.mediamatic.nl/f/tqgr/image/menu-theme.png) repeat;
z-index:100;
position: relative;
margin-top: -24px;
}
.menu-theme li a {
padding: 3px 12px;
color: #EEE;
}
.menu-theme li.li-pos-1 a {
padding-left:24px;
background:url(http://fast.mediamatic.nl/f/tqgr/image/menu-icon.png) no-repeat scroll 4px -38px transparent;
}
.menu-theme li.li-pos-1 a:hover {
background:url(http://fast.mediamatic.nl/f/tqgr/image/menu-icon.png) no-repeat scroll 4px -92px transparent;
}
/* menu message
--------------------------------------------------------- */
/*
.menu-message li a {
border: none;
color: #111;
}
*/
/* menu-footer
---------------------------------------------------------- */
/*
.menu-footer {
list-style: none;
padding: 0;
margin: 0;
z-index: 10997;
}
*/
/* dropdown menu styles
--------------------------------------------------------- */
.do_menu ul { /* dropdown styling */
width: 238px;
}
ul.do_menu li li:hover ul,
ul.do_menu li li.sfHover ul,
ul.do_menu li li li:hover ul,
ul.do_menu li li li.sfHover ul {
left: 239px; /* match ul width */
}
.do_menu li:hover ul,
.do_menu li.sfHover ul {
top: 24px; /* match top ul list item height: font-size + any padding on the li or a */
border: 1px solid #444;
border-width: 0 1px 1px 1px;
cursor: pointer;
}
.nav-personal-wrapper .do_menu li:hover ul,
.nav-personal-wrapper .do_menu li.sfHover ul {
border: 1px solid #444;
border-width: 0 1px 1px 1px;
}
.do_menu ul li.li-lvl-0 { /* add padding to the top of the submenu here */
padding-top: 0;
}
/* parent while its submenu is being shown */
.do_menu li:hover a,
.do_menu .sfHover a,
.do_menu a:focus,
.do_menu a:hover,
.do_menu a:active {
background-color: #444;
color: #ddd;
}
.nav-personal-wrapper a:focus,
.nav-personal-wrapper a:hover,
.nav-personal-wrapper a:active,
.nav-personal-wrapper .do_menu li:hover a,
.nav-personal-wrapper .do_menu .sfHover a {
background-color: #444;
color: #fff;
}
.nav-theme-wrapper .do_menu li:hover a,
.nav-theme-wrapper .do_menu .sfHover a,
.nav-theme-wrapper .do_menu a:focus,
.nav-theme-wrapper .do_menu a:hover,
.nav-theme-wrapper .do_menu a:active {
background-color: #EEE;
color: #000;
}
/* submenu hover style */
.do_menu li:hover li:hover a,
.do_menu li:hover li.sfHover a,
.do_menu li:hover li:hover a:focus,
.do_menu li:hover li:hover a:hover,
.do_menu li:hover li:hover a:active,
.do_menu li:hover li:hover li:hover a,
.do_menu li:hover li:hover li.sfHover a,
.do_menu li:hover li:hover li:hover a:focus,
.do_menu li:hover li:hover li:hover a:hover,
.menu li:hover li:hover li:hover a:active {
background-color: #444;
color: #ddd;
border-top: 1px solid #999;
overflow:hidden
}
.nav-personal-wrapper .do_menu li:hover li:hover a,
.nav-personal-wrapper .do_menu li:hover li.sfHover a,
.nav-personal-wrapper .do_menu li:hover li:hover a:focus,
.nav-personal-wrapper .do_menu li:hover li:hover a:hover,
.nav-personal-wrapper .do_menu li:hover li:hover a:active,
.nav-personal-wrapper .do_menu li:hover li:hover li:hover a,
.nav-personal-wrapper .do_menu li:hover li:hover li.sfHover a,
.nav-personal-wrapper .do_menu li:hover li:hover li:hover a:focus,
.nav-personal-wrapper .do_menu li:hover li:hover li:hover a:hover,
.nav-personal-wrapper .menu li:hover li:hover li:hover a:active {
background-color: #444;
color: #fff;
border-top: 1px solid #999;
}
.nav-theme-wrapper .do_menu li:hover li:hover a,
.nav-theme-wrapper .do_menu li:hover li.sfHover a,
.nav-theme-wrapper .do_menu li:hover li:hover a:focus,
.nav-theme-wrapper .do_menu li:hover li:hover a:hover,
.nav-theme-wrapper .do_menu li:hover li:hover a:active,
.nav-theme-wrapper .do_menu li:hover li:hover li:hover a,
.nav-theme-wrapper .do_menu li:hover li:hover li.sfHover a,
.nav-theme-wrapper .do_menu li:hover li:hover li:hover a:focus,
.nav-theme-wrapper .do_menu li:hover li:hover li:hover a:hover,
.nav-theme-wrapper .menu li:hover li:hover li:hover a:active {
background-color: #EEE;
color: #000;
border-top: 1px solid #6c6d71;
}
/* submenu styling when not being hovered. needs this to overwrite the previous styling */
.do_menu li:hover li a,
.do_menu li:hover li:hover li a,
.do_menu li:active li a,
.do_menu li:active li:active li a,
.do_menu li:focus li a,
.do_menu li:focus li:focus li a,
.do_menu li.sfHover li a,
.do_menu li.sfHover li.sfHover li a {
background-color: #fff;
color: #444;
display: block;
border-top: 1px solid #999;
}
.nav-personal-wrapper .do_menu li:hover li a,
.nav-personal-wrapper .do_menu li:hover li:hover li a,
.nav-personal-wrapper .do_menu li:active li a,
.nav-personal-wrapper .do_menu li:active li:active li a,
.nav-personal-wrapper .do_menu li:focus li a,
.nav-personal-wrapper .do_menu li:focus li:focus li a,
.nav-personal-wrapper .do_menu li.sfHover li a,
.nav-personal-wrapper .do_menu li.sfHover li.sfHover li a {
background-color: #fff;
color: #444;
border-top: 1px solid #999;
}
.nav-theme-wrapper .do_menu li:hover li a,
.nav-theme-wrapper .do_menu li:hover li:hover li a,
.nav-theme-wrapper .do_menu li:active li a,
.nav-theme-wrapper .do_menu li:active li:active li a,
.nav-theme-wrapper .do_menu li:focus li a,
.nav-theme-wrapper .do_menu li:focus li:focus li a,
.nav-theme-wrapper .do_menu li.sfHover li a,
.nav-theme-wrapper .do_menu li.sfHover li.sfHover li a {
background-color: #000;
color: #EEE;
border-top: 1px dotted #000;
}
/* Search Simple
------------------------------------------------------ */
.search-simple {
margin: 3px 0 0;
border: 1px solid #d2d2d2;
}
.search-simple fieldset {
padding: 0 2px;
background: #fff !important;
float: left;
}
.search-simple input.text,
.search-simple input.text:focus {
border: none;
padding: 1px 0 0;
height: 15px;
width: 186px;
font-family:"Lucida Grande",Verdana,sans-serif;
font-size:11px;
overflow: visible;
}
.search-simple button.button-search-simple,
.search-simple button.button-search-simple:hover { /* note: there is padding in style_ie.css */
background: #fff url(http://fast.mediamatic.nl/f/tqgr/image/menu-icon.png) no-repeat 4px -377px;
text-indent: -9999px;
border: none;
margin: 0;
padding: 0;
width: 20px;
height: 18px;
}
.search-simple button.button-search-simple-opensearch { /* note: there is padding in style_ie.css */
margin: 0 0 0 3px;
padding: 0;
}
/* Search Advanced
------------------------------------------------------ */
/*
.search-advanced {
height: 20px;
margin: 9px 0 18px;
}
.search-advanced input.text {
font: normal 14px georgia, serif;
height: 18px;
float: left;
margin: 0 6px 0 0;
padding: 0 4px;
}
*/
/* basic lists
-------------------------------------------------------------- */
.list {
list-style: none;
margin: 0;
padding: 0;
}
.listbox {
margin: 0 0 18px 0;
}
.connections .listbox {
clear: both;
}
.list-view-item li {
padding: 0;
margin: 0 0 24px;
}
.list-view-item .icon {
margin: 3px 6px 0 0;
}
.list-view-item .no-icon .icon {
margin: 0;
}
.list-view-item .icon,
.list-view-item .icon a {
display: block;
float: left;
}
.list-view-item .intro p {
margin: 0;
display: inline;
}
.list-view-item .event .intro p.date-edge-time {
margin: 0 3px 0 0;
}
.list-view-item .source-title img {
margin: 0 1px -1px 0;
float: none;
}
.page-home .list-view-item .intro { /* IE renders wrong */
clear: both;
}
/* buttons
-------------------------------------------------------------- */
/* button status
---------------------------------------------------------- */
button.status,
button.status:hover {
border: 1px solid #bbb;
background: #fff;
color: #bbb;
}
.module-contact-link button.status,
.module-contact-link button.status:hover {
border: 1px solid #fff;
background: #fff;
color: #099;
}
/* content area
-------------------------------------------------------------- */
#content.span-40 .padding .dv-padding,
.list-home_list {
padding: 0 80px 0 0;
}
/* Detailed view
-------------------------------------------------------------- */
/* part1
---------------------------------------------------------- */
.dv-title {
margin: 0 0 12px;
clear: both;
}
.dv-title .with-action {
padding: 7px 0;
}
/* figblock
---------------------------------------------------------- */
ul.fig li {
margin: 0 0 18px;
}
ul.fig li a,
ul.fig li a:hover,
.inline-image-wrapper a,
.inline-image-wrapper a:hover {
border-bottom: none;
}
/* pubdate
------------------------------------------------------ */
.org-pubdate {
color: #bbb;
}
/* body
------------------------------------------------------ */
.caption {
display: block;
}
.caption,
.caption * {
color: #000;
}
.caption p {
margin: 0;
display: inline;
}
/* pager
---------------------------------------------------------- */
h5.pager {
background: #BBB;
border: 1px solid #888;
display: block;
clear: both;
margin: 0 0 18px;
padding: 2px 9px;
position: relative;
}
/* similar search
---------------------------------------------------------- */
.metatypes {
font-weight: bold;
color: #999;
margin: 0 0 9px 0;
}
.metatypes a {
color: #999;
}
/* Content padding for
---------------------------------------------------------- */
#content.span-20 .padding {
padding-right: 10px;
}
/* Context
-------------------------------------------------------------- */
/* predicate-rest
---------------------------------------------------------- */
.dv .predicate-rest {
display: none;
}
/* Calendar
------------------------------------------------------------- */
.calendar-search {
margin-top: 0;
}
.calendar-search label,
.calendar-search input,
.calendar-search select {
margin-bottom: 0;
margin-top: 0;
}
.calendar-search fieldset {
margin: 0 6px 7px 0;
padding: 0;
border: none;
float: left;
}
.calendar-search label {
font-weight: normal;
}
.calendar-search p {
display: inline;
}
.calendar-search fieldset.period-buttons,
.calendar-search fieldset.period-select {
float: left;
margin: 0 6px 0 0;
}
/* resources
---------------------------------------------------------- */
.connections .list-resources li {
display: block;
}
/* module contact
-------------------------------------------------------------- */
.contact-couple {
background: #fff;
border:1px dashed #bbb;
float: left;
display: block;
height: 130px;
margin: 7px 7px 21px 0;
padding: 7px 7px 0;
}
.contact-couple .date {
float: left;
font-size: 11px;
padding: 30px 7px 7px;
text-align: center;
width: 66px;
border: none;
}
.contact-couple .avatar {
margin: 0;
padding: 0;
}
/* date range
------------------------------------------------------ */
/*
.dv li .daterange {
float: left;
margin: 0;
}
.date,
.datesep {
display: block;
float: left;
}
.date {
border: 1px solid #ccc;
color: #999;
background: #fff;
margin: 0 6px 0 0;
padding-left: 2px;
text-align: center;
width: 48px;
height: 64px;
}
.day {
display: block;
color: #555;
font: 20px verdana;
margin: 3px 0 4px;
padding: 0;
font-weight: bold;
}
.month,
.year {
margin: 3px 0;
font-size: 12px;
line-height: 12px;
display: block;
font-weight: normal;
}
.time {
display: none;
}
.datesep {
color: #ccc;
font-size: 11px;
margin: 0;
padding: 23px 0 0;
text-align: left;
width: 12px;
display: none;
}
*/
.attachment .daterange {
float: none;
}
.attachment .daterange * {
display: inline;
color: #888;
font: 11px/18px "Lucida Grande",Verdana,sans-serif;
border: none;
float: none;
margin: 0;
}
/* accordion
---------------------------------------------------------------- */
div.acc-title,
div.acc-title:hover,
div.acc-content-open,
div.acc-content-open:hover {
background-color: #fff;
color: #444;
}
/* action dialog colors
---------------------------------------------------------------- */
/* left + right button */
.form-button-highlite button,
.do-something button,
.do-something button.status {
background-color: #fff;
}
.form-button-highlite button,
.do-something button,
.do-something button.status,
.form-button-highlite button:hover,
.do-something button:hover,
.do-something button.status:hover {
border-color: #ab393e; /* #444; */
}
/* left */
.form-button-highlite button,
.do-something .do-something-text button,
.do-something .do-something-text button.status {
background-color: #ee736c;
color: #fff; /* #444; */
border-color: #ab393e;
}
/* left hovers */
.form-button-highlite button:hover,
.do-something .do-something-text button:hover,
.do-something .do-something-text button.status:hover,
.do-something .single-action button:hover {
background-image: none;
background-color: #ab393e;
color: #fff;
border-color: #ab393e;
}
/* right */
.form-button-highlite,
.do-something button.do-something-other {
background-color: #fff;
color: #ee736c;/* #444; */
}
.do-something button.do-something-other:hover {
background-color: #444;
color: #fff;
}
/* Action dialog itself
---------------------------------------------------------------- */
.dialog-drag-handle {
background-color: #fff;
border: 1px solid #AB393E;/* #fff; */
}
.dialog-drag-handle-text {
color: #fff;
}
#action-logon-logon form {
margin-bottom: 30px;
}
.claimed-info ul {
float: left;
margin: 1px 10px 0 0;
}
#status-message-wrapper {
margin: 10px 0 0 0;
}
/* PROJECT SPECIFIC
---------------------------------------------------------------- */
/* Header image */
#header .clearfix > a {
border: none;
}
/* Menu */
.nav-search-wrapper li ul li a {
padding-bottom: 2px; /* Fix not showing border */
}
.isSafari .nav-search-wrapper li ul li a {
padding-bottom: 1px; /* Fix not showing border */
}
.message-menu > a {
background-position: 11px -44px;
}
.message-menu.sfHover > a {
background-position: 11px 7px;
}
.search-simple {
margin: 2px 2px 0;
}
/* Menu theme */
.menu-theme {
background-color: #eee;
}
.menu-theme li a {
color: #000;
}
.nav-theme-wrapper .do_menu li:hover a,
.nav-theme-wrapper .do_menu .sfHover a,
.nav-theme-wrapper .do_menu a:focus,
.nav-theme-wrapper .do_menu a:hover,
.nav-theme-wrapper .do_menu a:active {
background-color: #ccc;
}
/* Preferences module */
div.acc-title,
div.acc-title:hover,
div.acc-content-open,
div.acc-content-open:hover {
background-color: #ccc;;
color: #fff;
}
/* Grid homepage layout */
.span-15 {
width: 215px;
}
.span-30 {
width: 460px;
}
.span-15,
.span-30 {
margin-right: 30px;
overflow: hidden;
}
.last {
margin-right: 0;
}
.edit-page .list-author {
margin-bottom: 6px;
}
/* Home */
.isIE7x #home_set li {
list-style: none;
margin-left: -16px;
}
#home_set .icon a {
border: none;
}
#home_set5 .listbox {
margin-top: 18px;
}
#home_set5 .dv-small .intro,
#home_set5 .list-view h5,
#home_set5 .dv h5 {
margin: 0;
}
#home_set5 h5 a {
border-bottom-width: 1px;
border-bottom-style: dotted;
}
#home_set5 h5 a:hover {
border-bottom-style: solid;
}
/* Dialog */
.dialog-drag-handle {
background-color: #ee736c;
border-color: #ba5954;
}
/* Pager */
h5.pager {
background-color: #ddd;
border: none;
color: #444;
padding: 4px 9px;
}
/* Detailed */
.chapeau-comments,
.chapeau-interest,
.chapeau-participant {
background-image: url(http://fast.mediamatic.nl/f/tqgr/image/list-item-sprite-salmon.png);
}
body.attachment .dv .chapeau-comments, /* Reset for attachment chapeau */
body.attachment .dv .chapeau-interest,
body.attachment .dv .chapeau-participant {
background-image: url(http://fast.mediamatic.nl/f/tqgr/image/list-item-sprite.png);
}
.dv .body {
font-size: 12px;
}
.caption,
.caption * {
color: #444;
}
/* Lists */
.list-view-item thing .daterange {
margin-bottom: 6px;
}
.page-home .li-title {
margin-bottom: 12px;
}
.list-view-item .li-part2-wrapper .icon {
clear: both;
margin-bottom: 6px;
}
.list-view-item .icon, .list-view-item .icon a {
float: none;
}
.wrapper-date-location-item .sep {
display: none;
}
.list-view-simple .googlemaps-mapbutton {
margin-left: 6px;
}
.list-search-advanced .li-title {
margin-bottom: 0 !important;
}
/* date range */
li.event .daterange {
display: block;
width : 20px;
}
li.event .date,
li.event .datesep {
display: block;
float: left;
}
li.event .date {
border: 1px solid #ccc;
color: #999;
background: #fff;
margin: 0 6px 0 0;
padding-left: 2px;
text-align: center;
width: 48px;
height: 64px;
}
li.event .day {
display: block;
color: #555;
font: 20px verdana;
margin: 3px 0 4px;
padding: 0;
font-weight: bold;
}
li.event .month,
li.event .year {
margin: 3px 0;
font-size: 12px;
line-height: 12px;
display: block;
font-weight: normal;
}
li.event .time {
display: none;
}
li.event .datesep {
color: #ccc;
font-size: 11px;
margin: 0;
padding: 23px 0 0;
text-align: left;
width: 12px;
display: none;
}
li.event .dtend .date {
border-top: none;
}
/* Detailed view */
.dv .chapeau * {
color: #ee736c !important;
border-color: #ee736c !important;
}
body.attachment .dv .chapeau * {
color: #666 !important;
border-color: #666 !important;
}
.dv-title .with-action {
padding: 9px 0;
}
/* Avatar */
.avatar {
width: 65px;
height: 65px;
margin-bottom: 6px !important; /* Overrule common */
}
.avatar span {
display: none;
}
/* Search */
#search-advanced-form .form-button {
margin-bottom: 12px;
}
.search-advanced-form-extended-hide,
.search-advanced-form-extended-show {
margin-bottom: 6px;
display: inline-block;
}
/* Footer */
.activity {
margin-bottom: 0;
}
.menu-footer li {
margin-right: 6px;
}
/* Footer images */
.footer-images {
margin-top: 18px;
}
.footer-image img {
margin-right: 27px;
margin-bottom: 6px;
border: none;
}
.footer-image a {
border: none;
}
.footer-image a img {
vertical-align: middle;
}