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/fmgx/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/fmgx/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/fmgx/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/fmgx/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/fmgx/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/fmgx/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/fmgx/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/fmgx/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/fmgx/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/fmgx/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/fmgx/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/fmgx/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/fmgx/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/fmgx/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/fmgx/image/accordion.gif) 2px -230px no-repeat; }
div.acc-content-open {
background: #f00 url(http://fast.mediamatic.nl/f/fmgx/image/accordion.gif) 2px -230px no-repeat; }
div.acc-content-open:hover { background: #f00 url(http://fast.mediamatic.nl/f/fmgx/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/fmgx/image/cc/gray/by-nc-nd.png); } .cc-by-nc-sa { background-image: url(http://fast.mediamatic.nl/f/fmgx/image/cc/gray/by-nc-sa.png); } .cc-by-nc { background-image: url(http://fast.mediamatic.nl/f/fmgx/image/cc/gray/by-nc.png); } .cc-by-nd { background-image: url(http://fast.mediamatic.nl/f/fmgx/image/cc/gray/by-nd.png); } .cc-by-sa { background-image: url(http://fast.mediamatic.nl/f/fmgx/image/cc/gray/by-sa.png); } .cc-by { background-image: url(http://fast.mediamatic.nl/f/fmgx/image/cc/gray/by.png); } .cc-cr { background-image: url(http://fast.mediamatic.nl/f/fmgx/image/cc/gray/cr.png); } .cc-pd { background-image: url(http://fast.mediamatic.nl/f/fmgx/image/cc/gray/pd.png); }
.page-view .menu-editable .cc-by-nc-nd { background-image: url(http://fast.mediamatic.nl/f/fmgx/image/cc/white/by-nc-nd.png); } .page-view .menu-editable .cc-by-nc-sa { background-image: url(http://fast.mediamatic.nl/f/fmgx/image/cc/white/by-nc-sa.png); } .page-view .menu-editable .cc-by-nc { background-image: url(http://fast.mediamatic.nl/f/fmgx/image/cc/white/by-nc.png); } .page-view .menu-editable .cc-by-nd { background-image: url(http://fast.mediamatic.nl/f/fmgx/image/cc/white/by-nd.png); } .page-view .menu-editable .cc-by-sa { background-image: url(http://fast.mediamatic.nl/f/fmgx/image/cc/white/by-sa.png); } .page-view .menu-editable .cc-by { background-image: url(http://fast.mediamatic.nl/f/fmgx/image/cc/white/by.png); } .page-view .menu-editable .cc-cr { background-image: url(http://fast.mediamatic.nl/f/fmgx/image/cc/white/cr.png); } .page-view .menu-editable .cc-pd { background-image: url(http://fast.mediamatic.nl/f/fmgx/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/fmgx/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/fmgx/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/fmgx/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/fmgx/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/fmgx/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/fmgx/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/fmgx/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/fmgx/image/list-item-sprite.png) no-repeat 0 -31px;
padding-left: 17px; }
.chapeau-interest { background: url(http://fast.mediamatic.nl/f/fmgx/image/list-item-sprite.png) no-repeat 0 -63px;
padding-left: 18px; }
.chapeau-participant { background: url(http://fast.mediamatic.nl/f/fmgx/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(http://fast.mediamatic.nl/f/fmgx/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(http://fast.mediamatic.nl/f/fmgx/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. 18px baseline grid - v0.1
-------------------------------------------------------------- */
html, body {
color: #111;
font: 14px/18px Georgia, Times, serif;
background: #fff; }
body.lightbox-page { background: #fff; }
h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img { margin: 0; }
h1 p,
h2 p,
h3 p,
h4 p { display: inline; }
h1 a, h2 a, h3 a,
h4 a, h5 a, h6 a { border: none; }
/* Headings - add bottom margin if the line-height isn't a multiple of 9px
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #555; }
h1, h1 a { font-size: 53px; line-height: 60px; color: #00678C;}
h2 { font-size: 27px; line-height: 36px; } h3 { font-size: 18px; line-height: 27px; } h4 { font-size: 14px; line-height: 27px; } h5 { font: bold 10px/18px verdana, sans-serif; color: #00678C; text-transform: uppercase; } h6 { font-size: 14px; font-weight: normal; }
.list li h3 { font-size: 26px;
line-height: 30px; }
.list-document li h3 { font-size: 13px;
line-height: 18px; }
.list li h3 a { color: #00678C; }
.list li h3 a:hover { color: #000; }
.list li.attachment h3 { line-height: 18px; }
.list li h4 { font-size: 17px;
line-height: 23px; }
.sIFR-active h1 { visibility: hidden;
line-height: 1em; }
.dv .intro { font-size: 18px;
line-height: 24px;
font-weight: normal;
color: #555; }
.dv .body { font-size: 14px;
line-height: 18px;
color: #777; }
.source-title { color: #0053A3 !important;
white-space: nowrap; }
.list-opensearch li .author { margin-right: 6px;
display: inline !important; }
/* 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: #555; text-decoration: none; border-bottom: 1px dotted #8c8c8c;}
a:hover { color: #000; }
.list-view-item .icon a { border: none } .searchresult .list-view-item .icon img {
float: left;
margin-right: 6px; }
blockquote { margin: 18px; color: #666; font-style: italic; } strong { font-weight: bold; } em,dfn { font-style: italic; } dfn { font-weight: bold; } sup, sub { line-height: 0; }
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 { color: #8c8c8c;
margin: 0;
display: inline; }
.chapeau a:hover { color: #333;
}
.topic .chapeau { float: none;
}
.dv .chapeau { position: relative;
top: 4px;
}
li .chapeau { margin: 0;
font-style: normal;
float: none;
}
li .chapeau .city { font-style: italic;
}
/* metadata
---------------------------------------------------------- */
ul.metadata { font: italic 14px/18px georgia, serif;
color: #00678C; }
ul.metadata a { color: #00678C;
border: none;
}
ul.metadata a:hover { color: #222222;
border: none;
}
ul.metadata li.similar a { color: #2696D3;
}
ul.metadata li.similar a:hover { color: #222222;
}
/* 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-bottom: 18px; width:100%; } th { font-weight: bold; } th,td { padding: 4px 10px 4px 5px; } 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: #8c8c8c; }
/* Footer styles
-------------------------------------------------------------- */
.activity,
.design-by { color: #bbb; } .activity a,
.design-by a { color: #777; }
/*
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;
zoom: 1;
}
/* simple menu's like message / footer / language */
.menu li {
margin: 0 12px 0 0;
}
.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 li ul.ul-lvl-1 {
background: #fff;
zoom: 1;
}
/* menu personal (top bar - auth navigation and membership)
---------------------------------------------------------- */
.nav-personal-wrapper {
background: #00baf1;
}
.menu-auth {
float: left;
}
.menu-membership {
float: right;
}
.menu-auth li.li-pos-1 a {
background: url(http://fast.mediamatic.nl/f/fmgx/image/menu-icon.png) no-repeat 4px -263px;
overflow: hidden;
padding-left: 24px;
}
.menu-auth li.li-pos-1 a:hover {
background-color: #fff;
background-position: 4px -319px;
}
.nav-personal-wrapper li {
margin: 0;
}
.nav-personal-wrapper li a {
color: #fff;
padding: 3px 12px;
}
.menu-membership li a:hover {
background: #fff !important;
}
.nav-personal-wrapper li a.selected,
.nav-personal-wrapper li a:hover,
.nav-personal-wrapper li a:focus {
background-color: #fff;
color: #00baf1;
}
/* menu editable (view page) / menu edit (edit page)
---------------------------------------------------------- */
.menu-editable {
background: #eb0431 url(http://fast.mediamatic.nl/f/fmgx/image/menu-icon.png) no-repeat 4px -150px;
overflow: hidden;
padding-left: 24px;
}
/*.menu-editable:hover {
background: #eb0431 url(http://fast.mediamatic.nl/f/fmgx/image/menu-icon.png) no-repeat 4px -206px;
}*/
.menu-editable button,
.menu-editable a.button-editable {
color: #eb0431;
background: #fff;
border: 1px solid #eb0431;
}
.menu-editable button:hover,
.menu-editable a.button-editable:hover {
color: #fff;
background: #eb0431;
border: 1px solid #fff;
}
.menu-editable p.buttons,
.menu-editable div.action {
padding: 3px 0;
margin: 0;
border-right: none;
}
.menu-editable .edit-cc {
background-position: 0 1px;
}
.menu-editable p {
margin: 0;
float: left;
display: inline;
margin: 6px 6px 0 12px;
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-editable p.edit-cc,
.menu-editable p.edit-trust {
height: 21px;
}
.menu-edit-wrapper {
background: #eb0431;
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;
}
.menu-nav {
float: left;
margin: 0;
padding: 0;
}
.menu-nav li {
margin: 0;
}
.menu-nav li.li-pos-1 a {
background: url(http://fast.mediamatic.nl/f/fmgx/image/menu-icon.png) no-repeat 4px -38px;
overflow: hidden;
padding-left: 24px;
}
/*
.menu-nav li.li-pos-1 a.selected,
.menu-nav li.li-pos-1 a:hover {
background-color: #fff;
background-position: 4px -94px;
}
*/
.menu-nav li a {
color: #555;
padding: 3px 12px;
}
.menu-nav li a.selected,
.menu-nav li a:hover,
.menu-nav li a:focus {
background-color: #fff;
color: #000;
}
/* menu language
--------------------------------------------------------- */
.nav-language-wrapper {
float: right;
}
/*
.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 {
margin: 0 0 18px 0;
background-color: #888;
}
.menu-theme-box img {
float: left;
margin: 0 18px 0 0;
}
.menu-theme {
background: none;
float: left;
}
.menu-theme li a {
color: #fff;
padding: 3px;
}
.menu-theme li.li-pos-0 {
display: block;
padding: 0 0 9px 0;
}
.menu-theme li.li-pos-1 {
clear: left;
}
/* menu message
--------------------------------------------------------- */
/*
.menu-message li a {
border: none;
color: #111;
}
*/
/* menu-footer
---------------------------------------------------------- */
/*
.menu-footer {
list-style: none;
padding: 0;
margin: 0;
}
*/
/* 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 */
cursor: pointer;
}
.nav-personal-wrapper .do_menu li:hover ul,
.nav-personal-wrapper .do_menu li.sfHover ul {
border: 1px solid #fff;
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: #ddd;
color: #000;
}
.nav-personal-wrapper .do_menu li:hover a,
.nav-personal-wrapper .do_menu .sfHover a,
.nav-personal-wrapper .do_menu a:focus,
.nav-personal-wrapper .do_menu a:hover,
.nav-personal-wrapper .do_menu a:active {
background-color: #fff;
color: #00baf1;
}
.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: #fff;
color: #6c6d71;
}
/* 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: #ddd;
color: #000;
border-top: 1px solid #fff;
}
.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: #fff;
color: #00baf1;
border-top: 1px solid #fff;
}
.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: #fff;
color: #6c6d71;
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: #eee;
color: #555;
padding: 5px 12px;
display: block;
border-top: 1px dotted #fff;
}
.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: #00baf1;
color: #fff;
border-top: 1px dotted #fff;
}
.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: #6c6d71;
color: #fff;
border-top: 1px dotted #000;
}
/* Search Simple
------------------------------------------------------ */
.search-simple {
margin: 2px 3px 0;
font-size: 12px;
}
.search-simple fieldset {
padding: 0 2px;
background: #fff !important;
float: left;
border: 1px solid #555;
}
.search-simple input.text,
.search-simple input.text:focus {
border: none;
padding: 2px 1px;
height: 13px;
}
.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/fmgx/image/menu-icon.png) no-repeat 4px -377px;
text-indent: -9999px;
border: none;
margin: 0;
padding: 0;
width: 18px;
height: 16px;
}
/* top iframe
------------------------------------------------------------------- */
#jhm-topmenu {
width: 100%;
margin: 0;
border: none;
border-bottom: 1px solid #000;
height: 24px;
}
/* structure
------------------------------------------------------------------- */
#header {
position: relative;
z-index: 10;
}
#wrapper {
background: url(http://fast.mediamatic.nl/f/fmgx/image/footer_fff.gif) repeat-x 0 bottom;
}
.page-view.person #wrapper,
.page-view.institution #wrapper,
.page-view.location #wrapper {
background: url(http://fast.mediamatic.nl/f/fmgx/image/columns.gif) center 0 repeat-y;
min-height: 0;
height: auto;
}
#content-header,
#header,
#footer {
position: relative;
padding: 0 0 24px 20px;
left: -20px;
background: #fff;
}
body.listpublish #header,
body.lightbox-page {
background: none;
}
#wrapper-content {
padding: 0 0 120px;
}
body.monument #wrapper-content {
padding: 0 0 40px;
}
#footer {
margin-top: -90px;
}
#footer #forum {
margin: 0 0 40px;
}
#footer .activity {
margin: 0;
}
body.monument #wrapper {
min-height: 0;
}
body.monument #footer {
margin-top: 0;
}
#footer .span-60 {
padding: 24px 0 0 9px;
}
.page-monument #footer .span-60 {
padding-left: 0;
}
.span-20 {
width: 298px;
margin-right: 28px;
}
.page-module-message-list .span-20 {
margin-right: 22px;
}
body.page-home .span-20 {
width: 310px;
}
.span-20.last {
margin: 0;
}
li img {
margin-bottom: 6px;
}
li.person img {
margin-bottom: 0;
}
li.person span.subtitle {
line-height: 17px;
}
.reactions-active {
color: #555;
}
/* lightbox add attachment
------------------------------------------------------------------- */
.lightbox-add-attachment-moreoptions input {
float: left;
}
.lightbox-add-attachment-moreoptions #f_attachment_select_ul {
margin: 0;
}
.lightbox-add-attachment-moreoptions img.fig {
max-height: 110px;
max-width: 310px;
height: auto;
width: auto;
}
.lightbox-add-attachment-moreoptions li.attachment {
min-height: 180px;
}
.isIE7x .lightbox-add-attachment-moreoptions #own {
float: left;
}
/* graph
------------------------------------------------------------------- */
.graph-code {
height: 38px;
}
.graph-code-item {
float: left;
width: 6px;
margin-right: 1px;
height: 36px;
overflow: hidden;
border: 1px solid #ccc;
}
.graph-6 {
margin-top: 22px;
border: 1px solid #f0f;
height: 14px;
background-color: #f0f;
}
.graph-f {
margin-top: 22px;
border: 1px solid #fcf;
height: 14px;
background-color: #fcf;
}
.graph-1,
.graph-a {
border:1px solid #00f;
height:36px;
background-color:#00f;
}
.graph-2,
.graph-b {
border: 1px solid #f00;
height: 36px;
background-color: #f00;
}
.graph-3,
.graph-c {
margin-top: 12px;
border: 1px solid #0f0;
height: 24px;
background-color: #0f0;
}
.graph-4,
.graph-d {
margin-top: 12px;
border: 1px solid #ff0;
height: 24px;
background-color: #ff0;
}
.graph-5,
.graph-e {
margin-top: 22px;
border: 1px solid #0ff;
height: 14px;
background-color: #0ff;
}
/* basic lists
-------------------------------------------------------------- */
.list {
list-style: none;
margin: 0;
padding: 0;
}
/* give all boxes a margin except the author list and lists with view_items */
.listbox {
margin: 0 0 18px;
}
.list-actor h5,
.list-actor .list-view-simple {
display: inline;
}
.list-view li {
padding: 0;
margin: 0 0 30px;
}
.list-view .attachment .chapeau,
.list-view .attachment .author {
display: none;
}
.list-view .attachment img {
margin-bottom: 0;
}
.list-view .attachment .li-title.clearfix {
float: left;
height: auto;
overflow: visible;
}
.li-part2 .icon a {
border: none;
}
li .intro {
display: inline;
}
li .intro p {
color: #8c8c8c;
margin: 0;
display: inline;
}
.list li.attachment .intro p {
font-size: 12px;
}
li .intro .posted-in,
li .intro .posted-in a {
color: #555;
border: none;
}
li.event .event-date-icon-wrapper {
margin: 9px 0;
}
li.event .event-date-icon-wrapper .date {
margin: 0 6px 0 0;
}
li.event .intro p {
display: block;
}
li.event p.location-date-info {
margin: 0 3px 0 0;
float: left;
}
li.event img {
margin: 0;
}
li .author {
display: none !important;
}
.readmore {
margin: 0 0 0 5px;
font-style: italic;
color: #00678C;
border:none;
}
body.article .list-metadata {
}
/* 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 {
padding: 0 190px 0 0;
}
body.listpublish .span-40 {
width: 624px;
}
/* sidebar area
-------------------------------------------------------------- */
body.article #sidebar .padding,
body.attachment #sidebar .padding {
padding: 53px 0 0;
}
/* Detailed view
-------------------------------------------------------------- */
/* part1
---------------------------------------------------------- */
.chapeau .chapeau-part {
margin-right: 0;
}
.dv-title {
margin: 0 0 9px;
clear: both;
}
/* figblock
---------------------------------------------------------- */
ul.fig li {
margin: 0 0 18px;
zoom: 1;
}
ul.fig li a,
ul.fig li a:hover {
border-bottom: none;
}
ul.fig li img {
display: block;
margin: 0;
}
/* pubdate
------------------------------------------------------ */
.org-pubdate {
color: #bbb;
}
/* body
------------------------------------------------------ */
.caption {
margin-bottom: 12px;
}
.pv-caption .caption {
margin-bottom: 0;
max-height: 37px;
overflow: hidden;
}
.caption,
.inline-caption,
.list li.attachment h3 a {
color: #555;
}
.list li.institution .family-location {
color: #666;
}
.caption a,
.inline-caption a,
.list li.attachment h3 a {
border-bottom: 1px dotted !important;
font-size: 12px;
}
.caption a,
.inline-caption a {
margin-right: 3px;
}
.page-view .caption p,
.page-view .caption div {
margin: 0;
font-size: 11px;
display: inline;
}
.edit-page .caption p.title {
float: left;
}
.edit-page .caption input,
.edit-page .caption textarea {
width: 260px !important;
padding-left: 4px;
padding-right: 4px;
}
.edit-page .caption p.editinplace-active {
width: 274px;
}
.caption p.title {
margin: 0;
}
.caption-sep {
margin-right: .25em;
}
.list-view-item-thing {
background: none;
}
.list-view-item-thing .caption-sep {
float: left;
margin: 0 6px;
}
.pv-caption .caption-sep {
margin: 0;
}
/* pager
---------------------------------------------------------- */
h5.pager {
width: 440px;
display: block;
clear: both;
font-size: 11px;
font-weight: normal;
margin: 0 0 18px;
}
h5.pager-blog a,
h5.pager-blog span {
float: left;
display: block;
border: none;
color: #555;
}
h5.pager-blog a:hover {
border: none;
color: #000;
}
h5.pager-blog .pager-prev {
width: 30% !important;
margin: 0;
}
h5.pager-blog .pager-title {
width: 33% !important;
padding: 0 6px;
margin: 0;
}
h5.pager-blog .pager-next {
text-align: right;
margin: 0;
}
h5.pager-blog .pager-next span,
h5.pager-blog .pager-next a {
text-align: right;
float: right;
}
h5.pager .form-checkbox {
margin-left: 18px; /* hide images checkbox */
}
p /* similar search
---------------------------------------------------------- */
.metatypes {
font-weight: bold;
color: #8c8c8c;
margin: 0 0 9px 0;
}
.metatypes a {
color: #8c8c8c;
}
/* Context
-------------------------------------------------------------- */
/* connections
---------------------------------------------------------- */
/* predicate-rest
---------------------------------------------------------- */
.dv .predicate-rest {
display: none;
}
.dv .period-location-person {
margin-bottom: 0;
}
/* blog
-------------------------------------------------------------- */
li.blogposting {
margin: 0 0 48px 0;
}
.blogposting .listbox {
margin: 6px 0 3px 0;
}
li.blogposting h3 {
font-size: 36px;
line-height: 38px;
}
li.blogposting h4 {
font-size: 18px;
line-height: 24px;
font-style: normal;
margin: 0 0 6px 0;
}
li.blogposting p.blog-date-by {
color: #8C8C8C;
font-size: 12px;
margin: 0 0 6px 0;
}
li.blogposting p.blog-date-by a {
color: #8c8c8c;
}
li.blogposting p.blog-date-by a:hover {
color: #333;
border-bottom: 1px dotted #333;
}
li.blogposting .intro {
display: block;
color: #000;
font-size: 15px;
line-height: 24px;
margin-bottom: 12px;
}
li.blogposting .intro p {
font-style: italic;
display: inline;
color: #000;
}
li.blogposting ul.fig {
margin: 0 0 16px 0;
}
li.blogposting ul.fig li {
margin: 0;
}
li.blogposting .body img {
display: block;
float: none;
}
li.blogposting .footer {
background: #F2F2F2;
border: 1px solid #ddd;
padding: 0 5px;
}
.blogposting .blog-metadata ul.list li {
display: inline;
color: #666;
}
.blogposting .blog-metadata ul.list li a {
color: #000;
border: none;
}
.blogposting .blog-metadata ul.list li a:hover {
color: #666;
}
li.blogposting .info {
font-size: 12px;
margin: 0;
}
li.blogposting .info a {
margin: x;
text-decoration: none;
border-bottom: 1px dotted #8c8c8c;
}
li.blogposting .blog-comments a {
margin: 0 3px 0 0;
}
li.blogposting .link-icons {
display: inline;
height: 18px;
margin: 0;
}
li.blogposting .link-icons a {
border: none;
margin: 0;
padding: 0;
}
li.blogposting .link-icons img {
margin: 0 3px 0 0;
position: relative;
top: 3px;
}
.feed {
margin : 0 0 18px;
}
.feed img {
vertical-align: top;
margin-top: 1px;
}
/* tagcloud */
.tagcloudbox button {
margin-bottom: 15px;
}
.tagcloud {
display: none;
}
.tagcloud a {
color: #7f7f7f;
}
.tagcloud .tags .size0 { font-size: 0.9em; }
.tagcloud .tags .size1 { font-size: 1.3em; }
.tagcloud .tags .size2 { font-size: 1.6em; }
.tagcloud .tags .size3 { font-size: 1.9em; }
.tagcloud .tags .size4 { font-size: 2.2em; }
.tagcloud .tags .size5 { font-size: 2.5em; }
/* Calendar
------------------------------------------------------------- */
.calendar-search {
margin: 0 0 12px;
}
.calendar-search label,
.calendar-search input,
.calendar-search select {
margin-bottom: 0;
margin-top: 0;
}
.calendar-search fieldset {
margin: 0 6px 0 0;
padding: 0;
border: none;
float: left;
overflow: hidden;
}
.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
-------------------------------------------------------------- */
.avatar {
height: 102px;
}
.avatar a:hover {
position: relative;
z-index: 1;
}
.isIE7x .avatar span,
.isIE7x .avatar span {
zoom: 1;
cursor: pointer;
}
.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
------------------------------------------------------ */
body.page-view .wrapper-date-location *,
body.page-view .wrapper-date-location:after {
display: inline !important;
float: none !important;
margin: 0 !important;
color: #333 !important;
clear: none !important;
font-size: 14px !important;
}
.wrapper-date-location {
margin: 0 0 18px;
}
li .wrapper-date-location {
padding-right: .4em;
}
.dv li .daterange {
position: relative;
top: 3px;
}
.event .dv .daterange,
li.event .daterange {
float: left;
/* height:103px; */
overflow: hidden;
}
.event .dv .datesep,
li.event .datesep {
display: none !important;
}
.event .dv .date,
li.event .date {
border:1px solid #CEDAE0;
color:#4C5257;
display:block;
margin:0 5px 5px 0 !important;
padding:6px 0 3px;
text-align:center;
width:64px;
height:38px;
}
.event .dv .day,
li.event .day {
display:block;
font-family:verdana;
font-size:18px;
font-weight:bold;
padding:0 0 2px;
}
.list .month,
.list .year {
font-size:12px;
}
.time {
display: none !important;
}
.datesep {
/*color: #ccc;
font-size: 11px;
margin: 0;
padding: 23px 0 0;
text-align: left;
width: 12px;*/
}
.info {
color: #8c8c8c;
}
.info a {
color: #8c8c8c;
border-bottom: 1px dotted #8c8c8c;
text-decoration: none;
}
.info a img {
float: none;
margin: 0;
}
/* status updates
---------------------------------------------------------------- */
.adr address,
.adr p {
font-style: normal;
font-size: 12px;
}
address a {
color: #555;
}
.address-headline {
margin: 0 0 18px;
overflow: hidden;
}
.address-headline * {
display: inline;
color: #999;
}
.address-headline a {
color: #999;
}
.address-group {
padding-left: 18px;
background-repeat: no-repeat;
background-position: 0 0;
float: left;
margin-right: 9px;
}
.address-location {
background-image: url(http://fast.mediamatic.nl/f/fmgx/image/address-location.png);
}
.address-work {
background-image: url(http://fast.mediamatic.nl/f/fmgx/image/address-work.png);
}
.address-info {
background-image: url(http://fast.mediamatic.nl/f/fmgx/image/address-info.png);
}
.address-keywords {
background-image: url(http://fast.mediamatic.nl/f/fmgx/image/address-keywords.png);
}
.status-history {
margin: 0 0 18px;
clear: both;
}
.status-history h3,
.status-history h5,
.status-meta,
.status-date,
.status-options {
display: inline;
}
.status-history {
padding: 0 9px 6px;
}
.status-history .listbox {
margin: 0;
}
.status-history h3 {
line-height: 23px;
}
.status-text {
border: 1px solid #ccc;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 8px;
}
.status-comments,
.status-meta,
.status-comments h6,
.status-comments a {
color: #999;
}
.status-meta {
font-size: 12px;
font-style: italic;
}
.status-comments h6,
.status-image {
margin: 9px 0 0;
font-style: italic;
font-size: 11px;
}
.status-comments img {
vertical-align: text-bottom;
}
.status-comments p {
margin: 0;
}
.status-comments .comment {
margin: 0 0 0 30px;
}
.status-comments {
font-size: 12px;
font-style: italic;
}
.status-options img {
float: none;
margin: 0 0 0 6px;
vertical-align: text-top;
}
/* homepage
---------------------------------------------------------------- */
#home_logo .padding {
padding-left: 3px;
}
#home_logo img {
margin: 0 0 21px 0px;
}
#home_bottom {
border-top: 1px solid #333;
padding-top: 4px;
background: url(http://fast.mediamatic.nl/f/fmgx/image/home-columns.png) repeat-y 50% 0;
}
#home_findpeople,
#home_shortcuts {
margin-right: 9px;
}
#home_findpeople {
margin-bottom: -6px;
}
#home_shortcuts .padding,
#home_visitold .padding {
padding-left: 3px;
}
body.page-home h1,
body.page-home h2 {
font-size: 18px;
line-height: 24px;
margin: 0;
color: #000;
}
body.page-home h2 a {
color: #0078B3;
border: none;
}
body.page-home h2 a:hover {
color: #000;
}
body.page-home .intro {
color: #777;
font-size: 13px;
line-height: 24px;
}
body.page-home h3 {
font-size: 12px;
line-height: 18px;
margin: 0;
color: #777;
}
#home_shortcuts h3 {
margin: 0 0 24px;
}
#home_findpeople {
width: 310px;
overflow: hidden;
}
#home_findpeople ul {
width: 320px;
margin: 5px 0 0;
}
#home_findpeople li {
float: left;
margin: 0 6px 6px 0;
width: 46px;
height: 46px;
}
#home_findpeople li a {
border: none;
}
#home_findpeople img {
margin: 0;
float: none;
display: block;
}
#home_visitold p a {
border: none;
display: block;
margin: 2px 0 0;
}
/* article page
---------------------------------------------------------------- */
.figblock02 .link-fig {
display: block;
}
/* person page
----------------------------------------------------------------- */
body.person .dv-title {
margin: 0 0 4px;
}
body.edit-page .dv-title {
margin-bottom: 18px;
}
body.person .labels {
display: none;
}
#the-status-msg,
.add-status-message-wrapper input {
font: italic 53px/60px georgia, serif !important;
color: #67a4c2 !important;
}
.occupation-city { }
.list-metadata-person {
margin: 0;
}
.isIE6x .list-metadata-person,
.isIE7x .list-metadata-person {
margin-top: 7px;
}
.list .num-reactions {
display: none;
}
h5.pager,
.people-comment,
.people-comment a,
.chapeau,
.chapeau a {
font: 12px/18px verdana, tahoma, sans-serif;
color: #888;
text-transform: none;
}
.page-view .list-author * {
font: 12px/18px verdana, tahoma, sans-serif;
text-transform: none;
}
h5.pager {
line-height: 27px;
background-color: #fff;
}
.dv .people-comment {
float: left;
}
/* location page
--------------------------------------------------------------- */
body.location .list-located_in-subject,
body.location .list-stories .list-located_in {
display: none; /* already shown earlier */
}
body.location .list-stories {
margin: 2px 0 0;
}
/* insitution person page
--------------------------------------------------------------- */
.dv .labels {
display: none;
}
.person-top {
margin-bottom: 32px;
}
/* Removed to fix #332
.connections h5,
.connections .list-view-simple {
display: inline;
}
*/
.connections .module_forum_list_reactions {
display: block;
}
.list-view-simple,
.list-view-simple a {
font-size: 12px;
border: none;
}
.institution .list-view-item-thing .chapeau {
display: none;
}
.institution .list-view-item-thing a,
.chapeau .list-view-simple a {
border-bottom: 1px dotted #8C8C8C;
}
/* person page
----------------------------------------------------------------- */
#person_column1 .figblock03,
#person_column1 .figblock03 .caption {
margin-bottom: 0;
}
/* monument person page
----------------------------------------------------------------- */
.page-view.monument {
background: none;
}
.page-view.monument #wrapper {
background: url(http://fast.mediamatic.nl/f/fmgx/image/columns_mnmnt.gif) center 0 repeat-y;
}
body.monument #status-message-wrapper {
display: none;
}
body.monument #person_column1 {
margin-right: 0 !important;
padding-right: 28px;
padding-top: 6px;
}
body.monument #person_column2 {
margin-right: 19px !important;
padding-right: 9px;
padding-top: 6px;
}
body.monument .dv .body {
color: #000;
}
body.monument .dv .figblock03 .caption,
body.monument .dv .figblock03 {
margin-bottom: 0;
}
body.monument .monument-connections,
body.monument .monument-part-2 {
padding-top: 6px;
}
body.monument h1, body.monument h1 a,
body.monument h5, body.monument h5 a {
color: #000;
}
.connections-person-column3 h5 {
color: #00678C !important;
}
.complete-data {
font-size: 12px;
width: 300px;
}
.complete-data a {
font-weight: bold;
font-family: verdana, sans-serif;
border-bottom-width: 0;
}
.complete-data a:hover {
border-bottom-width: 1px;
}
.period-location-person,
.period-location-person a,
.complete-data,
.complete-data a,
.metadata-monument,
.metadata-monument a {
color: #999;
}
.period-location-person a:hover,
.complete-data a:hover,
.metadata-monument a:hover {
color: #333;
}
/* edit-page
----------------------------------------------------------------- */
.edit-page .occupation p {
margin: 0;
display: inline;
}
.edit-page .unlink-marker,
.edit-page .unlink-marker * {
margin: 0 !important;
padding: 0 !important;
position: static !important;
border: none !important;
}
body.institution .trustgroup-im {
display: none;
}
.trustgroup {
font-size:12px;
}
.trustgroup-cities .do_editinplace {
width: 180px;
}
.trustgroup input.text {
width:167px !important;
}
/* do something button
-------------------------------------------------------------- */
.dv-title .do-something {
margin: 8px 9px 6px 0;
}
.do-something button,
.form-button-highlite button,
.do-something button.status,
.do-something .do-something-text button,
.do-something .do-something-text button.status,
.person #person_column2 .button,
.institution .monument-connections .button {
border-color: #2496D4 !important;
background-color: #2496D4;
}
.do-something button.do-something-other {
background-color: #fff;
color: #2496D4;
}
.do-something .do-something-text button:hover,
.do-something .do-something-text button.status:hover,
.do-something button.do-something-other:hover,
.dialog-drag-handle,
.form-button-highlite button {
background-color: #2496D4;
border-color: #2496D4 !important;
}
/* dialog global styling
-------------------------------------------------------------- */
.dialog .action-help,
.dialog .action-offstage {
background: #F1F9FE;
color: #00678C;
}
.dialog fieldset {
margin: 0;
}
.dialog select,
.dialog select option {
font-size: 14px;
font-family: georgia, serif;
}
.dialog-content .action-expl {
line-height: 20px;
}
.dialog .vsep {
border-top: 1px dotted #aaa;
margin-top: 16px;
padding-top: 12px;
clear: both;
}
.dialog fieldset p {
margin-bottom: 12px;
}
.dialog .form-button {
margin: 6px 0 !important;
}
.dialog select.datepicker-accuracy {
width: 90px;
}
span.delete-token img {
float: none;
margin: 0;
}
/* Datepicker
-------------------------------------------------------------- */
table.ui-datepicker td a {
background: #eee;
}
table.ui-datepicker td.ui-datepicker-current-day a,
table.ui-datepicker td a:hover {
background: #2696d5;
border-color: #2496d4;
}
.ui-datepicker-unselectable {
line-height: 22px;
text-indent: 3px;
}
.dialog .form-datepicker-input-wrapper .form-date-field {
margin-right: 3px;
}
/* listbox-group
----------------------------------------------------------------- */
.listbox-group {
margin: 0 0 16px;
clear: both;
color: #555;
}
.listbox-group * {
float: none;
display: inline;
}
.institution .listbox-group {
color: #999;
}
.institution .listbox-group .li-institution {
display: block;
}
.list-view-item-thing {
list-style: none;
}
.institution .listbox-group .li-part2 .birth-death > div {
display: block;
}
.institution .listbox-group .li-part1 {
display: block;
}
.institution .listbox-group .li-part2 .birth-death,
.institution .listbox-group .icon {
float: left;
}
.institution .listbox-group .li-part2 .icon {
display: none;
}
.institution .listbox-group .icon {
margin-right: 6px;
margin-bottom: 12px;
border: none;
}
.institution .listbox-group h5 {
display: block;
margin-bottom: 12px;
}
.institution .list-view-item-thing {
display: block;
margin-bottom: 12px;
}
.institution .listbox-group h3 {
line-height: 18px;
}
.institution .listbox-group h3 a {
color: #000;
}
.list-view-simple-wrapper h5 a,
.list-view-simple h5 a {
font-size: 10px;
color: #00678C;
text-transform: none;
border-bottom: none;
}
.list-view-simple-wrapper h5 a:hover,
.list-view-simple h5 a:hover {
color: #111;
border-bottom-color: #111;
}
.list-view-item .source-title img {
margin: 0 1px -1px 2px;
float: none;
}
.survivors,
.survivors a {
color: #555;
font-size: 12px;
}
/* forum
----------------------------------------------------------------- */
body.location .dv #forum {
display: none;
}
#forum {
width: 298px;
}
.comment-content .form-element input,
.comment-content .form-element textarea {
width: 270px;
}
.span-40 #forum {
width: auto;
}
.span-40 .comment-content .form-element input,
.span-40 .comment-content .form-element textarea {
width: 412px;
}
#forum table {
width: 100%;
}
.span-40 #forum table {
width: 630px;
}
#forum table th {
background: #00baf1;
font-weight: normal;
text-align: left;
width: auto;
color: #fff;
font: normal 11px "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
}
#forum table td {
border-bottom: 1px solid #ccc;
font-size: 12px;
}
#forum table tr:last-child td {
border-bottom: 1px solid #000;
}
#forum table .comment-author {
margin: 0;
}
.list-topic-bottom * {
font: normal 12px/18px Georgia,Times, serif;
color: #555;
text-transform: none;
display: inline !important;
float: none;
overflow: visible;
}
.list-topic-bottom ul:after { /* stupid clearfix */
display: none !important;
}
list-topic-bottom a:hover {
color: #000;
}
#forum p.forum-expl {
color: #00678C;
font-size: 12px;
margin: 5px 0 13px;
}
/* comments
---------------------------------------------------------------- */
.comment {
margin-bottom: 9px;
}
.comment-meta {
font-size: 12px;
color: #555;
margin-bottom: 18px;
}
.comment-meta a:hover {
border: none;
color: #000;
}
.list-view-item .note .li-part1,
.list-view-item .forum .li-part1,
.list-view-item .topic .li-part1,
.list-view-item .note .li-part2,
.list-view-item .forum .li-part2,
.list-view-item .topic .li-part2,
.comment-content {
background: #def2fd;
border-color: #aaa;
}
.comment-actions button {
margin-bottom: 3px;
}
.comment-form .comment-content {
background: #58ccf5;
border-color: #aaa;
}
.comment-content .form-element textarea {
height: 100px;
margin: 0;
}
.comment-content .form-element textarea + div {
border-top: 1px solid #ccc;
}
.comment-body-wrapper {
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
.comment-body-wrapper ul.fig,
.list-view .note .comment-meta,
.list-view .note .comment-meta .list-view-simple {
margin-bottom: 0;
}
/* ikpod
----------------------------------------------------------------- */
.searchresult-ikpod {
margin: 2em 0 6em; /* render space for ikpod bar at bottom of screen, otherwise bottom pager is not clickable */
}
.searchresult-ikpod .list-view-item {
margin-bottom: 0;
}
/* map
----------------------------------------------------------------- */
.span-20 .googlemaps {
height: 290px !important;
overflow: hidden;
}
.mapwindow-title {
background: #00baf1;
color: #fff;
}
/* autocomplete
----------------------------------------------------------------- */
.autocomplete-result {
line-height: 15px;
}
.autocomplete-result span.coverage {
display: block !important;
float: none !important;
clear: both !important;
font-size: 11px;
}
/* logon
----------------------------------------------------------------- */
div.acc-title,
div.acc-title:hover,
div.acc-content-open,
div.acc-content-open:hover {
background-color: #00BAF1;
}
.keywords-with-img .span-20 {
width: 28%;
}
/* tooltip */
.tooltip {
background: #d1e9ef;
border: 1px solid #666;
}
/* ajax notice */
#corner_notice {
display: none !important;
}
/* Chapeau icons
---------------------------------------------------------------- */
.isIE li .chapeau span.chapeau-comments {
padding-top: 0;
padding-bottom: 3px;
}
.isIE7x li .chapeau {
margin-bottom: 1px;
}
.isIE .chapeau-comments {
background: url(http://fast.mediamatic.nl/f/fmgx/image/list-item-sprite.png) no-repeat 0 -32px;
}
.isIE .chapeau-interest {
background: url(http://fast.mediamatic.nl/f/fmgx/image/list-item-sprite.png) no-repeat 0 -64px;
}
.isIE .chapeau-participant {
background: url(http://fast.mediamatic.nl/f/fmgx/image/list-item-sprite.png) no-repeat -2px -96px;
}
/* fix for jhm-community:#384: */
.list-view-item-thing .attachment .list-view-item-thing-content-wrapper {
clear: both;
}
/* pdr huizen
---------------------------------------------------------------- */
.pdr-huizen-add-lived,
.pdr-huizen-add-attachment {
margin-right: 3px;
}
/* hide figblock 2 en 4 in the edit page */
.edit-page .figblock02 .add-attachment,
.edit-page .figblock04 .add-attachment {
display: none;
}
.list-object-lived .date-edge-simple-now {
display: inline;
}
.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-position:5px -146px;
}
/* takes care of #410: */
.dv-part1 div.action {
overflow: visible;
}
/* Hide print images */
.print {
display: none;
line-height: 1 !important;
}
.print .logo-first {
padding-top: 10px;
}
.print .logo-both {
padding-top: 12px;
}
.print .do-not-forget {
width: 725px;
}
.print .do-not-forget h2 {
color: #000;
font-size: 50px;
line-height: 50px;
}
.print .do-not-forget h3 {
font-size: 30px;
line-height: 30px;
}
.print h1 {
font-size: 141px !important;
line-height: 141px !important;
}
.print .sep-space {
height: 30px;
}
.print .peoples {
font-size: 80px !important;
line-height: 80px;
}
.print .birth-death,
.print h3 {
color: #00baf1;
font-size: 30px;
line-height: 40px;
}
.print h3 a {
color: #000;
}
.print .li-title a {
display: none;
}
.print .last-name {
font-size: 30px;
line-height: 40px;
}
.print .icon img {
display: none !important;
}
a.print-direct-link,
a.print-link {
color: #fff;
background: url(http://fast.mediamatic.nl/f/fmgx/image/do-something-sprite.png) no-repeat 0 -20px;
}