
/* - ++resource++plone.app.jquerytools.overlays.css - */
@media screen {
/* https://submitted.richardmillwood.net/portal_css/++resource++plone.app.jquerytools.overlays.css?original=1 */
div.overlay {
width: auto;
height: auto;
/* */
display: none;
/* */
margin: 1em;
}
div.overlay-iframe,
div.overlay-ajax {
width: 60%;
min-height: 100px;
z-index: 99; /* */
}
div.overlay-iframe {
height: 60%;
}
/* */
div.overlaybg div.close,
div.overlay div.close {
background-image: url(++resource++plone.app.jquerytools.pb_close.png);
position: absolute;
left: -14px;
top: -14px;
cursor: pointer;
height: 30px;
width: 30px;
}
.pb-ajax {
overflow-y: auto;
}
.pb-ajax, .pb-image {
background-color: #fff;
border: 1px solid #999;
white-space: normal;
box-shadow: 0 0 3em 0.5em #666;
-moz-box-shadow: 0 0 3em 0.5em #666;
-webkit-box-shadow: 0 0 3em #666;
}
.pb-ajax > div {
width: 92%;
padding: 1em;
}
.pb-ajax .documentActions {display:none}
div.overlay div.close span {
display: block;
height: 1px;
margin: -1px 0 0 -1px;
overflow: hidden;
padding: 0;
width: 1px;
}
div.overlay textarea { width: 100%; }
/* */
div.overlay .link-parent { display: none; }
div.overlay #createGroup legend { display: none; }
div.overlay #createGroup fieldset { border: none; }
/* */
div.overlay p {
margin-bottom: 1em;
}
div.overlay label {
margin-bottom: 0.25em;
}
div.overlay a:hover {
color: #75ad0a;
}
div.overlay a.selected {
color: #000000;
}
div.overlay .formTab {
margin-right:1em;
font-weight: bold;
}
div.overlay .formTab.lastFormTab {
margin-right:0em;
}
div.overlay .formControls a {
display: block;
margin: 0.75em;
}
}


