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/vjwp/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; }
/* 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 { margin: 0;
width: auto;
height: auto; }
.button-fig img { width: 24px;
height: 18px; }
.edit-page button.button-datepicker,
.edit-page .button-cc,
.button-fig { border: none;
padding: 0 0 2px 0;
}
.button-fig { float: none;
margin: 0;
}
.edit-page button.button-datepicker:hover { background: none;
}
body { background: #fff;
color: #000; }
a { outline: none; }
.block { display: block; }
.inline { display: inline; }
.hide { display: none; }
/* person list item subtitle
---------------------------------------------------------- */
li.person span.subtitle { display: block;
font-size: 14px; }
/* story
---------------------------------------------------------- */
.wrapper-date-location-item { margin: 0; }
.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;
}
/* 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; }
/* 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;
}
div.download { margin: 0 0 1.5em 0;
}
div.download .cc { float: left;
}
div.download .cc a { float: left;
margin-right: .3em;
height: 18px;
overflow: hidden;
}
div.download .cc .edit-cc { padding: 0;
display: block;
overflow: hidden;
text-indent: -999em;
}
div.download .cc-icons1 { width: 13px; } div.download .cc-icons2 { width: 28px; } div.download .cc-icons3 { width: 43px; }
/* 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; }
/* 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;
}
.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: 108px;
width: 55px;
overflow: hidden;
margin: 0 6px 0 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
---------------------------------------------------------- */
.set .list-interest-subject h5 { display: none;
}
.set .list-interest-subject ul.list li a { color: #999;
}
.set .list-interest-subject ul.list li a:hover { color: #333;
}
/* metadata
---------------------------------------------------------- */
/* by default do not show the header for the tags */
.list-metadata h5 { display: none;
}
.set ul.metadata { border: none;
background: none;
color: #999;
}
.set ul.metadata li a { color: #999;
}
.set ul.metadata li a:hover { color: #333;
}
.metadata li { display: inline;
margin: 0;
}
.metadata .selected { font-weight: bold;
}
.edit-page .list-metadata h5 { display: block;
}
.edit-page .list-metadata button { clear: both;
}
.edit-page .metadata { background: none;
border: none;
padding: 0;
}
.edit-page .metadata-tag { height: auto;
margin: 0 .25em 0 0 !important;
}
/* person page metadata */
.list-metadata-person li,
.list-metadata-person .list { display: inline;
}
.list-metadata-person .metadata-person-group { padding: 0 0 0 18px;
margin: 0 6px 0 0;
background: #fff url(http://fast.mediamatic.nl/f/vjwp/image/person_metadata.gif) no-repeat 0 -60px;
}
.list-metadata-person .metadata-person-works_for { background-position: 0 -20px;
}
.list-metadata-person .metadata-person-address-info { background-position: 0 0;
}
.list-metadata-person .metadata-person-keywords { background-position: 0 -40px;
}
/* Logon / Register
-------------------------------------------------------------- */
.logon-account { }
.logon-account h3 { margin-bottom: 4px;
}
.logon-account label { color: #000;
font-weight: normal;
margin: 0;
padding: 0;
}
.logon-account-openci hr { margin: 12px 0;
color: #000;
background-color: #000;
}
.logon-account select,
.logon-account input.text { margin: 2px 0;
line-height: 1;
padding: 2px 2px 2px 4px;
}
#sistersite select { padding: 1px 2px;
width: 330px;
}
/*
#sistersite { background: #fff url(http://fast.mediamatic.nl/f/vjwp/image/openci14.gif) no-repeat 0 9px; }
#sistersite select { background: none;
padding: 1px 2px;
margin-left: 18px;
width: 330px;
} */
.openid-form { padding: 6px 6px 6px 24px;
width: 300px;
margin: 6px 6px 6px 0;
border: 1px solid #bbb;
background: #f6f6f6 url(http://fast.mediamatic.nl/f/vjwp/ima/openid-large.jpg) left no-repeat; }
.logon-account .logon { width: 83% !important;
}
.register fieldset p { float: left;
margin-right: 12px; }
.logon fieldset input.text,
.register fieldset input.text { width: 320px; }
.register fieldset { margin: 0 0 18px; }
.register fieldset p { margin: 0 9px 0 0; }
.register fieldset p.error { float: none; }
/* footer
-------------------------------------------------------------- */
/* activity
---------------------------------------------------------- */
.activity { margin: 0 0 6px 0;
}
.activity a img,
.design-by a img { border: none;
}
.activity span.edit-cc { float: left;
padding-right: 6px;
}
.activity .cc a { padding: 0 6px 0 0;
}
/* edit-page
-------------------------------------------------------------- */
.edit-page h5 { display: none; }
.edit-connection-box h5,
.edit-page #address 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;
}
.place_on_map { margin: 12px 0;
}
.edit-page #sidebar button ul.fig,
.edit-page ul.fig li { margin-bottom: 18px;
float: none;
}
.edit-page ul.fig li.link-fig { margin-bottom: 0;
}
.edit-page button.button-datepicker,
.edit-page .button-cc,
.button-fig { border: none;
padding: 0 0 2px 0;
}
.edit-page a.button-datepicker { border: none;
}
.button-fig { background: #fff url(http://fast.mediamatic.nl/f/vjwp/image/camera.jpg) no-repeat left top;
height: 18px;
margin: 0 0 18px 0;
padding: 0;
text-indent: 26px;
color: #999;
}
.button-fig:hover { background: #fff url(http://fast.mediamatic.nl/f/vjwp/image/camera.jpg) no-repeat left bottom;
border: none;
color: #666;
}
.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: 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 .listbox.list-setmember { border: none !important;
}
.edit-page .list-setmember li { border: 1px solid #ddd;
margin: 0 0 24px !important;
padding: 6px;
}
.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: 30px;
}
#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 { background: none;
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%; }
/* 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 { margin-top: 18px; }
/* module message
-------------------------------------------------------------- */
.module-message .menu { margin-bottom: 18px; }
.module-message-link { float: left; }
.module-message-link span { display: block;
margin: 2px 6px 0 0; }
.module-message-list-notread td { font-weight: bold; }
.module-message-recipient-box { margin: 0 0 18px 0; }
.module-message-recipient { background: #eee;
border: 1px solid #aaa;
-moz-border-radius: 6px;
padding: 3px; }
.module-message-edit-form p { margin: 0 0 6px 0; }
/* 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/vjwp/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/vjwp/image/accordion.gif) 2px -230px no-repeat; }
div.acc-content-open {
background: #f00 url(http://fast.mediamatic.nl/f/vjwp/image/accordion.gif) 2px -230px no-repeat; }
div.acc-content-open:hover { background: #f00 url(http://fast.mediamatic.nl/f/vjwp/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-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 div.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;
}
.menu-editable p.edit-cc,
.menu-editable p.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;
}
.edit-cc { background-repeat: no-repeat;
background-position: 0 40%; }
label .edit-cc { float: left; }
.cc-icons1,
.menu-editable p.cc-icons1 { padding-left: 18px; }
.cc-icons2,
.menu-editable p.cc-icons2 { padding-left: 33px; }
.cc-icons3,
.menu-editable p.cc-icons3 { padding-left: 48px; }
.cc-by-nc-nd { background-image: url(http://fast.mediamatic.nl/f/vjwp/image/cc/gray/by-nc-nd.png); } .cc-by-nc-sa { background-image: url(http://fast.mediamatic.nl/f/vjwp/image/cc/gray/by-nc-sa.png); } .cc-by-nc { background-image: url(http://fast.mediamatic.nl/f/vjwp/image/cc/gray/by-nc.png); } .cc-by-nd { background-image: url(http://fast.mediamatic.nl/f/vjwp/image/cc/gray/by-nd.png); } .cc-by-sa { background-image: url(http://fast.mediamatic.nl/f/vjwp/image/cc/gray/by-sa.png); } .cc-by { background-image: url(http://fast.mediamatic.nl/f/vjwp/image/cc/gray/by.png); } .cc-cr { background-image: url(http://fast.mediamatic.nl/f/vjwp/image/cc/gray/cr.png); } .cc-pd { background-image: url(http://fast.mediamatic.nl/f/vjwp/image/cc/gray/pd.png); }
.menu-editable p.cc-by-nc-nd { background-image: url(http://fast.mediamatic.nl/f/vjwp/image/cc/white/by-nc-nd.png); } .menu-editable p.cc-by-nc-sa { background-image: url(http://fast.mediamatic.nl/f/vjwp/image/cc/white/by-nc-sa.png); } .menu-editable p.cc-by-nc { background-image: url(http://fast.mediamatic.nl/f/vjwp/image/cc/white/by-nc.png); } .menu-editable p.cc-by-nd { background-image: url(http://fast.mediamatic.nl/f/vjwp/image/cc/white/by-nd.png); } .menu-editable p.cc-by-sa { background-image: url(http://fast.mediamatic.nl/f/vjwp/image/cc/white/by-sa.png); } .menu-editable p.cc-by { background-image: url(http://fast.mediamatic.nl/f/vjwp/image/cc/white/by.png); } .menu-editable p.cc-cr { background-image: url(http://fast.mediamatic.nl/f/vjwp/image/cc/white/cr.png); } .menu-editable p.cc-pd { background-image: url(http://fast.mediamatic.nl/f/vjwp/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/vjwp/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/vjwp/image/throbberwait.gif) no-repeat scroll 19% 92% !important; }
.event-info-new-thing .no-selection { display: 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/vjwp/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/vjwp/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: 5px 10px; }
#ie6-upgrade h4 { color: #000;
font-weight: bold; }
#ie6-upgrade a { color: #000;
text-decoration: underline;
border: none; }
#ie6-upgrade a:hover { border: none;
color: #444;
}
/* 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; } */
/* Default font settings. 18px baseline grid - v0.1
-------------------------------------------------------------- */
body {
color: #4D4D4D;
font: 12px/18px verdana, arial, sans-serif;
background: #fff; }
h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img { margin: 0; }
h1 a, h2 a, h3 a,
h4 a, h5 a, h6 a { border: none; }
/* Headings - add bottom margin if the line-height isn't a multiple of 9px
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #4D4D4D; }
h1 { font-size: 30px; line-height: 36px; font-weight: bold } h2 { font-size: 24px; line-height: 30px; } h3 { font-size: 18px; line-height: 24px; font-weight: bold; } h4 { font-size: 14px; line-height: 18px; } h5 { font-size: 12px; line-height: 18px; font-weight: normal; } h6 { font-size: 12px; line-height: 18px; font-weight: normal; }
h1 a { color: #4D4D4D; }
h1 a:hover { background: #00A234;
color: #fff;
}
.list-view-item a,
.list-view-item a:focus,
.list-view-item a:hover,
.list-view-item a:active { border: none; }
.list-view-item li h4 .date-edge-item-person { display: block; }
.list-view-item li h4 .date-edge-item-person .person-born-deceased-sep { margin: 0 3px; }
.list-view-item .li-title-no-subtitle { margin: 0 0 3px; }
.list li h3 a { color: #4D4D4D; }
.list li h3 a:hover,
.list li h3 a:active { border: none;
color: #00A234 !important;
background: none; }
.list li.event h3 { margin: 0;
}
.list li.attachment h3 { font-size: 12px;
line-height: 18px;
}
.dv-title h2 { margin-top: 3px; }
.dv-title { margin: 0 0 12px;
clear: both;
position: relative; }
.dv .intro { font-size: 18px;
line-height: 24px; }
.caption,
.caption a,
.caption a:hover,
.caption a:active { color: #fff;
background: none;
font-size: 14px; }
.source-title {
padding: 0 2px;
white-space: nowrap; }
/* 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: #000; text-decoration: none; border-bottom: 1px dotted #8c8c8c;}
a:active,
a:hover { color: #00A234; border-bottom: 1px dotted #00A234; background: #e5edba}
.avatar a { color: #00A234; } .avatar a:active,
.avatar a:hover { color: #00A234; border-bottom: 1px dotted #00A234; background: #e5edba }
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 6px; font-style: normal; } del { color: #666; }
pre,code { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
/* Search
-------------------------------------------------------------- */
.search-simple button { color: #fff;
font-family: verdana, arial, sans-serif;
font-size: 12px;
line-height: 18px;
font-weight: bold;
background: none;
height: 15px; }
.search-simple button:hover { background: none;
border: none; }
/* chapeau
------------------------------------------------------ */
.chapeau
.chapeau a { color: #808080;
margin: 0 6px 0 0;
float: left; }
.topic .chapeau { float: none;
}
li .chapeau { margin: 0;
font-style: normal;
float: none;
}
li .chapeau .city { font-style: italic;
}
.chapeau-comments-sep { margin: 0 3px;
}
/* metadata
---------------------------------------------------------- */
ul.metadata,
ul.metadata a { color: #00A234; }
ul.metadata a { font-size: 18px;
line-height: 24px;
border: none;
}
ul.metadata a:hover,
ul.metadata a:active,
ul.metadata a:focus { color: #000;
background: none;
}
ul.metadata li.similar a { font-size: 12px;
}
/* Lists
-------------------------------------------------------------- */
li ul,
li ol { margin:0 18px; }
ul, ol { margin: 0 18px 18px; }
ul { list-style-type: disc; } ol { list-style-type: decimal; }
dl { margin: 0 0 18px; }
dl dt { font-weight: bold; } dd { margin-left: 18px; }
/* Tables
-------------------------------------------------------------- */
table {
margin: 0 0 18px 0;
width: 100%; }
th {
font-weight: normal;
background: #AB152D;
color: #fff;
font-size: 12px;
padding: 0 9px 0 3px; }
td {
padding: 9px 9px 18px 3px; }
td .listbox { margin: 0;
}
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; }
/* notification
-------------------------------------------------------------- */
.notification .success { color: #00A234; }
/* Footer styles
-------------------------------------------------------------- */
.activity,
.design-by { color: #bbb; } .activity a,
.design-by a { color: #777; }
/* Small info sections
-------------------------------------------------------------- */
.info { color: #999;
font-size: 12px;
line-height: 18px;
}
/*
default / personal / edit / navigation
background
color
hover
background
color
submenu
background
color
hover
background
color
*/
/* Header
-------------------------------------------------------------- */
#header {
margin: 0 0 18px;
}
.icon-wrapper {
margin: 12px 0;
}
.idn-icon {
float: left;
background: url(http://fast.mediamatic.nl/f/vjwp/image/rvu-logo.gif) no-repeat 0 0 !important;
width: 196px;
height: 47px;
border: none !important;
}
.ntr-header {
margin: 24px 0 3px;
}
#ntr_button_container {
float: left;
}
#ntr_button_container a {
background: #fff url(http://fast.mediamatic.nl/f/vjwp/image/ntr.png) no-repeat 0 0;
width: 103px;
height: 36px;
display: block;
text-indent:-10000px;
text-decoration: none;
border: none;
}
#npo_button_container {
float: right;
margin: 4px 0 0 !important;
}
/*
.mapwindow-content-wrapper {
overflow:auto;
}
*/
/* menu's
---------------------------------------------------------- */
/*
menu-personal
menu-auth
menu-membership
menu-nav
menu-language
menu-theme
*/
.menu {
list-style: none;
margin: 0;
}
.menu li {
float: left;
}
/* simple menu's like message / footer / language */
.menu li {
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 personal (top bar - auth navigation and membership)
---------------------------------------------------------- */
.nav-personal-wrapper {
background: #dd0048;
position:relative;
z-index:10999;
}
.menu-auth {
float: left;
}
.menu-membership {
float: right;
}
.menu-auth li.li-pos-1 a {
background: url(http://fast.mediamatic.nl/f/vjwp/image/menu-icon.png) no-repeat 4px -263px;
overflow: hidden;
padding-left: 24px;
}
/*.menu-auth li.li-pos-1 a:hover {
background: #000 url(http://fast.mediamatic.nl/f/vjwp/image/menu-icon.png) no-repeat 4px -319px;
}*/
.nav-personal-wrapper li {
margin: 0;
}
.nav-personal-wrapper li a {
color: #fff;
padding: 3px 12px;
}
.nav-personal-wrapper li a.selected,
.nav-personal-wrapper li a:hover,
.nav-personal-wrapper li a:focus {
background-color: #dd0048;
color: #841222;
}
/* menu editable (view page) / menu edit (edit page)
---------------------------------------------------------- */
.menu-editable {
background: #ab152d url(http://fast.mediamatic.nl/f/vjwp/image/menu-icon.png) no-repeat 4px -150px;
overflow: hidden;
padding-left: 24px;
}
/*.menu-editable:hover {
background: #ab152d url(http://fast.mediamatic.nl/f/vjwp/image/menu-icon.png) no-repeat 4px -206px;
}*/
/* Hide extra edit info. Request from RVU */
.menu-editable p.edit-cc,
.menu-editable p.edit-trust {
opacity:.4;
}
.menu-editable button,
.menu-editable a.button-editable {
color: #ab152d;
background: #fff;
border: 1px solid #ab152d;
}
.menu-editable button:hover,
.menu-editable a.button-editable:hover {
color: #fff;
background: #ab152d;
border: 1px solid #fff;
}
.menu-editable p.buttons {
padding: 3px 0;
margin: 0;
border-right: none;
}
.menu-editable div.action {
padding: 3px 0;
}
.menu-editable p {
margin: 0;
float: left;
display: inline;
margin: 6px 6px 0 0;
padding: 0 6px 0 0;
color: #fff;
font-weight: normal;
font-size: 13px;
line-height: 15px;
}
.menu-editable p img {
float: left;
margin: 0 1px 0 0;
padding: 0;
}
.menu-edit-wrapper {
background: #ab152d;
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: #00A234;
position:relative;
z-index:10998;
height: 24px;
}
.nav-search-wrapper span.cnrs {
background-image: url(http://fast.mediamatic.nl/f/vjwp/image/cnrs-white.png);
}
.nav-search-wrapper span.cnr_nw,
.nav-search-wrapper span.cnr_ne,
.nav-search-wrapper span.cnr_sw {
display: none;
}
.nav-search-wrapper .li-pos-1 span.cnr_nw,
.nav-search-wrapper .li-pos-1 span.cnr_ne,
.nav-search-wrapper .li-pos-1 span.cnr_se {
display: none;
}
.nav-search-wrapper .li-pos-1 span.cnrs {
background-image: url(http://fast.mediamatic.nl/f/vjwp/image/cnrs-white.png);
}
.nav-search-wrapper .li-pos-1 span.cnr_sw {
display: block;
}
.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/vjwp/image/ntr-logo-small.png) no-repeat 5px 6px;
overflow: hidden;
padding-left: 44px;
}
.menu-nav li.li-pos-1 a:hover,
.menu-nav li.li-pos-1 a:focus,
.menu-nav li.li-pos-1 a:active {
background: #006324 url(http://fast.mediamatic.nl/f/vjwp/image/ntr-logo-small.png) no-repeat 5px -18px;
}
.menu-nav li a {
color: #fff;
padding: 3px 12px;
}
/* is this selected needed ? Rvu uses lots of redirects
.menu-nav li a.selected,
*/
.menu-nav li a:hover,
.menu-nav li a:focus {
background-color: #006324;
color: #fff;
}
/* menu language
--------------------------------------------------------- */
.nav-language-wrapper {
float: right;
}
/*
.menu-language li a {
color: #111;
}
.menu-language li a.selected,
.menu-language li a:hover,
.menu-language li a:focus {
background-color: none;
color: #000;
}
*/
/* menu footer
--------------------------------------------------------- */
/*
.menu-footer li a {
color: #111;
}
.menu-footer li a.selected,
.menu-footer li a:hover,
.menu-footer li a:focus {
background-color: none;
color: #000;
}
*/
/* menu-theme (basics)
---------------------------------------------------------- */
.menu-theme-box {
position: relative;
margin: 18px 0 0 0;
padding: 0;
z-index: 10997;
}
.menu-theme-box a {
border: none;
display: block;
}
.menu-theme {
background: url(http://fast.mediamatic.nl/f/vjwp/image/menu-theme-bg.png) repeat-x 0 0;
bottom: 0;
left: 0;
margin-top: -24px;
position: absolute;
width: 100%;
}
.menu-theme li.li-pos-1 {
width: 24px;
}
.menu-theme li.li-pos-1 a {
background: url(http://fast.mediamatic.nl/f/vjwp/image/menu-icon.png) no-repeat 4px -38px;
overflow: hidden;
text-indent: -9999px;
}
.menu-theme li {
margin: 0;
}
.menu-theme li a {
color: #fff;
padding: 3px 12px;
}
.menu-language li a.selected,
.menu-language li a:hover,
.menu-language li a:focus {
background-color: #6b6c6f;
color: #fff;
}
/* menu-footer
---------------------------------------------------------- */
.menu-footer {
list-style: none;
padding: 0;
margin: 0 0 6px;
}
/* menu message
--------------------------------------------------------- */
/*
.menu-message li a {
border: none;
color: #111;
}
*/
/* dropdown menu styles
--------------------------------------------------------- */
.do_menu ul { /* dropdown styling */
width: 238px;
}
ul.do_menu li li:hover ul,
ul.do_menu li li.sfHover ul,
ul.do_menu li li li:hover ul,
ul.do_menu li li li.sfHover ul {
left: 239px; /* match ul width */
}
.do_menu li:hover ul,
.do_menu li.sfHover ul {
top: 24px; /* match top ul list item height: font-size + any padding on the li or a */
border: 1px solid #006324;
border-width: 0 1px 1px 1px;
cursor: pointer;
}
.nav-personal-wrapper .do_menu li:hover ul,
.nav-personal-wrapper .do_menu li.sfHover ul {
border: 1px solid #841222;
}
.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: #006324;
color: #fff;
}
.nav-personal-wrapper li a:focus,
.nav-personal-wrapper li a:hover,
.nav-personal-wrapper li a:active,
.nav-personal-wrapper .do_menu li:hover a,
.nav-personal-wrapper .do_menu .sfHover a {
background-color: #841222;
color: #fff;
}
.nav-theme-wrapper .do_menu li:hover a,
.nav-theme-wrapper .do_menu .sfHover a,
.nav-theme-wrapper .do_menu a:focus,
.nav-theme-wrapper .do_menu a:hover,
.nav-theme-wrapper .do_menu a:active {
background-color: #6b6c6f;
color: #fff;
}
/* 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: #fff;
color: #006324;
border-top: 1px solid #2f562d;
overflow:hidden
}
.nav-personal-wrapper .do_menu li:hover li:hover a,
.nav-personal-wrapper .do_menu li:hover li.sfHover a,
.nav-personal-wrapper .do_menu li:hover li:hover a:focus,
.nav-personal-wrapper .do_menu li:hover li:hover a:hover,
.nav-personal-wrapper .do_menu li:hover li:hover a:active,
.nav-personal-wrapper .do_menu li:hover li:hover li:hover a,
.nav-personal-wrapper .do_menu li:hover li:hover li.sfHover a,
.nav-personal-wrapper .do_menu li:hover li:hover li:hover a:focus,
.nav-personal-wrapper .do_menu li:hover li:hover li:hover a:hover,
.nav-personal-wrapper .menu li:hover li:hover li:hover a:active {
background-color: #fff;
color: #841222;
border-top: 1px solid #841222;
overflow:hidden
}
.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: #6b6c6f;
border-top: 1px solid #6b6c6f;
overflow:hidden
}
/* 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: #006324;
color: #fff;
display: block;
border-top: 1px dotted #27321D;
}
.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: #841222;
color: #fff;
border-top: 1px dotted #48151F;
}
.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: #6b6c6f;
color: #fff;
border-top: 1px dotted #000;
}
/* Search simple
---------------------------------------------------------- */
.search-simple {
margin: 3px 6px 0;
font-size: 12px;
}
.search-simple input.text,
.search-simple input.text:focus {
height: 16px;
padding: 1px 1px 1px;
border: none;
}
.search-simple button.button-search-simple,
.search-simple button.button-search-simple:hover { /* note: there is padding in style_is.css */
background: #fff url(http://fast.mediamatic.nl/f/vjwp/image/menu-icon.png) no-repeat 4px -377px;
text-indent: -9999px;
border: none;
margin: 0;
padding: 0;
width: 20px;
}
.search-simple fieldset {
padding: 0 2px;
background: #fff !important;
float: left;
}
.search-simple button.button-search-simple-opensearch { /* note: there is padding in style_ie.css */
margin: 0 0 0 3px;
padding: 0;
}
/* Search Advanced
------------------------------------------------------ */
.search-advanced {
padding: 0 0 12px;
}
.search-advanced input.text {
color: #808080;
float: left;
margin: 0 6px 0 0;
padding: 1px 4px 2px;
}
#dropdown-outside {
z-index: 499; /* cover gmaps (contains high z-index values) and sifr */
}
#dropdown-inside,
#dropdown-current {
height: 19px;
}
.list-search-advanced {
width: 310px;
}
/* map
-------------------------------------------------------------- */
#map {
border: 1px solid #808080;
}
.googlemaps-small {
width:630px;
height:330px;
}
.span-20 .googlemaps-small {
width: 310px;
}
.mapsize-large .googlemaps-mapwindow {
width: 359px;
}
.googlemaps .mapwindow-title {
background: #00A234;
}
#logocontrol img {
width: 20px !important;
height: 9.6px !important;
}
#logocontrol a:hover, #copyright a:hover {
background: none !important;
}
#copyright a, #copyright span {
color: #808080 !important;
font-size: 10px !important;
}
.dv-small {
display: block;
background: #e5edba url(http://fast.mediamatic.nl/f/vjwp/image/green-left.gif) no-repeat 0 0;
margin-bottom: 5px;
}
/*
.list-context .dv-small {
background: #e5edba;
padding: 6px;
margin: 0;
}
*/
.dv-small h1 {
background: url(http://fast.mediamatic.nl/f/vjwp/image/green-right.gif) no-repeat right 0;
font-size:12px;
font-weight:normal;
line-height:24px;
padding:0 7px;
}
/*
.list-context .dv-small h1 {
font-size: 18px;
font-weight: bold;
line-height: 24px;
background: none;
padding: 0;
}
*/
.dv-small a {
color: #00A234;
}
.list-context .dv-small h1 a {
color: #4D4D4D;
}
.dv-small .caption {
margin: 0 0 12px;
}
.dv-small .caption a,
.dv-small .caption a:hover {
color: #fff;
}
.dv-small a:hover {
color: #00A234;
background: none;
}
.dv-small .intro p {
display: block;
padding: 0 0 12px;
}
.page-home .dv-part1, .page-home .dv-part2 {
padding: 6px;
background: #f6f6f8;
border: 1px solid #d3e0c3;
}
.page-home .dv-part1 {
padding: 6px 6px 0;
background: url(http://fast.mediamatic.nl/f/vjwp/image/gradient.png) 0 0 repeat-x;
border: 1px solid #d3e0c3;
border-bottom: none;
}
.page-home .dv-part2 {
padding: 0 6px;
margin-bottom: 18px;
border: 1px solid #d3e0c3;
border-top: none;
}
.page-home .figblock02 {
float: left;
margin: 0 6px 0 0;
}
.page-home .list .person h3 {
font-size: 10px;
line-height: 130%;
font-weight: normal;
}
.page-home .list .person h3 a {
color: #00A234;
}
.page-home .list .person {
position: static;
float: left;
font-weight: normal;
width: 60px;
border: none;
padding:0 1px;
background: none;
overflow: hidden;
}
.page-home .list .person img {
margin: 0 0 4px;
}
.page-home .list .person .subtitle,
.page-home .list .person h4 {
display: none;
}
.page-home .list .person .cnrs,
.page-home .dv-part1 .cnr_sw,
.page-home .dv-part1 .cnr_se,
.page-home .dv-part2 .cnr_nw,
.page-home .dv-part2 .cnr_ne {
display: none !important;
}
/*
.page-home .dv-part2 object {
float: left;
margin: 0 10px 18px 0;
}
*/
/* embed and object tags shouldn't be wider then the column width */
body.person .dv object,
body.person .dv embed,
.page-address .dv object,
.page-address .dv embed {
width: 310px;
height: 250px;
}
/* basic lists
-------------------------------------------------------------- */
.list {
list-style: none;
margin: 0;
padding: 0;
}
.list li {
padding: 0;
}
.list .chapeau {
display: none;
}
.list .author {
display: none;
}
li .intro p {
color: #8c8c8c;
margin: 0;
display: inline;
}
.list-view-item .icon {
margin: 0;
}
.list-view-item .icon,
.list-view-item .icon a {
display: block;
float: left;
}
.list-view-item .intro p {
margin: 0;
display: inline;
}
li.event li.event .icon {
margin: 3px 0 0 0;
display: block;
}
li.event .intro p {
display: block;
}
.list .location_happiness {
position: relative;
}
.list .location_happiness p.chapeau {
background: transparent url(http://fast.mediamatic.nl/f/vjwp/image/location-happy.gif) no-repeat 0 center;
border: 1px solid #00A234;
text-transform: uppercase;
font-size: 11px;
width: auto;
color: #00A234;
display: inline;
padding: 0 3px 0 17px;
}
.location_happiness .imgmask {
background: transparent url(http://fast.mediamatic.nl/f/vjwp/image/starmask.png) -2px -1px no-repeat !important;
background: transparent url(http://fast.mediamatic.nl/f/vjwp/image/starmask.gif) -2px -1px no-repeat; /*ie6*/
position: absolute;
z-index: 5;
width: 114px;
left:6px;
margin-top: 2px;
display: block;
height: 73px;
}
.location_happiness .imgmask-empty {
float: left;
background: url(http://fast.mediamatic.nl/f/vjwp/image/star-empty.gif) no-repeat;
margin:5px 10px 0 0;
width: 114px;
height: 73px;
}
.video-play,
.audio-play {
display: block;
position: relative;
}
li .intro .video-play,
li .intro .audio-play {
margin:0 6px 6px 0;
float: left;
}
.video-play-omroep {
float: none;
margin: 0;
}
.audio-play img,
.video-play img {
float: none;
}
.audio-play span,
.video-play span {
/*
background: transparent url(http://fast.mediamatic.nl/f/vjwp/image/play-video.png) 50% 50% no-repeat;
position: absolute;
left: 0;
top: 0;
height: 90%;
width: 100%;
*/
}
/*
.audio-play span {
background: transparent url(http://fast.mediamatic.nl/f/vjwp/image/play-audio.png) 50% 50% no-repeat;
}
*/
/* list context
-------------------------------------------------------------- */
.context .list-fixedcontext {
border: 4px solid #00A234;
border-width: 4px 0;
}
.list-extra-context {
background:url("/image/heading.gif") no-repeat scroll left 0 transparent;
}
/* Revert the context glue fix where the first item was glued to the context ? */
/*
#sidebar .list-metadata {
margin: 0;
}
*/
/*
.context .list-view-item li {
margin: -1px 0 0;
}
*/
/*
#sidebar .list-metadata .cnr_se,
#sidebar .list-metadata .cnr_sw {
display: none;
}
*/
.list-metadata li {
display:none;
}
.list-metadata li.similar {
display:inline;
}
.list-metadata li.similar .sep {
display:none;
}
.span-60 .list-metadata li {
display:inline;
}
.span-60 .list-metadata li.similar .sep {
display:inline;
}
/* 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: #00A234;
}
/* rvu:#114 hide activity view from homepage */
.page-home .activity-views {
display: none;
}
/* content area
-------------------------------------------------------------- */
#content.span-40 .padding {
padding: 0 160px 0 0;
}
.page-home #content.span-40 .padding {
padding:0;
}
.location_happiness #content.span-40 .padding {
padding:0;
}
.location_happiness #content.span-40 #forum {
margin:18px 160px 0 0;
}
.location_happiness_wrapper {
margin-bottom:0;
}
body.location_happiness .attachment_content {
background:#444;
position:relative;
margin:0;
}
body.location_happiness .attachment_content .cnr_sw,
body.location_happiness .attachment_content .cnr_se {
display: none;
}
body.location_happiness .location_happiness_keywords {
background:url(http://fast.mediamatic.nl/f/vjwp/image/itemlist-caption-bg.png) bottom left;
position:absolute;
bottom:0;
width:100%;
color:#fff;
}
body.location_happiness .location_happiness_keywords .icon_location_happiness {
background:url(http://fast.mediamatic.nl/f/vjwp/image/itemlist-icon-locationhappiness-large.png);
float:left;
width:73px;
height:74px;
margin:-25px -5px 0 5px;
text-indent:-999em;
}
body.location_happiness .location_happiness_keywords .main-image-info {
float:left;
}
body.location_happiness .location_happiness_keywords .list-keywords {
height:auto;
margin:0;
overflow:hidden;
list-style:none;
font-size:24px;
line-height:30px;
}
body.location_happiness .location_happiness_keywords .list-keywords li {
float:left;
margin:0 15px 0 0;
}
body.location_happiness .location_happiness_keywords .list-keywords .sep {
display:none;
}
body.location_happiness .location_happiness_keywords .list-keywords a {
background:none;
color:#fff;
border: 0;
}
body.location_happiness .location_happiness_keywords .main-image-caption {
margin:0 0 6px;
font-size:12px;
line-height:18px;
}
body.location_happiness .googlemaps-small {
margin: 0;
}
.location_happiness_content {
background:#fdf07a url(http://fast.mediamatic.nl/f/vjwp/image/itemlist-bg-locationhappiness.png) repeat-x bottom left;
padding: 6px 42px 18px 12px;
color:#3b3a3c;
}
.location_happiness_content ul.fig li {
margin: 0 -12px;
}
.location_happiness_content .list-author {
padding:6px 0 0;
}
.location_happiness_content .dv-title {
margin:0;
}
.location_happiness_content .intro {
margin:6px 0 0;
}
.location_happiness_content .body {
margin:12px 0 0;
}
.location_happiness_content ul.fig {
margin:12px 0 0;
}
.location_happiness_content ul.fig .cnrs {
display:none;
}
.location_happiness_content h1,
.location_happiness_content h2 {
color:#2d2d2d;
}
.location_happiness_content p {
margin:18px 0 0;
color:#2d2d2d;
}
.location_happiness_content p:first-child {
margin-top:0;
}
.location_happiness #address {
background:#9b9d9f;
margin:0 0 18px;
padding:6px;
color:#fff;
}
.location_happiness #address h5 {
display:none;
}
.location_happiness address {
overflow:hidden;
margin:0;
}
.location_happiness #address p {
margin:0;
}
.location_happiness #address a {
color:#fff;
}
.location_happiness address br {
display: none;
}
.location_happiness address span {
float: left;
text-transform: capitalize;
}
.location_happiness address .street-address,
.location_happiness address .locality {
margin: 0 8px 0 0;
}
.location_happiness address .postal-code {
margin: 0 3px 0 0;
}
.location_happiness address .googlemaps-mapbutton {
display: none;
}
/*body.person #content-header,*/
/*
body.listpublish .search-header,
body.set #content-header {
margin-top:-37px
}
body.listpublish .match-header,
body.edit-page #content-header {
margin-top: 0;
}
*/
/*body.person #content-header .dv-title,*/
body.listpublish .search-header .dv-title,
body.set #content-header .dv-title {
padding-right: 100px;
}
body.location_happiness .search-header .dv-title {
padding-right: 0;
}
/* Location of happiness search
-------------------------------------------------------------- */
body.listpublish.location_happiness .search-header {
margin-top: 0;
}
.search-header .location_happiness_content {
background: none;
padding: 0;
margin: 0 0 18px;
}
.location-happiness-add {
padding: 6px;
}
.location-happiness-add,
.location-happiness-form {
background: url(http://fast.mediamatic.nl/f/vjwp/image/itemlist-bg-locationhappiness.png) repeat-x 0 100% #FDF07A;
color: #2D2D2D;
overflow: hidden;
margin: 0 0 12px;
}
.location-happiness-add h3,
.location-happiness-form label.location-happiness-biglabel {
color: #2D2D2D;
font-size: 14px;
line-height: 27px;
font-weight: bold;
}
.location-happiness-form label {
color: #2D2D2D;
}
.location-happiness-form .form-element {
padding: 0 6px;
margin: 0 0 12px;
}
.location-happiness-form .form-inline {
width: 138px;
}
.location-happiness-form input[type=text] {
width: 284px;
}
.location-happiness-form label input {
}
.location-happiness-form .form-inline-elements {
border-bottom: 1px solid #A49A55;
padding-bottom: 11px;
margin-left: -6px;
margin-right: -6px;
padding-left: 6px;
padding-right: 6px;
}
.location-happiness-add span.cnrs,
.location-happiness-form span.cnrs {
background-image: url(http://fast.mediamatic.nl/f/vjwp/image/cnrs-white.png);
}
/* map */
body.listpublish.location_happiness .googlemaps {
height: 660px;
}
/* Detailed view
-------------------------------------------------------------- */
/* part1
---------------------------------------------------------- */
/* figblock
---------------------------------------------------------- */
li.document,
ul.fig li {
margin-bottom:12px;
}
ul.fig li a,
ul.fig li a:hover {
border-bottom: none;
}
ul.fig li img {
margin: 0;
padding: 0;
}
.fig span.cnrs {
background-image: url(http://fast.mediamatic.nl/f/vjwp/image/cnrs-white.png);
}
.doc-info {
float: none;
}
.img-wrapper { float: left; }
html>/**/body .img-wrapper { float: none; }
.fit-width {
margin: 0 0 18px;
}
.fit-width .cnrs {
display: none;
}
.fit-width li .cnrs {
display: inline;
}
.fit-width ul, .fit-width li {
margin: 0;
}
.fit-width li { clear: both; }
.fit-width ul { width:auto;float: left; }
ul.fig li.document img {
float: left;
margin: 4px 8px 4px 0;
}
.list-view-item li.document {
border: 0px solid #fff;
}
li.document,
li.document a {
color: #00A234
}
li.document div {
display: table;
padding: 6px 0;
}
list-document li.document div {
margin: 2px;
}
li.document span {
display: block;
}
li.document span.filesize {
font-size: 10px;
}
/* list-author / list-actor
------------------------------------------------------ */
.list-view, .list-view-item {
margin-bottom: 18px !important;
}
.match-header .list-view-item,
.ui_googlemaps .list-view {
margin-bottom: 0 !important;
}
.list-view-simple {
margin: 0;
}
.list-view-simple span,
.list-view-simple a {
color: #333;
border: none;
}
.connections-person .list-view-simple a {
border-bottom: 1px dotted #00A234;
}
/* pubdate
------------------------------------------------------ */
.org-pubdate {
color: #bbb;
}
/* body
------------------------------------------------------ */
.caption {
background-color: #00A234;
padding: 6px 6px 4px;
display: block;
width:296px;
overflow: hidden;
clear: both;
margin-top: -4px;
}
.caption, .caption a, .caption a:hover, .caption a:active {
font-size:12px;
color:#fff;
}
.caption a:hover {
color:#000;
}
.caption p {
margin: 0;
}
.caption-sep {
margin-right: 3px;
}
.caption p {
display: inline;
}
/* pager
---------------------------------------------------------- */
h5.pager {
background: #F2F2F2;
border: 1px solid #ddd;
display: block;
clear: both;
font-weight: normal;
line-height: 24px;
margin: 0 0 12px;
padding: 0 6px;
}
h5.pager-blog a,
h5.pager-blog span {
width: 33%;
float: left;
display: block;
border: none;
color: #555;
}
h5.pager-blog a:hover {
border: none;
color: #000;
}
h5.pager-blog .pager-prev {
text-align: left;
}
h5.pager-blog .pager-next {
text-align: right;
}
h5.pager-blog span {
text-align: center;
}
/* similar search
---------------------------------------------------------- */
.metatypes {
font-weight: bold;
color: #8c8c8c;
margin: 0 0 .5em 0;
}
.metatypes a {
color: #8c8c8c;
}
/* Context
-------------------------------------------------------------- */
/* connections
---------------------------------------------------------- */
.connections {
margin: 0 0 6px;
}
/* predicate-rest
---------------------------------------------------------- */
.predicate-rest {
margin-bottom: 6px;
}
.dv .predicate-rest {
display: none;
}
/* blog
-------------------------------------------------------------- */
.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-top: 0;
}
.calendar-search label,
.calendar-search input,
.calendar-search select {
margin-bottom: 0;
margin-top: 0;
}
.calendar-search fieldset {
margin: 0 6px 7px 0;
padding: 0;
border: none;
float: left;
}
.calendar-search label {
font-weight: normal;
}
.calendar-search p {
display: inline;
}
.calendar-search fieldset.period-buttons,
.calendar-search fieldset.period-select {
float: left;
margin: 0 6px 0 0;
}
/* resources
---------------------------------------------------------- */
.connections .list-resources li {
display: block;
}
/* module contact
-------------------------------------------------------------- */
.contact-couple {
background: #fff;
border:1px dashed #bbb;
float: left;
display: block;
height: 130px;
margin: 7px 7px 21px 0;
padding: 7px 7px 0;
}
.contact-couple .date {
float: left;
font-size: 11px;
padding: 30px 7px 7px;
text-align: center;
width: 66px;
border: none;
}
.contact-couple .avatar {
margin: 0;
padding: 0;
}
/* date range
------------------------------------------------------ */
li.event .intro {
display: block;
}
.dv .wrapper-date-location {
margin: 0 0 6px;
}
li.event .icon img {
margin: 0 0 0 -6px;
}
.daterange {
color: #808080;
}
.list-view-item .event .daterange {
color: #fff;
}
.dv .daterange,
li.event .icon .daterange {
margin-top: 0;
}
.date,
.datesep {
display: block;
float: left;
}
.date {
}
.day {
}
.month,
.year {
text-transform: lowercase;
}
.time {
display: none;
}
.datesep {
display: none;
}
.info {
color: #444;
}
.info a img {
float: none;
margin: 0;
}
/*
.dv li .daterange {
float: left;
margin: 0;
}
li .daterange {
margin: 6px 0 0 0;
display: block;
}
.date,
.datesep {
display: block;
float: left;
}
.date {
border: 1px solid #ccc;
color: #8c8c8c;
background: #fff;
margin: 0 6px 0 0;
padding: 0;
text-align: center;
width: 50px;
height: 71px;
}
.day {
color: #00A234;
display: block;
font-size: 20px;
margin: 6px 0 4px;
padding: 0;
font-weight: bold;
}
.month,
.year {
margin: 3px 0;
font-size: 12px;
line-height: 12px;
display: block;
font-weight: normal;
}
.time {
display: none;
}
.datesep {
color: #ccc;
font-size: 11px;
margin: 0;
padding: 23px 0 0;
text-align: left;
width: 12px;
display: none;
}
.info {
color: #8c8c8c;
}
.info a {
color: #8c8c8c;
border-bottom: 1px dotted #8c8c8c;
text-decoration: none;
}
.info a img {
float: none;
margin: 0;
}
*/
/* cnrs */
span.cnrs {
position: absolute;
width: 6px;
height: 6px;
padding: 0 !important;
margin: 0;
background-image: url(http://fast.mediamatic.nl/f/vjwp/image/cnrs-green-border.png);
z-index: 400;
float: left;
font-size: 1px !important;
overflow: hidden !important;
border: none !important;
}
span.cnr_nw {
left: -1px;
top: -1px;
background-position: left top;
}
span.cnr_ne {
right: -1px;
top: -1px;
background-position: right top;
}
span.cnr_sw {
left: -1px;
bottom: -1px;
background-position: left bottom;
}
span.cnr_se {
right: -1px;
bottom: -1px;
background-position: right bottom;
}
.search-header .list-view-item {
width: 310px;
margin: 0 !important;
}
.list-view-item li,
.list-metadata,
.edit-page .listbox {
padding: 6px;
background: #fbf5f9 url(http://fast.mediamatic.nl/f/vjwp/image/gradient.png) 0 0 repeat-x;
border: 1px solid #d3e0c3;
margin: 0 0 12px;
}
.list-view-item .event .intro p.date-edge-time {
margin: 0 3px 0 0;
}
.list-view-item .source-title img {
margin: 0 1px -1px 0;
float: none;
}
.list-view-item li {
background:#e4e5e6 url(http://fast.mediamatic.nl/f/vjwp/image/itemlist-bg.png) repeat-x bottom left;
padding:0;
border:0;
}
.list-view-item li.location_happiness {
background:#fdf07a url(http://fast.mediamatic.nl/f/vjwp/image/itemlist-bg-locationhappiness.png) repeat-x bottom left;
}
.view-item-theme-fig {
position:relative;
overflow:hidden;
}
.view-item-theme-fig a {
border: none;
}
.view-item-theme-fig img {
margin: 0 0 2px;
display: block;
border: none;
}
.list-view-item-thing .view-item-theme-fig img {
display: block !important; /* don't hide in advanced search with hide images */
}
.list-view-item li .view-item-theme-caption {
background:url(http://fast.mediamatic.nl/f/vjwp/image/itemlist-caption-bg.png);
position:absolute;
bottom:0;
left:0;
width:100%;
height:18px;
}
.list-view-item li .view-item-fig {
position:relative;
overflow:hidden;
min-height:18px;
}
.list-view-item .no-icon .view-item-fig {
min-height: 0;
}
.list-view-item li.location_happiness .view-item-fig {
background:url(http://fast.mediamatic.nl/f/vjwp/image/placeholder-geluksplek.jpg);
min-height: 174px;
}
.list-view-item li.event .view-item-fig {
background:url(http://fast.mediamatic.nl/f/vjwp/image/placeholder-evenement.jpg);
min-height:120px;
}
.list-view-item li .view-item-fig img {
display:block;
float:none;
margin:0;
}
.list-view-item li .view-item-fig embed {
display:block;
float:none;
margin:0 0 15px;
}
.list-view-item li .view-item-fig .view-item-caption {
background:url(http://fast.mediamatic.nl/f/vjwp/image/itemlist-caption-bg.png);
position:absolute;
bottom:0;
left:0;
width:100%;
height:18px;
}
.list-view-item li.image .view-item-fig .view-item-caption {
background:none;
}
.list-view-item li.institution .view-item-fig .view-item-caption,
.list-view-item li.article .view-item-fig .view-item-caption {
display:none;
}
.list-view-item li .icon-type {
float:left;
}
.list-view-item li.person .icon-type {
background:url(http://fast.mediamatic.nl/f/vjwp/image/itemlist-icon-person.png) no-repeat;
display:block;
width:14px;
height:13px;
margin:2px 0 0 6px;
}
.list-view-item li.location .icon-type {
background:url(http://fast.mediamatic.nl/f/vjwp/image/itemlist-icon-locationhappiness.png) no-repeat;
display:block;
width:46px;
height:46px;
margin:-27px 0 0;
}
.list-view-item li.television .icon-type {
background:url(http://fast.mediamatic.nl/f/vjwp/image/itemlist-icon-video.png) no-repeat;
display:block;
width:13px;
height:14px;
margin:1px 0 0 6px;
}
.list-view-item li.television .view-item-fig {
background: url(http://fast.mediamatic.nl/f/vjwp/image/placeholder-television.jpg);
min-height: 174px;
}
.list-view-item li.radio .view-item-fig {
background: url(http://fast.mediamatic.nl/f/vjwp/image/placeholder-audio.jpg);
min-height: 174px;
}
.list-view-item li.radio .icon-type {
background:url(http://fast.mediamatic.nl/f/vjwp/image/itemlist-icon-audio.png) no-repeat;
display:block;
width:13px;
height:14px;
margin:3px 0 0 6px;
}
.audio-play span,
.video-play span {
position: absolute;
height: 174px;
width: 100%;
cursor: pointer;
}
.list-view-item li .view-item-fig .view-item-caption .list-keywords span {
color:#fff;
margin: 0 6px 0 0;
}
.list-view-item li .view-item-fig .view-item-caption .list-keywords .sep {
display:none;
}
.list-view-item li .view-item-fig .daterange {
background:#00a651;
position:absolute;
top:0;
left:0;
margin:0;
width:55px;
height:120px;
}
.list-view-item li .view-item-fig .daterange .date {
width:100%;
height:100%;
}
.list-view-item li .view-item-fig .daterange .day,
.list-view-item li .view-item-fig .daterange .month,
.list-view-item li .view-item-fig .daterange .year {
display:block;
width:100%;
text-align:center;
}
.list-view-item li .view-item-fig .daterange .day {
padding:7px 0 0;
font-size:14px;
}
.list-view-item li .view-item-fig .daterange .month {
font-size:10px;
}
.list-view-item li .view-item-fig .daterange .year {
font-size:10px;
}
.list-view-item li .view-item-fig .daterange .dtstart {
display:block;
height:59px;
border-bottom:2px solid #fff;
}
.list-view-item li .view-item-fig .daterange .dtend {
display:block;
height:59px;
}
.list-view-item li .view-item-connections {
color:#00a234;
margin:3px 0 -3px;
}
.list-view-item li .view-item-connections a {
border:0;
color:#00a234;
}
.list-view-item li.attachment .view-item-connections {
color: #2d2d2d;
}
.list-view-item li.attachment .view-item-connections a {
color: #2d2d2d;
}
.list-view-item li .view-item-content {
padding: 3px 5px 6px 5px;
color: #2d2d2d;
}
.list-view-item li.image .view-item-content {
padding: 4px 6px 6px;
color: #fff;
}
.list-view-item li .view-item-content h3 {
color:#2d2d2d;
}
.list-view-item li.attachment .view-item-content h3 a {
color: #fff;
font-weight: normal;
font-size:14px;
}
.list-view-item li.attachment .view-item-content h3 a:hover {
color: #2d2d2d !important;
}
.list-view-item li .view-item-content h3 a {
color:#2d2d2d;
}
.list-view-item li .view-item-content h4 {
color: #2d2d2d;
font-size:12px;
font-weight:bold;
}
.list-view-item li .view-item-content h4 a {
color:#2d2d2d;
}
.list-view-item li .view-item-content .intro {
color:#2d2d2d;
}
.list-view-item li .view-item-content .intro p {
color:#2d2d2d;
}
.list-view-item li .view-item-footer {
background:#bbbcbe;
padding:2px 6px 6px;
border-top:1px dotted #fff;
color:#fff;
}
.list-view-item li .view-item-latest-episode {
}
.list-view-item li .view-item-latest-episode span {
display:block;
font-weight:bold;
}
.list-view-item li .view-item-latest-episode a {
background:url(http://fast.mediamatic.nl/f/vjwp/image/itemlist-icon-video.png) no-repeat;
padding:0 0 0 20px;
border-bottom:1px dotted #fff;
color:#fff;
}
.list-view-item li span.cnrs {
background-image:url(http://fast.mediamatic.nl/f/vjwp/image/cnrs-white.png);
}
.list-view-item li.fixedcontext_dv_small {
padding: 0;
background: #E5EDBA;
border: 1px solid #D3E0C3;
}
/*
.list-view-item li.fixedcontext_dv_small .cnrs {
display: none;
}
*/
.metadata .selected {
color: #000 !important;
}
.connections .list-view-simple {
padding: 6px;
border: 1px solid #d3e0c3;
margin: 0 0 12px;
}
.list-avatar h5,
.list-view-interest h5,
.module_forum_list_reactions h5 {
background: none;
border: none;
}
.isIE .list-avatar .list-view-simple {
display: inline-block;
}
.isIE8x .list-avatar .list-view-simple {
display: block;
}
.list-avatar .list-view-simple:after {
content: '.';
clear: both;
display: block;
width: 0;
height: 0;
overflow: hidden;
}
.connections-person h5 {
color: #00A234;
}
/*
.connections-person-column3 .listbox {
background: url(http://fast.mediamatic.nl/f/vjwp/image/green-left.gif) no-repeat scroll 0 0;
display: block;
}
.connections-person-column3 .listbox h5 {
background: #E5EDBA url(http://fast.mediamatic.nl/f/vjwp/image/green-right.gif) no-repeat right 0;
font-size: 12px;
font-weight: normal;
line-height: 24px;
padding: 0 7px;
margin-bottom:5px;
}*/
.connections-person-column3 .listbox h5 {
background: #E5EDBA;
font-size: 12px;
font-weight: normal;
line-height: 24px;
padding: 0 6px;
margin-bottom: 6px;
}
.connections-person-column3 .listbox h5 span.cnrs {
background-image: url(http://fast.mediamatic.nl/f/vjwp/image/cnrs-white.png);
}
li.attachment {
padding: 0;
/*
float: left;
width: auto !important;
min-width: 156px;
*/
background:#00A234;
}
li.attachment a {
border: none;
}
li.attachment img {
display: block;
float: none;
margin: 0;
}
li.document {
background: transparent;
}
li.document img {
float: left;
margin: 2px
}
.fig span.cnr_nw,
.fig span.cnr_ne,
li.document span.cnrs,
li.attachment span.cnr_nw,
li.attachment span.cnr_ne,
.connections-person-column3 .listbox h5 span.cnr_sw,
.connections-person-column3 .listbox h5 span.cnr_se {
display: none;
}
/*
.person .list-avatar {
margin: 0 0 6px;
}
*/
li.person span.subtitle {
line-height: 21px;
}
.avatar {
margin: 0 1px 0px 0 !important;
padding: 0 !important;
height: 108px;
width: 60px;
margin: 0 1px 5px !important;
border: none !important;
background: none !important;
display: inline;
}
.avatar a {
border-bottom: 1px solid #fff !important;
}
.avatar span {
display: block;
}
.avatar .cnrs {
display: none;
}
.list-produced_by .avatar,
.list-broadcast_by .avatar {
height: auto;
width: auto;
float: none;
}
.list-produced_by .avatar img,
.list-broadcast_by .avatar img {
float: none;
}
.list-produced_by .avatar a:hover,
.list-broadcast_by .avatar a:hover {
background: none;
border: none;
}
/* person page
-------------------------------------------------------------- */
.list-metadata-person .metadata-person-group {
background-color: #F3F3F4 !important;
background-image: url(http://fast.mediamatic.nl/f/vjwp/image/person_metadata.png);
}
/*
.person {
background:#FBF5F9 url(http://static.mediamatic.nl/f/skcd/image/gradient.png) repeat-x scroll 0 0;
border:none;
margin:0 0 6px;
padding:3px;
}
body.person {
background:none;
}
*/
/*
.list-view-interest h5 {
margin: 0;
padding: 0;
}
.list-view-interest li, .list-view-works_for li, .list-view-visitor li {
background: none;
border: none;
padding: 0;
}
*/
/*
.list-view-interest .cnrs, .list-view-works_for .cnrs, .list-view-visitor .cnrs {
display: none;
}*/
/* episodes, season, medium, program
-------------------------------------------------------------- */
.belongs {
margin: 4px 0 0;
}
.set-belongs-to {
padding:0 4px 0 0;
border: none;
}
.list .television .set-belongs-to {
background: url(http://fast.mediamatic.nl/f/vjwp/image/belongs-to-tv.gif) right 0 no-repeat;
}
.list .radio_1 .set-belongs-to {
background: url(http://fast.mediamatic.nl/f/vjwp/image/belongs-to-radio.gif) right 0 no-repeat;
}
.list .television .set-belongs-to span {
background: url(http://fast.mediamatic.nl/f/vjwp/image/belongs-to-tv.gif) no-repeat;
padding: 0 0 0 4px;
color: #fff;
}
/*
.list .television .set-belongs-to span:hover {
color: #00A234;
}
*/
.list .radio_1 .set-belongs-to span {
background: url(http://fast.mediamatic.nl/f/vjwp/image/belongs-to-radio.gif) no-repeat;
padding:0 0 0 4px;
}
.list .television .set-belongs-to:hover, .television .set-belongs-to:active, .television .set-belongs-to:focus {
background: url(http://fast.mediamatic.nl/f/vjwp/image/belongs-to-tv.gif) right 0 no-repeat;
border: none;
}
.radio_1 .set-belongs-to:hover, .radio_1 .set-belongs-to:active, .radio_1 .set-belongs-to:focus {
background: url(http://fast.mediamatic.nl/f/vjwp/image/belongs-to-radio.gif) right 0 no-repeat;
border: none;
}
.list .episode .num-reactions {
background: url(http://fast.mediamatic.nl/f/vjwp/image/reactions.png) no-repeat;
color: #fff;
height: 16px;
position:absolute;
right:0;
top:7px;
padding:2px 7px 0;
}
.list .episode .num-reactions a {
color: #fff;
border-bottom: none;
line-height:100%;
padding: 3px 0 0;
}
.list .episode .num-reactions a:hover {
background: none;
}
.list-view-item .no-icon .icon {
margin: 0;
}
/*.list .television {
background: #58585a;
}
.list .television h3, .list .television h3 a, .list .television h4, .list .television .intro p {
color: #fff !important;
}*/
/* episode / season / program */
.chapeau-esp,
.list .chapeau-esp {
display:block;
}
.list .television .chapeau-esp {
color: #B9B9B9;
}
.chapeau-esp .presented_at_icon a,
.chapeau-esp .tv_or_radio_icon a,
.chapeau-esp .presented_at_icon a:hover,
.chapeau-esp .tv_or_radio_icon a:hover,
.chapeau-esp .presented_at_icon a:focus,
.chapeau-esp .tv_or_radio_icon a:focus {
background: none;
margin: 0;
text-decoration: none;
border: none;
}
.chapeau-esp .presented_at_icon img,
.chapeau-esp .tv_or_radio_icon img {
margin: 0 4px 0 0;
padding: 1px 0 0;
float: left
}
.chapeau-esp .presented_at_icon img {
background: #fff;
padding: 0 2px;
}
.television .chapeau-esp .presented_at_icon {
margin: 0 4px 0 0;
}
/*
.list .radio_1 .presented_at_icon {
margin: 0 4px 0 0;
}
*/
/*-----------------other-------------------*/
.list-view-ikrip_owner { display: none; }
.list-view-author,
.list-context,
.list-parent-set,
.contributions {
display: block;
background: url(http://fast.mediamatic.nl/f/vjwp/image/heading.gif) no-repeat left 0;
margin-bottom: 5px;
}
.list-view-author h5,
.list-context h5,
.list-parent-set h5,
.contributions h5 {
background: url(http://fast.mediamatic.nl/f/vjwp/image/green-right.gif) no-repeat right 0;
font-size:12px;
font-weight:normal;
line-height:24px;
padding:0 7px;
border: none;
margin: 0 0 6px;
color: #00A234;
}
.span-20 .connections {
margin: 0;
}
body.set .list-interest-subject h5 {
display: inline;
}
body.listpublish .daterange-coverage,
body.set .daterange-coverage {
display: none; /* this is config */
}
/*-------------------editpage resets-------------------*/
.edit-page .list-setmember {
background: none;
padding: 0;
border: none;
}
.edit-page .connections .list-view-simple,
.edit-page .listbox,
.edit-page .daterange-coverage,
.edit-page .edit_blog_posting {
border: 1px solid #E7E7E7 !important;
margin: 0 0 18px;
overflow: hidden;
clear: both;
}
.edit-page .list .episode .num-reactions {
position: static;
background: none;
}
.edit-page .caption {
width: auto;
}
.edit-page .intro img {
margin: 0;
}
.edit-page #list_setmember {
float: none !important;
}
.lightbox-add-attachment-moreoptions li.attachment {
height: auto;
margin: 6px 15px 0 0;
}
/* accordion
---------------------------------------------------------------- */
div.acc-title,
div.acc-title:hover,
div.acc-content-open,
div.acc-content-open:hover {
background-color: #dd0048;
color: #fff;
}
/* manage my things */
.managemythings .list-view-item li {
width: 308px;
}
/* ikpoll */
.page-view .list-question {
border-top: 6px solid #00A234;
margin: 0 0 18px;
padding: 12px 0 0 6px;
}
/* register */
.register fieldset p.error {
float: none;
}
/* quote */
.list li.quote h3 a {
font-style: italic;
color: #00A234;
}
.list li.quote .author {
display: block;
margin: 0;
}
/* action dialog */
.dv-title .do-something {
margin: 8px 9px 0 0;
}
/* switching text/timeline views */
.dv-title .rvu-timeline-switch-views {
position: absolute;
right: 0;
bottom: 0;
}
.dv-title .rvu-timeline-switch-views .button {
margin: 0;
}
#footer .do-something {
margin: 0 0 12px 0;
}
/* action dialog colors
---------------------------------------------------------------- */
/* left + right button */
.form-button-highlite button,
.do-something button,
.do-something button.status {
background-color: #dd0048;
}
.form-button-highlite button,
.do-something button,
.do-something button.status,
.form-button-highlite button:hover,
.do-something button:hover,
.do-something button.status:hover {
border-color: #dd0048;
}
/* left */
.form-button-highlite button,
.do-something .do-something-text button,
.do-something .do-something-text button.status {
color: #fff;
}
/* left hovers */
.form-button-highlite button:hover,
.do-something .do-something-text button:hover,
.do-something .do-something-text button.status:hover,
.do-something .single-action button:hover {
background-color: #dd0048;
color: #fff;
}
/* right */
.form-button-highlite,
.do-something button.do-something-other {
background-color: #fff;
color: #dd0048;
}
.do-something button.do-something-other:hover {
background-color: #dd0048;
color: #fff;
}
/* Action dialog itself
---------------------------------------------------- */
.dialog-drag-handle {
background-color: #dd0048;
border: 1px solid #dd0048;
}
.dialog-drag-handle-text {
color: #fff;
}
.dialog-content .expl {
font-weight: bold;
color: #000;
}
/* Comment list item styles
---------------------------------------------------- */
.comment-content {
border: dotted #fff;
border-width: 0 0 1px 0;
}
.comment-content h3.comment-title {
font-size:16px;
font-weight:bold;
line-height:18px;
margin: 0 0 3px 0;
}
.comment .comment-meta {
padding: 12px 6px 3px;
background: #fff url(http://fast.mediamatic.nl/f/vjwp/image/arrow-comment.png) no-repeat scroll 7px -1px;
}
.comment-meta .comment-author .list li {
background: transparent;
}
.comment-author span.cnrs {
display: none;
}
.comment span.cnrs {
background-image: url(http://fast.mediamatic.nl/f/vjwp/image/cnrs-white.png);
}
/* add location happiness */
#action-add-location-happiness-gmaps .googlemaps {
height: 300px;
}
.dialog .form-element-intro textarea {
height: 60px;
}
.comment-title-wrapper .form-tooltip,
.comment-body-wrapper .form-tooltip {
display: none !important;
}