/* PSUEDO-VARIABLES */
/*********************
base font color: #200
normal text: 18px
small text: 14px
global background: #400
subjnav link: white
dark blue: #0c0d30
blue highlight: #9EB5D2 = hsl(213, 37%, 72%)
desaturated blue highlight: #667D99 = hsl(213, 20%, 50%)
content unvisited link: #42413C
content visited link: #6E6C64
sidebar unvisited link: #400
sidebar visited link: #300
content background: white
sidebar background: #aeb9c6 rgb(174, 185, 198) hsl(214, 17%, 73%)
- lighter version for small areas: #bfcbd9
sidebar headers: #591818, rgb(89, 24, 24), hsl(0, 58%, 22%)
above-everying z-index: 99
parchment background: #DFD0B5
default z-index: 1
heading line-height: 1.8
*********************/
/* use on
or
to clear floats */
.clear {
border:0;
height:0;
width:0;
margin:0;
padding:0;
background: transparent;
clear: both;
}
/* icon font */
@font-face {
font-family: 'fontello';
src: url('../fonts/fontello.eot%3F67279710');
src:
url('../fonts/fontello.eot%3F67279710') format('embedded-opentype'),
url('../fonts/fontello.woff2%3F67279710') format('woff2'),
url('../fonts/fontello.woff%3F67279710') format('woff'),
url('../fonts/fontello.ttf%3F67279710') format('truetype'),
url('../fonts/fontello.svg%3F67279710') format('svg');
font-weight: normal;
font-style: normal;
}
/* presentational icons */
[class^="icon-"]::before,
[class*=" icon-"]::before,
.icon-link-ext::after,
[href^="mailto:"]::before,
[href*="facebook.com"]::before,
[href*="twitter.com"]::before,
[rel="external"]::after {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
margin-right: .2em;
width: 1em;
display: inline-block;
text-align: center;
text-decoration: none;
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
text-indent:0;
/* improve sharpness on OS X */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-print::before { content: '\e800'; }
.icon-book::before { content: '\e802'; }
.icon-search::before { content: '\e80c'; } /**/
.icon-zoom-in::before { content: '\e80e'; }
.icon-zoom-out::before { content: '\e80f'; }
.icon-facebook::before,
[href*="facebook.com"]::before {
content: '\e803';
}
.icon-twitter:before,
[href*="twitter.com"]::before {
content: '\e804';
}
.icon-mail:before,
[href^="mailto:"]::before {
content: '✉'; /* \2709 */
}
.icon-link-ext::after,
[rel="external"]::after {
content: '\e801';
font-size: smaller;
margin-right:0;
margin-left: .2em;
}
.icon-picture::before { content: '\e809'; }
.icon-attach::before { content: '\e807'; } /**/
.icon-facsimile::before { content: '\e808'; } /**/
.icon-teaching::before { content: '\e810'; } /**/
.icon-language::before { content: '\e811'; } /**/
.icon-annotation::before { content: '✎'; } /* \270e */
.icon-rss::before { content: '\e805'; }
.icon-login::before { content: '\e80a'; }
.icon-logout::before { content: '\e80b'; }
.icon-previous::before { content: ''; }
.icon-info:before { content: 'ℹ'; } /* \2139 */
.icon-sort:before { content: '⇵'; } /* \21f5 */
.icon-sort-down:before { content: '▾'; } /* \25be */
.icon-sort-up:before { content: '▴'; } /* \25b4 */
.icon-xwiki:before { content: '\e806'; }
.icon-menu:before { content: '≡'; } /* \2261 */
.icon-ok:before { content: '✓'; } /* \2713 */
.icon-cancel:before { content: '❌'; } /* \274c */
.icon-user:before { content: '\e80d'; } /**/
.icon-eye:before { content: '\e812'; } /**/
.icon-delete:before { content: '\e813'; } /**/
.icon-login::before {
/* adjust positioning of login icon slightly */
position: relative;
left: -1px;
}
/* content icons */
.icon {
font-family: "fontello";
}
/* remove extra padding around content */
html, body {
margin:0;
padding:0;
}
body {
font: 18px/1.4 "Times New Roman", Georgia, serif;
color: #000; /* base font color */
}
/* remove browser default border on linked images */
a img { border:0; }
/* don't underline links */
a:link,
a:visited {
text-decoration: none;
}
/* set all heading in Garamond */
@font-face {
font-family: 'EB Garamond';
font-style: normal;
font-weight: 400;
src:
local('EB Garamond'),
local('EBGaramond'),
url("../fonts/Garamond.woff") format('woff')
;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "EB Garamond", Georgia, serif;
font-weight: normal;
color: #591818;
}
h1 { font-size: 36px; font-weight: bold; color: black; }
h2 { font-size: 21px; }
h3 { font-size: 18px; }
/* don't use fixed-width font for */
pre {
font-family: inherit;
}
[aria-hidden='true'] {
visibility: hidden;
}
input {
box-sizing: border-box;
}
abbr[title] {
text-decoration: none;
}
/*************************/
/* BASIC PAGE LAYOUT */
/*************************/
/* content is structured like: */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
body (.fullwidth)
._notice
._account
._header.fixedwrap
._subjnav
._submenu.fixedwrap
._body.fixedwrap
._roomnav
._leftnav
._friend
._gadgets
._sitesearch
._friendFeatures
(._toc)
(._localnav)
(._calendar)
(._relatednav)
._content
.lefthang
._sharelinks
._footer.fixedwrap
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body {
padding: 0 40px; /* room for lefthang */
}
body.fullwidth {
padding:0;
}
._survey {
display: flex;
align-items: center;
justify-content: space-between;
}
._survey_go {
flex-shrink: 0;
}
._survey_hide {
flex: 0;
cursor: pointer;
}
._header {
background-color: black;
}
._header h1 {
padding:0;
margin:0;
/* image replace */
text-indent: -200%;
background: url("../images/header-2013.png") bottom right no-repeat rgb(89, 24, 24);
height: 110px; /* image height */
width: 602px; /* image width */
padding-left: 113px; /* avoid logo */
}
._account {
text-align: right;
position: fixed;
top: 0;
right: 0;
background-color: #aeb9c6;
z-index: 3;
padding: 2px 0;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
._account > a:link,
._account > a:visited {
display: inline-block;
color: #300;
padding: 2px 1em .25em;
font-size: 16px;
}
._account > a::before {
margin-right: .5em;
}
._account > a:last-of-type {
padding-right: 1.5em;
}
._subjnav.nav-horizontal {
color: white; /* subjnav link */
margin:0;
padding: 3px 0 0 120px; /* avoid ISE logo on left */
background-color: #0c0d30; /* dark blue */
border-top: 1px solid #400; /* global background */
/* note: using height instead of bottom padding so s can bleed to edge */
height: 35px; /* heading line-height + top padding */
}
._subjnav a:link,
._subjnav a:visited {
color: white; /* subjnav link */
text-decoration: none; /* no underline */
}
._subjnav > li:first-child {
/* image replace with ISE logo */
text-indent: 100px; /* same as width */
overflow: hidden;
background: url("../images/logo-2013.png") no-repeat !important;
/* position in top left */
position: absolute !important;
top: 6px; /* center vertically in header */
left: 8px;
width: 100px;
height: 133px !important;
/* override ._subjnav and .nav-horizontal styling */
margin:0;
padding:0;
border-radius:0;
}
._subjnav > li:first-child > a {
/* override .nav-horizontal styling, cover container */
height: 100%;
width: 100%;
margin:0;
padding:0;
}
._subjnav li {
border-radius: 6px;
}
._subjnav li:hover,
._subjnav li.closing {
/* make it look like a tab */
background-color: #667D99; /* desaturated blue highlight */
border-bottom-right-radius:0;
border-bottom-left-radius:0;
/* bleed down to edge of ._submenu, but don't overlap */
height: 35px; /* height of ._subjnav */
}
@-webkit-keyframes tab-fade {
0% { background-color: #667D99; } /* desaturated blue highlight */
100% { background-color: transparent; }
}
@-moz-keyframes tab-fade {
0% { background-color: #667D99; } /* desaturated blue highlight */
100% { background-color: transparent; }
}
._subjnav .closing {
/* fade out the background */
-webkit-animation: tab-fade .5s ease .6s forwards;
-moz-animation: tab-fade .5s ease .6s forwards;
-webkit-transition: background .5s ease;
-moz-transition: background .5s ease;
}
/* white is hard to see on blue highlight, use dark blue instead */
._subjnav .selected,
._subjnav :hover,
._subjnav .closing,
._subjnav .selected a:link,
._subjnav .selected a:visited,
._subjnav :hover a:link,
._subjnav :hover a:visited,
._subjnav .closing a:link,
._subjnav .closing a:visited,
._subjav a:link:hover,
._subjnav a:visited:hover {
color: #0c0d30; /* dark blue */
}
@-webkit-keyframes tabText-fade {
0% { color: #0c0d30; /* dark blue */ }
100% { color: white; /* subjnav link */ }
}
@-moz-keyframes tabText-fade {
0% { color: #0c0d30; /* dark blue */ }
100% { color: white; /* subjnav link */ }
}
._subjnav .closing a:link,
._subjnav .closing a:visited {
-webkit-animation: tabText-fade .5s ease .6s forwards;
-moz-animation: tabText-fade .5s ease .6s forwards;
}
._subjnav .selected,
._subjnav .selected:hover {
/* make it look like a tab */
background-color: #9EB5D2; /* blue hightlight */
border-bottom-right-radius:0;
border-bottom-left-radius:0;
/* bleed down to edge of ._submenu and overlap */
height: 2em;
}
._subjnav .current,
._subjnav .current:hover {
background-color: #9EB5D2; /* blue hightlight */
color: #0c0d30; /* dark blue */
-webkit-transition: background-color .5s ease;
-moz-transition: background-color .5s ease;
}
._subjnav .current.selected {
-webkit-transition: none;
-moz-transition: none;
}
._subjnav .current.behind {
background-color: #667D99; /* desaturated blue highlight */
}
._subjnav .current.closing {
/* skip the closing animation for the current tab */
-webkit-animation: none;
-moz-animation: none;
border-radius: 6px;
height: auto;
background-color: #9EB5D2; /* blue hightlight */
}
._subjnav .current a:link,
._subjnav .current a:visited {
color: #0c0d30; /* dark blue */
/* skip the closing animation for the current tab */
-webkit-animation: none;
-moz-animation: none;
}
._submenu.fixedwrap {
font-size: 14px; /* small text */
/* lighter blue background than #subjnav */
background-color: #9EB5D2; /* blue hightlight */
/* bottom border helps to group with #subjnav */
border-bottom: 3px solid #0c0d30; /* dark blue */
/* hide by default */
height: 0;
overflow: hidden;
margin-top: -3px; /* makes up for 3px border */
/* position parent for sub-panels */
position: relative;
/* allow tabs to bleed over edge */
z-index: 0; /* default z-index -1 */
/* animate resizing */
-webkit-transition: height .6s ease;
-moz-transition: height .6s ease;
}
._submenu.closing {
background-color: #667D99; /* desaturated blue highlight */
-webkit-transition:
height .6s ease,
background-color .5s ease
;
-moz-transition:
height .6s ease,
background-color .5s ease
;
}
._submenu > * {
margin: 10px 20px 20px;
display: table;
table-layout: fixed;
width: 896px; /* .fixedwrap width - 2*30px margin */
/* overlap panels */
position: absolute;
top:0;
left:0;
right:0;
/* hidden by default */
opacity: 0;
z-index: 1; /* default z-index */
/* animate opacity changes */
-webkit-transition: opacity .5s ease;
-moz-transition: opacity .5s ease;
}
._submenu > .selected {
z-index: 2; /* default z-index + 1 */
opacity: 1;
}
._submenu > * > * {
display: table-cell;
padding: 0 20px;
}
._submenu > *[data-for='subj-pnp'] {
/* try to avoid splitting multi-line play names across columns */
widows: 2;
orphans: 2;
}
._submenu > *[data-for='subj-pnp'] li {
padding-left: 1em;
text-indent: -1em;
break-inside: avoid; /* avoid splitting a different way (doesn't work in Chrome yet) */
}
._submenu > *[data-for='subj-lnt'] > * {
/* we need as much space as possible for this menu! */
padding: 0;
}
._submenu > *[data-for='subj-sip'] {
/* not much here for now; centering looks nicer */
text-align: center;
}
._submenu h2 {
margin:0;
margin-bottom: .3em;
color: #0c0d30; /* dark blue */
}
._submenu a:link { color: rgb(32,32,29); } /* content unvisited link */
._submenu a:visited { color: rgb(86,41,10); /* content visited link */
font-weight: bold;
}
._body {
background-color: white; /* content background */
/* position parent for ._leftnav */
position: relative;
/* contain floats and child margins */
padding-top: 1px;
}
._body.fixedwrap {
z-index: 2; /* default z-index +1 */
}
/* FIXME: collapse this somewhere if .fullwidth */
._roomnav {
/* position in top-right corner */
width: 343px;
margin-left: auto;
}
._roomnav h2 {
color: #400; /* global background */
border-bottom: 3px solid #400; /* global background */
padding: 0 20px;
margin: 10px 0 0;
}
._roomnav ul {
margin-top: 3px;
}
._roomnav .nav-horizontal > li {
/* override .nav-horizontal */
line-height: 1.4; /* base line-height */
}
._roomnav a:link {
color: rgb(11,60,126);
}
._roomnav a:visited {
color: rgb(114,58,4);
}
._roomnav .current a {
background-color: #bfcbd9; /* sidebar background, lighter version */
border-radius: 4px;
}
._leftnav {
width: 161px;
margin: 8px;
margin-left: 0;
padding: 18px 14px 10px;
border-radius: 6px;
background-color: #aeb9c6;
font-size: 14px; /* small text */
/* position to left of content */
position: absolute;
top:0;
}
.fullwidth ._leftnav {
/* hide it by default */
display: none;
/* add border and shadow when it's visible */
border: 2px solid white;
box-shadow: 1px 1px 1px 1px black;
}
._leftnav h2 {
padding: 0 15px;
line-height: 1.8; /* heading line-height */
background-color: rgb(89,24,24);
color: white;
font-size: 16px; /* slightly less than normal text */
/* bleed into ._leftnav padding */
margin: 14px -14px;
}
._leftnav > *:first-child > h2:first-child {
margin-top: -18px; /* consume top padding */
border-top-left-radius: 6px; /* match container radius since overflow allowed */
border-top-right-radius: 6px;
}
._leftnav h3 {
font-size: inherit;
margin:0;
padding:0;
}
._leftnav a:link { color: #400; } /* sidebar unvisited link */
._leftnav a:visited { color: #300; } /* sidebar visited link */
._leftnav li {
/* use hanging indent for all line-items in leftnav */
padding-left: .5em;
text-indent: -.5em;
}
._sitesearch {
margin-bottom: 1em;
}
._gadgets > * {
/* create a positioning context for each gadget */
position: relative;
z-index: 1; /* default z-index */
/* all gadgets must be blocks */
display: block;
}
._gadgets input[type='search'] {
width: 130px;
}
._gadgets .disabled { opacity:.6; }
._friendFeatures {
margin-top: 1em;
}
._friend {
text-align: center;
display: block;
}
._calendar {
/* FIXME: style will be tied to calendar revamp #779 */
}
._calendar h2 {
text-align: left; /* align the same as other headers */
}
/* indent TOC lines according to their heading level */
._toc li.h3 { margin-left: .8em; }
._toc li.h4 { margin-left: 1.6em; }
._toc li.h5 { margin-left: 2.0em; }
/* treat ol/ul in in ._localnav as if they were .nav */
._localnav ol,
._localnav ul {
list-style:none;
list-style-position: outside;
margin:0;
padding:0;
margin-left: .5em;
}
._localnav > ol,
._localnav > ul {
margin-left:0;
}
/* mark which one we're on */
._localnav .current {
font-weight: bold;
}
._localnav .current ul,
._localnav .current ol {
font-weight: normal;
}
._content {
padding: 20px 0px 40px;
/* leave room for ._leftnav */
padding-left: 217px; /* 161px + 2*14px + 8px + 20px */
}
.fullwidth ._content {
padding: 20px 20px 40px;
}
._content a:link { color: rgb(11,60,126); } /* link blue */
._content a:visited { color: rgb(114,58,4); } /* desaturated link blue */
._content a:hover {
color: #0c0d30; /* dark blue */
background-color: rgb(178,178,178); /* gray */
}
._content h1:first-of-type {
/* we don't need more space under .roomnav */
margin-top:0;
}
._sharelinks {
text-align: center;
/* hide text */
font-size:0;
color: transparent;
}
._footer.fixedwrap {
color: #300; /* sidebar visited link */
font-size: 14px; /* small text */
margin-bottom: 40px;
/* layout children evenly spaced */
display: table;
table-layout: fixed;
background-color: #aeb9c6;
padding: 10px 0;
border-radius: 6px;
border-top: 4px solid rgb(89, 24, 24);
}
._footer a,
._footer a:link,
._footer a:visited {
color: #300; /* sidebar visited link */
text-decoration: none;
}
._footer a:hover {
text-decoration: underline;
}
._footer ul,
._footer dl {
display: table-cell;
padding: 0 2em;
margin:0;
vertical-align: top;
}
._footer dl:first-child {
/* align with ._leftnav */
padding: 0 28px;
width: 161px;
}
._footer dt {
margin:0;
padding:0;
}
._footer dd {
margin:0;
padding:0;
padding-left: 1em;
}
#mobile {
/* separate this one a bit from its fellows */
margin-top: 1em;
}
.fixedwrap { /* wrap all sections in this */
width: 956px;
margin: 0 auto;
position: relative;
z-index: 1; /* default z-index */
}
.fullwidth .fixedwrap {
width: auto;
}
.lefthang { /* use inside .fixedwrap to hand outside left edge */
position:absolute;
left:-40px;
top:0;
bottom:0;
width:40px;
}
.addthis_toolbox {
opacity: .5;
background: transparent;
padding:0;
}
.addthis_toolbox:hover {
opacity: 1;
}
.fullwidth .lefthang {
display: none;
}
/***************************/
/* REUSABLE COMPONENTS */
/***************************/
/*~ PREVIOUS/NEXT ARROWS ~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
._content .next.icon, ._content .prev.icon {
padding: 5px 10px;
border: 2px solid rgb(89,24,24);
border-radius: 4px;
color: rgb(89,24,24);
display: inline-block;
}
._content .next.icon.disabled, ._content .prev.icon.disabled {
color: #777;
border-color: #777;
}
._content .next.icon.active:hover, ._content .prev.icon.active:hover {
color: white;
background-color: rgb(89,24,24);
}
/*~ COMPACT DEFINITION LISTS ~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
dl.compact {
overflow: auto;
}
dl.compact dt,
dl.compact dd {
margin:0;
padding:0;
float: left;
}
dl.compact dt {
clear: left;
}
dl.compact dd {
padding-left: 1em;
}
/*~ NAVIGATION MENUS ~*/
/*~~~~~~~~~~~~~~~~~~~~~~*/
.nav,
.nav-horizontal {
list-style:none;
margin:0;
padding:0;
}
.nav .nav {
margin-left: 1em;
}
.nav-horizontal > li {
display: inline-block;
zoom: 1; /* required for IE7 to honor display:inline-block */
padding: 0 .5em;
margin: 0 .5em;
line-height: 1.8; /* heading line-height */
}
.nav-horizontal > li > a {
display: block;
/* consume parent's padding */
margin: 0 -.5em;
padding: 0 .5em;
}
.limitlines li {
overflow-x: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/*~ FORMS ~*/
/*~~~~~~~~~~~*/
.required-mark {
color: red;
margin-left: 0.25em;
position: absolute;
}
.error-bubble {
background-color: #DDD3D3;
border: 1px solid #400;
border-radius: 4px;
color: #400;
padding: 0.5em;
}
a.button.button,
a.button--alt.button--alt,
form button,
form button[type='button'],
form button[type='reset'],
form input[type='button'],
form input[type='submit'],
form input[type='reset'] {
border: 2px solid #0c0d30;
border-radius: 4px;
color: white !important;
background-color: #0c0d30;
margin-left: 2px;
box-shadow:
-1px -1px 1px rgba(255, 255, 255, 0.4),
1px 1px 2px rgba(0, 0, 0, 0.3);
line-height: 1.15;
font-family: sans-serif;
box-sizing: border-box;
padding: 2px 6px 3px;
cursor: default;
}
a.button.button,
form button,
form input[type='submit'] {
border-color: rgb(89, 24, 24);
background-color: rgb(89, 24, 24);
}
a.button:hover,
a.button--alt:hover,
form button:hover,
form input[type='button']:hover,
form input[type='submit']:hover,
form input[type='reset']:hover,
a.button:focus,
a.button--alt:focus
form button:focus,
form input[type='button']:focus,
form input[type='submit']:focus,
form input[type='reset']:focus {
background-image: linear-gradient(to bottom, rgba(255,255,255,.3), rgba(255,255,255,0));
}
a.button:active,
a.button--alt:active,
form button:active,
form input[type='button']:active,
form input[type='submit']:active,
form input[type='reset']:active {
box-shadow: inset 0 0 4px black;
transform: scale(0.985);
}
a.button.disabled,
a.button--alt.disabled,
form button[disabled],
form input[type='button'][disabled]
form input[type='submit'][disabled]
form input[type='reset'][disabled] {
opacity: 0.4;
}
a.button.disabled:hover,
a.button--alt.disabled:hover,
form button[disabled]:hover,
form input[type='button'][disabled]:hover
form input[type='submit'][disabled]:hover
form input[type='reset'][disabled]:hover {
background-image: none;
}
a.button.disabled:active,
a.button--alt.disabled:active,
form button[disabled]:active,
form input[type='button'][disabled]:active
form input[type='submit'][disabled]:active
form input[type='reset'][disabled]:active {
transform: none;
box-shadow:
-1px -1px 1px rgba(255, 255, 255, 0.4),
1px 1px 2px rgba(0, 0, 0, 0.3);
}
/*~ POPUP WINDOWS & FOOTNOTES ~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.popups-on .popupContent {
display: none;
}
.popups-off .withPopups { display: none; }
/* note: selectors are over-qualified so that they override the jquery-ui theme */
.ui-widget.ui-dialog.ui-widget-content.popup {
background: #d4cdbf;
border: 1px solid black; border-radius:4px;
box-shadow: 0 5px 10px rgba(0,0,0,.6);
font-size: 14px; /* small text */
font-family: inherit;
color: black;
padding:0;
}
.ui-dialog.popup .ui-dialog-titlebar {
background: #0c0d30; /* dark blue */
color: white;
padding: 0 10px;
border:0;
font-size: 18px;
line-height: 1.8; /* heading line-height */
/* leave room for close button */
padding-right: 30px;
/* don't wrap */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* style links in popups the same as in the content area */
.popup .ui-widget-content a:link { color: rgb(11,60,126); } /* link blue */
.popup .ui-widget-content a:visited { color: rgb(114,58,4); } /* desaturated link blue */
.popup .ui-widget-content a:hover {
color: #0c0d30; /* dark blue */
background-color: rgb(178,178,178); /* gray */
}
.ui-dialog.popup .ui-dialog-titlebar > span {
float: none; /* no reason to float here... */
}
.ui-dialog.popup-isresizable .ui-dialog-titlebar {
padding-right: 84px;
}
.ui-dialog.popup .ui-dialog-titlebar.ui-corner-all {
/* remove rounded corners on header */
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
/* replicate button styles for resizer and pin */
.ui-dialog.popup .ui-dialog-titlebar-resize,
.ui-dialog.popup .ui-dialog-titlebar-pin {
position: absolute;
top: 50%;
margin: -10px 0 0 0;
width: 20px;
height: 20px;
padding: 1px;
box-sizing: border-box;
}
.ui-dialog.popup .ui-dialog-titlebar-close { right:5px; }
.ui-dialog.popup .ui-dialog-titlebar-resize { right:31px; }
.ui-dialog.popup .ui-dialog-titlebar-pin { right: 57px; }
/* only show resize button if popup is resizable */
.ui-dialog.popup .ui-dialog-titlebar-resize {
display: none;
}
.ui-dialog.popup.popup-isresizable .ui-dialog-titlebar-resize {
display: block;
}
.ui-dialog.popup.leftNib,
.ui-dialog.popup.rightNib {
overflow: visible;
}
.popup.leftNib::before,
.popup.rightNib::before,
.popup.leftNib::after,
.popup.rightNib::after {
content: "";
display: block;
position: absolute;
top: 33px; /* just below .ui-dialog-titlebar (18px * 1.8em) */
border-style: solid;
border-width: 16px;
border-color: transparent;
}
.popup.leftNib::before,
.popup.rightNib::before {
top: 32px;
border-width: 17px;
}
.popup.leftNib::before { /* nib background */
left: -17px;
border-left-width: 0;
border-right-color: black;
}
.popup.leftNib::after { /* nib foreground */
left: -16px;
border-left-width: 0;
border-right-color: #d4cdbf;
}
.popup.rightNib::before { /* nib background */
right: -17px;
border-right-width: 0;
border-left-color: black;
}
.popup.rightNib::after { /* nib foreground */
right: -16px;
border-right-width: 0;
border-left-color: #DFD0B5;
}
/*~ IEMBED AND ILINK ~*/
/*~~~~~~~~~~~~~~~~~~~~~~*/
.iembedContainer,
.iembedContent,
.iembedCaption,
.artifact_title,
.artifact_media {
/* most of these are spans, but actually need to be block-level */
display: block;
}
.iembedContainer {
margin: 10px;
}
.iembedContent {
/* positioning parent for .copyright */
position: relative;
z-index: 1; /* default z-index */
}
.iembedContent .copyright {
/* make a floating banner */
position: absolute;
bottom:0;
right:0;
left:0;
padding: 3px 5px;
text-align: center;
font-size: 10px;
font-family: "Helvetica", sans-serif;
line-height: 1em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: black;
background: white;
opacity: .6;
}
.iembedContent .copyright,
.iembedContent .copyright a {
text-decoration: none;
}
.iembedContent.video .copyright,
.iembedContent.audio .copyright {
/* don't float the copyright over the flash player,
or it might obscure the controls! */
position: static;
display: block;
background: none;
opacity: 1;
overflow: visible;
}
.iembedContent .mejs-container {
display: inline-block;
}
/************************/
/* VIDEO/AUDIO PLAYER */
/************************/
/* mostly styled by js-lib/mediaelement/mediaelementplayer.min.css */
.me-cannotplay {
/* center in the black media area */
color: white;
display: table-cell;
box-sizing: border-box;
padding: 1em;
vertical-align: middle;
}
.me-cannotplay a:link,
.me-cannotplay a:visited,
.popup .me-cannotplay a:link,
.popup .me-cannotplay a:visited {
color: white;
text-decoration: underline;
}
/* sometimes get these other errors in an overlay */
.mejs-overlay-error {
color: white;
text-shadow: 0 1px 0 black;
padding: 1em;
background: rgba(0,0,0,.4);
}
/* custom info link */
.mejs__info-link a:hover {
background-color: transparent;
}
.mejs__info-link .icon-info::before {
color: white;
margin: 0 7px;
width: 16px;
line-height: 40px;
font-size: 16px;
}
/*****************/
/* XWiki widgets */
/*****************/
.box.warningmessage {
background-color: #fcf8e3;
border: 1px solid #faebcc;
border-radius: 4px;
color: #8a6d3b;
margin-bottom: 20px;
padding: 19px;
min-height: 20px;
}
/*************************/
/* SINGLETON WIDGETS */
/*************************/
/*~ CITATION POPUP ~*/
/*~~~~~~~~~~~~~~~~~~~~*/
._citation {
max-width: 400px;
max-height: 300px;
}
._citation h3 {
margin-top:0;
}
/*~ IMAGE LIGHTBOX ~*/
/*~~~~~~~~~~~~~~~~~~~~*/
*[data-lightboxhref] {
position: relative;
z-index: 1; /* default z-index */
}
*[data-lightboxhref]:hover::before {
position: absolute;
right:0;
z-index: 2; /* default z-index + 1 */
content: "";
height: 20px;
width: 20px;
background:
url("../images/zoomin.gif")
no-repeat
rgba(255,255,255,.4)
;
}
#lightbox {
position: fixed;
top:0;
left:0;
right:0;
bottom:0;
z-index: 9999; /* above-everything z-index */
background-color: rgba(0,0,0,.6);
overflow: auto;
display: -webkit-box;
-webkit-box-align: center;
-webkit-box-pack: center;
}
#lightbox_sheet {
-webkit-box-flex: 1;
background-color: white;
margin: 0 auto;
text-align: center;
padding: 20px;
box-shadow: 0 0 20px black;
position: relative;
z-index: 1; /* default z-index */
max-width: 80%;
max-height: 90%;
overflow: auto;
}
#lightbox_sheet img {
max-width: 100%;
}
#lightbox_close {
position: absolute;
top:0;
right:0;
}
#lightbox_sheet > p {
margin-bottom:0;
}
/*~ Login forms ~*/
/*~~~~~~~~~~~~~~~~~*/
.login {
background-color: #591818;
}
.login .login-sheet {
position: relative;
z-index: 100;
margin: 50px auto;
padding: 20px 50px 30px;
border-radius: 10px;
box-shadow: 0 3px 20px black;
background-color: white;
}
.login-sheet {
display: block;
width: 300px;
}
.login-sheet__row {
clear: right;
display: block;
margin-bottom: .25em;
}
.login-sheet input,
.login-sheet fieldset {
float: right;
width: 200px;
}
.login-sheet input[type='submit'] {
width: 100px;
}
.login-sheet a:link {
color: rgb(11, 60, 126); /* link blue */
}
.login-sheet a:visited {
color: rgb(114, 58, 4); /* desaturated link blue */
}
.login-sheet a:hover {
color: #0c0d30; /* dark blue */
background-color: rgb(178, 178, 178); /* gray */
}
.login-sheet__friendme {
clear: right;
margin-top: 2em;
display: block;
text-align: center;
}
/* ********************** */
/* GLOBAL OVERRIDES */
/* ********************** */
.stub {
/* hide any stubs that somehow made it through */
display:none !important;
}
.no-animation {
-webkit-transition: none !important;
-moz-transition: none !important;
transition: none !important;
-webkit-animation: none !important;
-moz-animation: none !important;
}
/* ******************** */
/* DEPRECATED */
/* ******************** */
.navcue { display:none; }
hr.float-break {
visibility:hidden;
height:0; width:0;
margin:0; padding:0; border:0;
clear:both;
}
/* Common navigation styles */
.nav-text {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
white-space: nowrap;
}
ul.nav-text { margin:0; padding:0; list-style:none; }
ul.nav-text li { display:inline; margin:0; padding:0 .9em; list-style:none; }
/* FIXME: move these to more specific stylesheets */
#textToolsHelp {
margin-top: .8em;
}