/* - ploneCustom.css - */
@media all {
/* https://submitted.richardmillwood.net/portal_css/ploneCustom.css?original=1 */
body {
background-image: url("portal_skins/custom/tread-softly-background-slimmer.jpg");
background-repeat: no-repeat;
background-color: transparent;
margin: auto;
margin-top: 0px;
}
#portal-personaltools {
box-shadow: 0.1em 0.1em 0.2em 0em #666666;
}
#portal-personaltools dd {
box-shadow: 0.1em 0.1em 0.2em 0em #666666;
}
#portal-languageselector {
box-shadow: 0.1em 0.1em 0.2em 0em #666666;
padding: 0 0.5em 0 0.5em;
max-width:60%;
}
#content p, #content table, #content dl, dl.portlet p, dl.portlet {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
#portal-searchbox {
clear: none;
float: right;
font-size: 80%;
margin-bottom: 0em;
margin-left: 0em;
margin-right: 1em;
margin-top: 0em;
text-align: left;
}
#content .pullquote {
background-color: White;
padding: 1em 1em 1.5em 1em;
margin: 1em 0em 1em 1em;
box-shadow: 0.25em 0.25em 0.5em 0.1em #666666;
font-size: 1.2em;
font-style: italic;
font-weight: normal;
letter-spacing: 0.0em !important;
line-height: 1.1em;
}
#content .aim {
float: right;
width: 35%;
clear: right;
color: #444;
background-color: PaleGoldenRod;
padding: 1em 1em 1.5em 1em;
margin: 2em 0em 0em 2em;
box-shadow: 0.25em 0.25em 0.5em 0.1em #666666;
font-size: 1.2em;
font-style: italic;
font-weight: normal;
letter-spacing: 0.0em !important;
line-height: 1.1em;
}
#content .reflection {
float: right;
width: 35%;
clear: right;
color: #444;
background-color: PowderBlue;
padding: 1em 1em 1.5em 1em;
margin: 2em 0em 0em 2em;
box-shadow: 0.25em 0.25em 0.5em 0.1em #666666;
font-size: 1.2em;
font-style: italic;
font-weight: normal;
letter-spacing: 0.0em !important;
line-height: 1.1em;
}
#content .contribution {
float: right;
width: 35%;
clear: right;
color: #444;
background-color: LavenderBlush;
padding: 1em 1em 1.5em 1em;
margin: 1em 0em 1em 1em;
box-shadow: 0.25em 0.25em 0.5em 0.1em #666666;
font-size: 1.2em;
font-style: italic;
font-weight: normal;
letter-spacing: 0.0em !important;
line-height: 1.1em;
}
#content .originality {
float: right;
width: 35%;
clear: right;
color: #444;
background-color: AquaMarine;
padding: 1em 1em 1.5em 1em;
margin: 1em 0em 1em 1em;
box-shadow: 0.25em 0.25em 0.5em 0.1em #666666;
font-size: 1.2em;
font-style: italic;
font-weight: normal;
letter-spacing: 0.0em !important;
line-height: 1.1em;
}
#content .quotation {
margin: 0em 6em 0em 6em;
}
#content .quotationByLine {
margin: 0em 6em 0em 6em;
text-align:right;
}
h2.tileHeadline {
float: left;
width: 20em;
text-align: right;
margin-top: 8px;
margin-right: 8px;
padding: 4px;
background-color: #F0F0F0;
font-size: 1.2em;
}
p.tileBody {
padding: 8px;
overflow: auto;
}
p.tileFooter {
display: none;
}
#portal-logo {
display:none;
}
#portal-globalnav {
background-color: transparent;
min-height: 92px;
}
#portal-globalnav li a {
color: DarkSlateBlue;
font-weight: bold;
font-size: 1.2em;
min-width: 2em;
max-width: 6em;
text-align: center;
padding-bottom: 0.5em;
padding-left: 0.5em;
padding-right: 0.5em;
padding-top: 0.5em;
margin-right: 8px;
margin-top: 8px;
border: 0px;
border-radius: 8px;
box-shadow: 0.1em 0.1em 0.2em 0em #666666;
}
#portal-globalnav .selected a {
background-color: DarkSlateBlue;
}
#portal-globalnav .selected a:hover {
background-color: grey;
color: white;
}
#portal-globalnav a:hover {
background-color: grey;
color: white;
}
.portletStaticText {
display: block;
font-size: 80%;
line-height: 1.5em;
margin-top: 2em;
margin-bottom: 2em;
padding: 0.5em;
padding-left: 1em;
}
.portlet-static-quotation {
display: block;
font-size: 80%;
line-height: 1.5em;
margin-top: 2em;
margin-bottom: 2em;
padding: 0.5em;
padding-left: 1em;
background-color: DarkSlateBlue ;
color: white;
box-shadow: 0.25em 0.25em 0.5em 0.1em #666666;
}
.portlet-static-quotation p {
padding-bottom: 0.5em;
padding-top: 0.5em;
}
.portlet-static-seventies-image, .portlet-static-eighties-image, .portlet-static-nineties-image, .portlet-static-noughties-image, .portlet-static-next-image {
background-image: url("portal_skins/cork.jpg");
padding: 1em;
border: 1px;
box-shadow: 0.25em 0.25em 0.5em 0.1em #666666;
text-align: center;
}
.portlet-static-seventies-image img, .portlet-static-eighties-image img, .portlet-static-nineties-image img, .portlet-static-noughties-image img, .portlet-static-next-image img {
border: 1px;
box-shadow: 0.25em 0.25em 0.5em 0.1em #666666;
}
.portletCollection {
display: block;
font-size: 80%;
line-height: 1.5em;
margin-top: 2em;
margin-bottom: 2em;
padding: 0.5em;
padding-left: 1em;
background-color: white ;
color: black;
border: 1px;
box-shadow: 0.25em 0.25em 0.5em 0.1em #666666;
}
.portlet-static-timeline {
background-color: LightGrey;
}
.timeline-event-bubble-time {display: none;}
.employment { color: Green;}
.professional { color: Black;}
.education { color: Green;}
.teaching {color: Purple;}
.publication {color: DarkGoldenRod;}
.conference {color: Blue;}
.project {color: Red;}
.claim.timeline-event-label {font-weight: bold; background:white; padding: 0em 0.5em 0em 0.5em;}
.timeline-event-icon { line-height:8px;}
.employment.timeline-event-tape, .timeline-small-event-icon.small-employment { background-color: Green;height:10px; width:2px;}
.professional.timeline-event-tape, .timeline-small-event-icon.small-professional { background-color: Black;height:10px; width:2px;}
.education.timeline-event-tape, .timeline-small-event-icon.small-education { background-color: Green;height:10px; width:2px;}
.teaching.timeline-event-tape, .timeline-small-event-icon.small-teaching {background-color: Purple;height:10px; width:2px;}
.publication.timeline-event-tape, .timeline-small-event-icon.small-publication {background-color: DarkGoldenRod;height:10px; width:2px;}
.conference.timeline-event-tape, .timeline-small-event-icon.small-conference {background-color: Blue;height:10px; width:2px;}
.project.timeline-event-tape, .timeline-small-event-icon.small-project {background-color: Red;height:10px; width:2px;}
.timeline-small-event-icon.claim {outline:2px; outline-style: solid; outline-color:White;height:12px; width:2px;}
.corkboard {
padding: 1em;
background-image: url("portal_skins/cork.jpg");
background-size: 25%;
border: 1px;
box-shadow: 0.25em 0.25em 0.5em 0.1em #666666;
text-align: "center";
}
.corkboard img {
margin: 0.25em;
border: 1px;
box-shadow: 0.25em 0.25em 0.5em 0.1em #666666;
}
.highlightedGlossaryTerm {
border-bottom: 1px dotted black;
background: none;
}
#content .eventDetails {
width: 20%;
padding: 0em;
border: 0px;
margin:1em 0em 1em 1em;
box-shadow: 0.25em 0.25em 0.5em 0.1em #666666;
}
#content .eventDetails table {
width: 100%;
padding: 0.5em;
margin:0em;
border: 0px;
}
#content .eventDetails tr.odd th {
line-height: inherit;
padding: 0.5em;
border: 0px;
margin:0em;
color: white;
background-color: #427597;
}
#content .eventDetails tr.even th {
line-height: inherit;
padding: 0.5em;
border: 0px;
margin:0em;
color: white;
background-color: #427597;
}
#content .eventDetails tr.odd td {
line-height: inherit;
padding: 0.5em;
border: 0px;
margin:0em;
background-color: whitesmoke;
}
#content .eventDetails tr.even td {
line-height: inherit;
padding: 0.5em;
border: 0px;
margin:0em;
background-color: whitesmoke;
}
div.description {
font-weight: bold;
}
h2.tileHeadline {
float: left;
width: 20em;
height: 100%;
text-align: right;
margin-top: 0em;
margin-right: 1em;
padding: 0.5em;
background-color: #F0F0F0;
font-size: 1.2em;
}
#content div.documentByLine {
float: right;
clear:right;
margin: 0em 1em 0em 1em ;
width: 16em;
font-size: 85%;
display: block;
color: #666;
}
p.tileBody {
padding: 0em;
overflow: auto;
}
#content .documentDescription {
padding-bottom: 1.5em;
margin-bottom:0.5em;
border-bottom: 1px solid black;
}
table.listing a {
display: inherit;
}
dl#relatedItemBox {
text-align: right;
}
p.body {
margin-left: 4em;
text-indent: -4em;
}
tr {
vertical-align: top;
}
#content ol, dl.portlet ol {
list-style-type:circle;
font-weight:normal;
}
#content ol.TOC1Digit, ol.TOC2Digit {
list-style-type:square;
font-weight:bold;
}
#document-toc {
background-color: aliceblue;
}
}

