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/flwc/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,
.add-part-image-button 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-part-image-button { border: none;
padding: 0 0 2px 0;
}
.button-fig,
.add-part-image-button { margin: 0;
}
.button-fig { float: none;
}
.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; } 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;
}
/* 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;
}
/* 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/flwc/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;
}
.edit-page .list-view-simple-thing { width: auto !important;
margin-right: .25em;
}
/* List view item thing */
.isIE7x .li-title { clear: both; }
/* 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/flwc/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/flwc/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/flwc/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/flwc/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;
}
.edit-page ul.fig li.link-fig { margin-bottom: 0;
}
.edit-page button.button-datepicker,
.edit-page .button-cc,
.button-fig,
.add-part-image-button { border: none;
padding: 0 0 2px 0;
}
.edit-page a.button-datepicker { border: none;
}
.button-fig,
.add-part-image-button { background: #fff url(http://fast.mediamatic.nl/f/flwc/image/camera.jpg) no-repeat left top;
height: 18px;
margin: 0 0 18px 0;
padding: 0;
text-indent: 26px;
color: #999;
}
.dialog-content.form-element .button-fig,
.add-part-image-button { margin: 0;
}
.button-fig:hover,
.add-part-image-button:hover { background: #fff url(http://fast.mediamatic.nl/f/flwc/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: 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 { background: #fff;
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 { 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/flwc/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/flwc/image/accordion.gif) 2px -230px no-repeat; }
div.acc-content-open {
background: #f00 url(http://fast.mediamatic.nl/f/flwc/image/accordion.gif) 2px -230px no-repeat; }
div.acc-content-open:hover { background: #f00 url(http://fast.mediamatic.nl/f/flwc/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;
}
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/flwc/image/cc/gray/by-nc-nd.png); } .cc-by-nc-sa { background-image: url(http://fast.mediamatic.nl/f/flwc/image/cc/gray/by-nc-sa.png); } .cc-by-nc { background-image: url(http://fast.mediamatic.nl/f/flwc/image/cc/gray/by-nc.png); } .cc-by-nd { background-image: url(http://fast.mediamatic.nl/f/flwc/image/cc/gray/by-nd.png); } .cc-by-sa { background-image: url(http://fast.mediamatic.nl/f/flwc/image/cc/gray/by-sa.png); } .cc-by { background-image: url(http://fast.mediamatic.nl/f/flwc/image/cc/gray/by.png); } .cc-cr { background-image: url(http://fast.mediamatic.nl/f/flwc/image/cc/gray/cr.png); } .cc-pd { background-image: url(http://fast.mediamatic.nl/f/flwc/image/cc/gray/pd.png); }
.page-view .menu-editable .cc-by-nc-nd { background-image: url(http://fast.mediamatic.nl/f/flwc/image/cc/white/by-nc-nd.png); } .page-view .menu-editable .cc-by-nc-sa { background-image: url(http://fast.mediamatic.nl/f/flwc/image/cc/white/by-nc-sa.png); } .page-view .menu-editable .cc-by-nc { background-image: url(http://fast.mediamatic.nl/f/flwc/image/cc/white/by-nc.png); } .page-view .menu-editable .cc-by-nd { background-image: url(http://fast.mediamatic.nl/f/flwc/image/cc/white/by-nd.png); } .page-view .menu-editable .cc-by-sa { background-image: url(http://fast.mediamatic.nl/f/flwc/image/cc/white/by-sa.png); } .page-view .menu-editable .cc-by { background-image: url(http://fast.mediamatic.nl/f/flwc/image/cc/white/by.png); } .page-view .menu-editable .cc-cr { background-image: url(http://fast.mediamatic.nl/f/flwc/image/cc/white/cr.png); } .page-view .menu-editable .cc-pd { background-image: url(http://fast.mediamatic.nl/f/flwc/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/flwc/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/flwc/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/flwc/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/flwc/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,
.rtl .li-title,
.list-view-item-thing.rtl .li-title,
.dv-part2.rtl .intro { 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; }
.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/flwc/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/flwc/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); }
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-object 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-object div.caption { filter: alpha(opacity=100);
position: relative;
}
.isWebkit.page-view.layout-listitem-enabled ul.fig li.fig-li-object div.caption { margin: 12px 0 0 0;
}
.page-view.layout-listitem-enabled ul.fig li.fig-li-object div.caption p.title a,
.page-view.layout-listitem-enabled ul.fig li.fig-li-object div.caption span.caption-sep,
.page-view.layout-listitem-enabled ul.fig li.fig-li-object div.caption p.caption-body { color: #000;
}
.page-view.layout-listitem-enabled ul.fig li.fig-li-object 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; }
.list-search-advanced li.list-view-item-thing:nth-child(odd) { margin-right: 30px; }
.list-search-advanced li.list-view-item-thing:nth-child(even) { margin-right: 0px; }
/*
.list-search-advanced li .li-part2,
.list-search-advanced .caption.clearfix,
.list-search-advanced .caption-inline { height: auto;
opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
filter: alpha(opacity=1); } */
/* 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;
width: 16px;
}
/* Chapeau Icons
------------------------------------------------------------- */
.list-view-item-thing-animate-content .daterange .day { background: url(http://fast.mediamatic.nl/f/flwc/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-part { margin-right: 4px; }
.chapeau-comments { background: url(http://fast.mediamatic.nl/f/flwc/image/list-item-sprite.png) no-repeat 0 -31px;
padding-left: 18px; }
.dv-blog .chapeau .chapeau-comments { background: none;
padding-left:0;
}
.chapeau-interest { background: url(http://fast.mediamatic.nl/f/flwc/image/list-item-sprite.png) no-repeat 0 -63px;
padding-left: 20px; }
.chapeau-participant { background: url(http://fast.mediamatic.nl/f/flwc/image/list-item-sprite.png) no-repeat -2px -95px;
padding-left: 15px; }
/* 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/flwc/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/flwc/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; }
/* 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; }
/* Default font settings. 18px baseline grid - v0.1
-------------------------------------------------------------- */
body {
color: #000;
background: #fff;
font: 12px/18px Verdana, Arial, sans-serif; }
/* resets
-------------------------------------------------------------- */
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 18px
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #0090D4; }
h1 { font-size: 48px; line-height: 54px; font-family: impact, verdana, sans-serif}
h2 { font-size: 24px; line-height: 36px; } h3 { font-size: 18px; line-height: 24px; } h4 { font-size: 12px; line-height: 18px; } h5 { font-size: 12px; font-weight: normal; } h6 { font-size: 12px; font-weight: bold; }
.dv-title h1,
.dv-title h2 { margin: 0; }
.dv .dv-title h1,
.dv .dv-title h2 { margin: 0 0 .1em 0; }
.dv .intro { font-size: 16px;
color: #353535;
line-height: 24px;
font-weight: normal; }
.dv .body { font-size: 13px;
color: #353535; }
.list-view-item li h3 { font-weight: bold;
margin: 0; }
.list-view-item li h4 { font-size: 13px;
line-height: 18px;
margin: 0; }
.list-view-item li h3 a {
text-decoration: 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;
}
li.blogposting h4 { font-size: 18px;
line-height: 18px;
font-style: italic; }
li.blogposting .intro { font-size: 13px;
color: #000; }
li.person h3 { line-height: 18px;
font-size: 18px; }
.sIFR-active h1 { visibility: hidden;
line-height: 1em;) }
.institution .dv-title h1 { margin-top: 6px;
font-size: 36px;
line-height: 24px; } .institution .dv-title h2 { font-size: 24px; }
/* pager
---------------------------------------------------------- */
h5.pager { font-size: 13px;
line-height: 18px;
margin:0 0 18px; }
/*
h5.pager { background: #CCC;
border: none;
display: block;
font-weight: normal;
margin:0 0 18px;
padding: 4px; }
h5.pager a { font-weight: bold; }
h5 { margin: 2em 0 0;
color: #777; } */
/*
.searchresult h3 { font-size: 18px;
line-height: 18px; } */
.source-title { color: #0053A3 !important;
padding: 0 2px;
white-space: nowrap; }
.list-opensearch li .author { margin-right: 6px; }
/* Text elements
-------------------------------------------------------------- */
p { margin: 0 0 12px; }
p img { float: left; margin: 4px 8px 0 0; }
p img.right { float: right; margin: 6px 0 0 6px; }
a { color: #0090D4; text-decoration: none;}
a:focus,
a:hover { color: #EC7405; }
.body a,
.intro a { color: #000; border-bottom: 1px dotted #000; } .body a:hover,
.intro a:hover { color: #d7d7d7; border-bottom: 1px dotted #333; }
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 1.5em; 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; }
/* chapeau
------------------------------------------------------ */
.chapeau { color: #666;
font-style: normal;
margin: 0; }
/* 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: 1.4em; width:100%; } th { font-weight: bold; background: #8c8c8c; } th,td { padding: 4px 10px 4px 5px; } tr.even td { background: #FFDD00; } tfoot { font-style: italic; } caption { background: #FFDD00; }
/* Misc classes
-------------------------------------------------------------- */
.small { font-size: 10px; margin-bottom: 18px; line-height: 18px; } .large { font-size: 14px; margin-bottom: 18px; line-height: 24px; } .hide { display: none; }
.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; }
/* global
-------------------------------------------------------------- */
/*
#content {
margin: 0;
}
#sidebar {
float:right;
}
*/
#map.mini {
margin:28px 0 18px;
height:200px !important;
}
/* basic lists
-------------------------------------------------------------- */
.listbox {
margin: 0;
}
.list {
list-style: none;
margin: 0;
padding: 0;
}
.list-view-item-thing {
padding: 6px;
margin: 0 0 18px;
background: #FD0;
}
.list-search-advanced .list-view-item-thing {
padding: 0;
margin: 0 0 36px;
}
.list-view-item .icon {
margin: 3px 6px 0 0;
}
.list-view-item .no-icon .icon {
margin: 0;
}
.list-view-item .icon,
.list-view-item .icon a {
display: block;
float: left;
}
.list-view-item .intro p {
margin: 0;
display: inline;
color: #353535;
}
.list-view-item .source-title img {
margin: 0 1px -1px 0;
font-weight: normal;
float: none;
}
.searchresult .list-view-item li {
background: #fff;
}
.search-result .list-view-item-thing {
background-color:#FFDD00;
padding: 6px;
}
.list .wrapper-date-location {
color: #3c5a64;
}
.gmaps-summary li {
padding: 0;
background: none;
}
.connections .list li {
padding: 2px;
}
.dv .list-view-item li {
margin: 0 0 9px;
}
li .chapeau {
color: #8c8c8c;
margin: 0;
font-style: normal;
line-height: 18px;
}
li .chapeau .city {
font-style: italic;
}
.list .wrapper-date-location * {
padding: 0;
margin: 0;
}
li.article .clearfix:after {
clear: none;
}
/*
.list li .intro * {
display: inline !important;
float: none !important;
width: 298px;
}
.list li .intro img {
float: left !important;
}
*/
li.topic {
padding: .5em;
}
list-home_set ul li {
cursor: pointer;
}
/* Header
-------------------------------------------------------------- */
#header {
margin: 0 0 18px;
padding: 0 0 48px;
}
/*
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;
margin: 0 12px 0 0;
}
.menu li a {
display: block;
border: none;
padding: 0;
}
.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: #0090d4;
position:relative;
z-index:501;
}
.menu-auth {
float: left;
}
.menu-membership {
float: right;
}
.menu-auth li.li-pos-1 a {
background: url(http://fast.mediamatic.nl/f/flwc/image/menu-icon.png) no-repeat 4px -263px;
overflow: hidden;
padding-left: 24px;
}
.menu-auth li.li-pos-1 a:hover {
background: #fff url(http://fast.mediamatic.nl/f/flwc/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: #fff;
color: #0090d4;
}
/* menu editable (view page) / menu edit (edit page)
---------------------------------------------------------- */
.menu-editable {
background: #007CBE url(http://fast.mediamatic.nl/f/flwc/image/menu-icon.png) no-repeat 4px -150px;
overflow: hidden;
padding-left: 24px;
}
/*.menu-editable:hover {
background: #007CBE url(http://fast.mediamatic.nl/f/flwc/image/menu-icon.png) no-repeat 4px -206px;
}*/
.menu-editable button,
.menu-editable a.button-editable {
color: #007CBE;
background: #fff;
border: 1px solid #007CBE;
}
.menu-editable button:hover,
.menu-editable a.button-editable:hover {
color: #fff;
background: #007CBE;
border: 1px solid #fff;
}
.menu-editable p.buttons {
padding: 2px 0;
margin: 0;
border-right: none;
}
.menu-editable p {
margin: 0;
float: left;
display: inline;
margin: 6px 6px 0 0;
padding: 0 6px 0 0;
color: #fff;
font-weight: normal;
font-size: 13px;
line-height: 15px;
}
.menu-editable p img {
float: left;
margin: 0 1px 0 0;
padding: 0;
}
.menu-edit-wrapper {
background: #007CBE;
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: #EA7417;
position:relative;
z-index: 500;
}
.menu-nav {
float: left;
margin: 0;
position: relative;
padding: 0;
left: 91px;
}
.logo {
position: absolute;
top: 0;
left: 0;
width: 81px;
height: 86px;
text-indent: -999em;
background-image: url(http://fast.mediamatic.nl/f/flwc/image/logo.png);
}
.menu-nav li {
margin: 0;
}
/*
.menu-nav li.li-pos-1 a.selected,
.menu-nav li.li-pos-1 a {
background: url(http://fast.mediamatic.nl/f/flwc/image/menu-icon.png) no-repeat 4px -39px;
color: #fff;
overflow: hidden;
padding-left: 24px;
}
*/
/*
.menu-nav li.li-pos-1 a:hover {
background: #fff url(http://fast.mediamatic.nl/f/flwc/image/menu-icon.png) no-repeat 4px -95px;
}
*/
.menu-nav li a {
color: #fff;
padding: 3px 12px;
}
/*
.menu-nav li a.selected {
background: #0090D4;
font-weight: normal;
color: #FFDD00;
}
*/
.menu-nav li a.selected:hover,
.menu-nav li a.selected:focus,
.menu-nav li a:hover,
.menu-nav li a:focus {
background-color: #fff;
color: #EA7417;
}
/* menu language
--------------------------------------------------------- */
.nav-language-wrapper {
float: right;
margin: 3px 0;
}
.menu-language li {
margin: 0 3px 0 6px;
}
.menu-language li a {
padding: 0;
}
.menu-language li a.selected,
.menu-language li a:hover,
.menu-language li a:focus {
border-bottom: 1px solid #000;
}
/* menu-theme (basics)
---------------------------------------------------------- */
.nav-theme-wrapper {
padding: 16pt 0 0;
clear: both;
}
.nav-theme-wrapper ul {
background: #ccc;
}
.menu-theme li {
margin:0;
}
.menu-theme li.li-pos-0 a {
background: url(http://fast.mediamatic.nl/f/flwc/image/menu-icon.png) no-repeat 4px -94px;
padding-left: 24px;
}
.menu-theme li.li-pos-0 a.selected,
.menu-theme li.li-pos-0 a:hover {
background: #000 url(http://fast.mediamatic.nl/f/flwc/image/menu-icon.png) no-repeat 4px -39px;
}
.menu-theme li a {
color: #000;
padding: 3px 12px;
}
.menu-theme li a.selected,
.menu-theme li a.selected:hover,
.menu-theme li a.selected:focus,
.menu-theme li a:hover,
.menu-nav li a:focus {
background-color: #000;
color: #fff;
}
/*
.menu-theme li {
margin: 0 24px 0 0;
}
.menu-theme li a {
padding: 0;
}
.menu-theme li ul {
background: #efefef;
border: 1px solid red;
}
.menu-theme li li {
border-left: none;
margin: 0;
padding: 0;
background: #efefef;
}
.menu-theme li li a {
line-height: 24px;
}
.menu-theme li a {
border-bottom: 1px solid transparent;
}
.menu-theme li a:hover,
.menu-theme li a:focus {
border-bottom: 1px solid #000;
}
.menu-theme li a.selected {
background: #099;
border-bottom: 1px solid #fff;
color: #fff;
}
*/
/* 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 */
border: 1px solid #fff;
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 #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;
}
.nav-theme-wrapper.do_menu li:hover ul,
.nav-theme-wrapper.do_menu li.sfHover ul {
border: 1px solid #fff;
border-width: 1px;
}
/* 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: #fff;
color: #EA7417;
}
.nav-personal-wrapper a:focus,
.nav-personal-wrapper a:hover,
.nav-personal-wrapper a:active,
.nav-personal-wrapper .do_menu li:hover a,
.nav-personal-wrapper .do_menu .sfHover a {
background-color: #fff;
color: #0090d4;
}
.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: #000;
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: #EA7417;
border-top: 1px solid #eff0f1;
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: #0090d4;
border-top: 1px solid #eff0f1;
}
.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: #000;
color: #fff;
border-top: 1px solid #eff0f1;
}
/* 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: #EA7417;
color: #fff;
display: block;
border-top: 1px dotted #eff0f1;
}
.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: #0090d4;
color: #fff;
border-top: 1px dotted #eff0f1;
}
.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: #ccc;
color: #000;
border-top: 1px dotted #eff0f1;
}
/* Search
------------------------------------------------------ */
/* Search Simple
------------------------------------------------------ */
.search-simple {
margin: 3px 3px 0;
font-size: 12px;
white-space: nowrap;
}
.search-simple fieldset {
padding: 0 1px;
background: #fff !important;
float: left;
}
.search-simple input.text,
.search-simple input.text:focus {
border: none;
padding: 1px 1px 1px;
height: 15px;
}
.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/flwc/image/menu-icon.png) no-repeat 4px -377px;
text-indent: -9999px;
border: none;
margin: 0;
padding: 0;
width: 20px;
height: 18px;
}
/* Search Advanced
------------------------------------------------------ */
.search-advanced input.text {
float: left;
font-size: 14px;
height: 18px;
margin: 0 6px 0 0;
padding: 0 4px;
}
#dropdown-outside {
display: none;
}
/* Map search */
.mapwindow-title {
background: #0090D4;
color: #fff;
}
.mapwindow-content {
margin: 0;
}
.mapwindow-content .listbox ul ul {
background: none;
margin: 0;
padding: 0;
}
.form-element-advanced-search input {
background:url(http://fast.mediamatic.nl/f/flwc/image/menu-icon.png) no-repeat scroll 292px -376px #FFFFFF;
}
.mapwindow-content .list-view-item-thing.last-child {
margin-bottom: 9px;
}
.googlemaps-small-icon {
margin-right: 9px;
}
.googlemaps-mapwindow {
margin-left: -9px;
}
.isIE6x .googlemaps-mapwindow,
.isIE7x .googlemaps-mapwindow {
margin-left: -6px;
}
/* content area
-------------------------------------------------------------- */
#content.span-40 .padding {
padding: 0 24px 0 0;
}
/* Detailed view
-------------------------------------------------------------- */
.dv { }
/* part1
---------------------------------------------------------- */
.dv .chapeau {
color: #8c8c8c;
float: left;
margin: 0 .3em 0 0;
line-height: 16px;
}
.dv-title {
clear: both;
margin: 0;
}
body.article #content {
padding-top: 2em;
clear: both;
}
.dv .wrapper-date-location {
margin: 0 0 6px;
font-size: 16px;
line-height: 24px;
color: #3c5a64;
}
.dv .wrapper-date-location * {
display: inline;
float: none;
}
.dv .list-located_in li {
background: none;
display: inline;
float: none;
}
.dv .list-located_in a {
color: #3c5a64;
padding: 0 2px 2px;
margin: 0 -2px -2px;
}
.dv .list-located_in a:hover,
.dv .list-located_in a:focus {
color: #EA7417;
}
.dv .figblock03 li img {
margin: 0;
padding: 0;
}
.edit-page .dv .figblock03 {
margin: 0;
padding: 0;
/* style_ie.css: haslayout bug fix */
}
.edit-page .link-fig {
clear: both;
}
.edit-page .daterange {
float: none;
}
.edit-page .daterange-coverage {
margin: 0 0 18px;
}
.institution .figblock01 {
float: left;
margin-right: 12px;
}
/* list-author / list-actor
------------------------------------------------------ */
.list-actor,
.list-author {
margin: 0 0 18px 0;
}
.list-author a,
.list-actor a {
color: #0090D4;
}
.list-author a:hover,
.list-actor a:hover {
color: #EA7417;
}
.list-author ul.list li img,
.list-actor ul.list li img {
margin: 0 ;
height: 16px;
width: 16px;
}
.list-author a span,
.list-actor a span {
display: block;
height: 16px;
padding: 0 0 0 4px;
line-height: 16px;
overflow: hidden;
cursor: pointer;
float: left;
}
/* only modern browsers */
.list-author a:hover > span,
.list-actor a:hover > span {
background: #EA7417;
color: #fff;
}
.list-actor a {
margin-bottom: 12px;
}
.list-actor h5,
.list-author h5 {
float: left;
margin: 0 3px 0 0;
line-height: 16px;
}
.list-author ul.list li,
.list-actor ul.list li {
background: none;
margin: 0;
padding: 0;
}
/* pubdate
------------------------------------------------------ */
.org-pubdate {
color: #bbb;
}
/* part2
---------------------------------------------------------- */
.dv-part2 {}
/* body (see wiki styles in typography css)
------------------------------------------------------ */
.body {
clear: both;
}
.caption {
color: #8c8c8c;
}
.caption p.title {
margin: 0;
}
.caption .sep {
display: none;
}
.download {
display: none;
}
/* similar search
---------------------------------------------------------- */
.metatypes {
font-weight: bold;
color: #8c8c8c;
margin: 0 0 .5em 0;
}
.metatypes a {
color: #8c8c8c;
}
.list-metadata {
margin: 0 0 1em;
}
/* Context
-------------------------------------------------------------- */
/* connections
---------------------------------------------------------- */
/* metadata
---------------------------------------------------------- */
.body a:hover,
.intro a:hover,
.metadata a.selected {
background: #eee;
border-bottom: none;
color: #EA7417;
}
#sidebar .metadata,
#sidebar .tagcloud {
background: none;
margin-bottom: 18px;
}
.metadata li.similar a {
color: #000;
}
.metadata li.similar a:hover {
color: #EA7417;
}
.metadata li {
font-weight: bold;
margin: 0;
padding: 0;
background: none;
color: #0090d4;
}
/* predicate-rest
---------------------------------------------------------- */
#sidebar .predicate-rest {
display: none;
}
.predicate-rest {
clear: left;
margin: 0;
padding: 0 0 7px;
}
.predicate-rest h5 {
float: left;
width: 140px;
font-weight: normal;
margin-bottom: 0;
}
.predicate-rest li {
float: left;
padding: 0;
display: inline;
margin-right: 3px;
}
.predicate-rest li a {
float: left;
background:#ccc none repeat scroll 0 0;
border-bottom:0 none;
color:#FFFFFF;
padding:1px 2px;
text-decoration: none;
margin-right: 4px;
}
.predicate-rest li a:hover {
color: #000;
}
/* blog
-------------------------------------------------------------- */
.blogposting .listbox {
margin: 0;
}
li.blogposting {
margin: 0 0 36px 0;
}
li.blogposting .tags {
margin: 0;
}
li.blogposting .intro {
margin-bottom: 18px;
}
li.blogposting .intro p {
display: inline;
}
li.blogposting .body img {
margin: 0 .5em 0 0;
display: block;
float: none;
}
li.blogposting p.info a {
border-right: 1px solid #ccc;
margin: 0 3px 0 0;
padding: 0 3px 0 0;
}
li.blogposting p.info .link-icons a {
border: none;
margin: 0;
padding: 0;
}
li.blogposting .footer {
line-height: 18px;
}
li.blogposting .link-icons {
display: block;
height: 18px;
}
li.blogposting .link-icons img {
margin: 1px 3px 0 0;
}
.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 0 7px 0;
padding: 0;
border: none;
}
.calendar-search label {
font-weight: normal;
}
.calendar-search p {
display: inline;
}
.calendar-search fieldset.period-buttons,
.calendar-search fieldset.period-select {
float: left
}
/* forum
------------------------------------------------------------- */
.forum {
margin-top: 24px 0 0 0;
width: 416px;
}
#forum p {
margin-bottom: 12px;
}
.connections .list-notes li {
display: block;
}
/* forum-activity
--------------------------------------------------------- */
.forum-activity p {
color: #fff;
margin: 1em .3em 0 0;
width: 20px;
height: 20px;
text-indent: 1px; /* ie_style: 0 */
text-align: center;
font: normal bold 12px/19px verdana, sans-serif; /* ie_style: line height 18 */
float: left;
}
/* Default: white background */
.forum-activity-normal p,
.forum-activity-active p {
background: white url(http://fast.mediamatic.nl/f/flwc/image/forum-activity-active-white.gif) no-repeat 0 0;
margin: 5px .3em 0 0;
}
/* Yellow background */
ul .forum-activity-normal p,
ul .forum-activity-active p {
background: orange url(http://fast.mediamatic.nl/f/flwc/image/forum-activity-active.gif) no-repeat 0 0;
margin: 4px .3em 0 0;
}
/* forum topic
---------------------------------------------------------- */
.topic {
border: 1px solid #8c8c8c;
margin: 0 0 2em 0;
padding: 1em;
}
.topic h3 {
line-height: 2;
}
.topic .partof,
.topic .btm {
margin: .2em 0;
font-size: 12px;
color: #bbb;
}
/* resources
---------------------------------------------------------- */
.connections .list-resources li {
display: block;
}
/* edit-page
-------------------------------------------------------------- */
.caption p.title {
display: inline;
}
/* module contact
-------------------------------------------------------------- */
.contact-couple {
background: #fff;
border:1px dashed #bbb;
clear: left;
display: block;
height: 130px;
margin: 7px 0 21px;
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;
}
.activity,
.design-by {
margin: 0;
color: #6f6f6f;
}
.design-by a {
font-family: Georgia, Times new roman, serif;
}
.activity a,
.design-by a {
color: #6f6f6f;
border-bottom: 1px dotted #6f6f6f;
}
.activity a:hover,
.design-by a:hover {
color: #000;
}
/* logon
-------------------------------------------------------------- */
div.acc-title {
background-color: #0090D4;
}
div.acc-title:hover,
div.acc-content-open:hover {
background-color: #0090D4 !important;
}
.autocomplete h1 {
font-size: 54px;
font-style: normal;
}
/* manage myu things
-------------------------------------------------------------- */
tr.even td,
tr.even td .person {
background-color: #EBEBEB;
}
tr.odd td,
tr.odd td .person {
background-color: #ccc;
}
/* 4.12 update overrides
-------------------------------------------------------------- */
/* comment styling override
-------------------------------------------------------------- */
.comment-content input.text, .comment-content textarea {
width: 581px;
}
.comment-meta .comment-date,
.comment-meta .comment-date-sep {
margin-top: 5px;
}
.comment-meta .comment-date-sep {
margin-left: 2px;
}
.comment-meta .comment-author {
padding: 5px 0 0 0;
}
/* Additional width settings for main and sidebar comment text edit boxes
---------------------------------------------------------------- */
.span-40 .comment-content .form-element input {
color: #999;
border-color: #999;
width: 578px;
}
.span-40 .comment-content .form-element textarea {
color: #999;
border-color: #999;
width: 578px;
border-bottom-width:0;
}
.span-36 .comment-content .form-element input {
color: #999;
border-color: #999;
width: 384px;
}
.span-36 .comment-content .form-element textarea {
color: #999;
border-color: #999;
width: 384px;
border-bottom-width:0;
}
.span-24 .comment-content .form-element input {
color: #999;
border-color: #999;
width: 274px
}
.span-24 .comment-content .form-element textarea {
color: #999;
border-color: #999;
width: 274px;
border-bottom-width:0;
}
.comment-content {
overflow: hidden;
}
/* forms
-------------------------------------------------------------- */
.search-advanced-horizontal div,
.search-advanced-horizontal label {
margin: 3px 3px 0 0;
}
/* Comments
---------------------------------------------------------------- */
.comment-body-wrapper textarea.comment-body {
border: none !important;
border-bottom-width: 0px !important;
}
.list-view-simple .list li {
padding: 6px 0 0 0;
margin: none;
display: block;
}
/* 4.13 Update stlyes
---------------------------------------------------------------- */
/* action dialog colors
---------------------------------------------------------------- */
/* left + right button */
.form-button-highlite button,
.do-something button,
.do-something button.status {
background-color: #0090d4;
}
.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: #0090d4;
}
/* 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: #0090d4;
color: #fff;
}
/* right */
.form-button-highlite,
.do-something button.do-something-other {
background-color: #fff;
color: #0090d4;
}
.do-something button.do-something-other:hover {
background-color: #0090d4;
color: #fff;
}
/* Action dialog itself
---------------------------------------------------------------- */
.dialog-drag-handle {
background-color: #0090d4;
border: 1px solid #0090d4;
}
.dialog-drag-handle-text {
color: #fff;
}
#action-logon-logon form {
margin-bottom: 30px;
}
/* 4.14 override
---------------------------------------------------------------- */
.form-element input.form-date-field {
width: 31px !important;
}
/* dont display personal info */
.list-metadata-person .metadata-person-address-location,
.list-metadata-person .metadata-person-address-info {
display: none;
}
.list-metadata-person .metadata-person-group {
margin: 0;
padding: 0;
background: none;
}
/* 4.16 override
---------------------------------------------------------------- */
.dv-title .do-something {
margin: 6px 9px 6px 0;
}
h2 {
font-size: 24px;
line-height: 32px;
}
/* Chapeau icons
---------------------------------------------------------------- */
/*
.chapeau .chapeau-type {
padding-right: 6px;
}
*/
.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/flwc/image/list-item-sprite.png) no-repeat 0 -32px;
}
.isIE .chapeau-interest {
background: url(http://fast.mediamatic.nl/f/flwc/image/list-item-sprite.png) no-repeat 0 -64px;
}
.isIE .chapeau-participant {
background: url(http://fast.mediamatic.nl/f/flwc/image/list-item-sprite.png) no-repeat -2px -96px;
}