body {
font-family: 'Josefin Sans', sans-serif;
font-size: 18px;
margin: 0;
text-shadow: rgba(0, 0, 0, .25) 1px 1px .25em;
width: 35em;
/* background-color: #cce3d5;*/
margin: 2em auto;
position: relative;
left: 8%;
overflow-x: hidden;
/* transform: translate(0em, 0em);*/
}
#main {
position: relative;
width: 40em;
overflow: hidden;
padding-left: 15em;
margin-left: -15em;
/* allowance for box-shadow on home page */
margin-top: -6em;
padding-top: 6em;
/* background-color: yellow;*/
/* position: relative;*/
/* enabled manually after page load */
/* transition: height .5s cubic-bezier(0.39, 0.575, 0.565, 1);*/
}
.slider.primary {
width: 440em; /* 8 × 55 */
-webkit-transform: translate(0);
transform: translate(0);
/* background-color: fuchsia;*/
/* enabled manually after page load */
/* -webkit-transition: -webkit-transform .5s cubic-bezier(0.39, 0.575, 0.565, 1);
transition: transform .5s cubic-bezier(0.39, 0.575, 0.565, 1);
*/ z-index: 1;
}
.slider.dropbox {
width: 110em;
-webkit-transform: translate(0);
transform: translate(0);
/* background-color: cyan;*/
z-index: 1;
margin-top: 10em;
}
.overlay {
position: absolute;
z-index: 2;
/* opacity: .25;*/
}
.overlay.left, .overlay.right {
width: 5em;
top: 0;
bottom: 0;
}
.overlay.top, .overlay.bottom {
height: 5em;
left: 0;
right: 0;
}
.overlay.left {
left: 0;
/* margin-left: -10em;*/
background: linear-gradient(to right, hsla(0,0%,100%,1) 0%,hsla(0,0%,100%,0) 100%);
/* background: linear-gradient(to right, hsla(0,50%,51%,1) 0%,hsla(0,50%,51%,0) 100%);*/
}
.overlay.right {
right: 0;
background: linear-gradient(to left, hsla(0,0%,100%,1) 0%,hsla(0,0%,100%,0) 100%);
/* background: linear-gradient(to left, hsla(0,50%,51%,1) 0%,hsla(0,50%,51%,0) 100%);*/
}
.overlay.top {
top: 0;
/* margin-left: -10em;*/
background: linear-gradient(to bottom, hsla(0,0%,100%,1) 0%,hsla(0,0%,100%,0) 100%);
/* background: linear-gradient(to bottom, hsla(0,50%,51%,1) 0%,hsla(0,50%,51%,0) 100%);*/
}
.overlay.bottom {
bottom: -3em;
background: linear-gradient(to top, hsla(0,0%,100%,1) 0%,hsla(0,0%,100%,0) 100%);
/* background: linear-gradient(to top, hsla(0,50%,51%,1) 0%,hsla(0,50%,51%,0) 100%);*/
}
.page {
/* float: left;*/
position: absolute;
/* background-color: tan;*/
width: 26.785em;
margin-left: 5.215em;
/* margin-right: 13em;*/
/* position: relative;*/
/* z-index: 10;*/
margin-top: 5em;
/* overflow: hidden;*/
}
body.home #main {
height: 45em;
}
h2 {
font-size: 1.444em;
font-weight: 700;
/* margin-top: 0;*/
}
header.masthead {
/* transform: rotate(-45deg);*/
/* background-color: pink;*/
-webkit-transform: translate(0);
transform: translate(0);
/* enabled manually after page load */
/* -webkit-transition: -webkit-transform .5s cubic-bezier(0.39, 0.575, 0.565, 1);
transition: transform .5s cubic-bezier(0.39, 0.575, 0.565, 1);
*/
position: relative;
z-index: 3;
}
header.masthead header.branding {
height: 11em;
/* background-color: lightblue;*/
/* position: absolute;*/
width: 17em;
/* z-index: 2;*/
/* text-shadow: rgba(0, 0, 0, .25) 0 0 .25em;*/
/* -moz-transform: rotate(45deg);
-moz-transform-origin: left top;
-o-transform: rotate(45deg);
-o-transform-origin: left top;
-ms-transform: rotate(45deg);
-ms-transform-origin: left top;
*/
-webkit-transform: rotate(45deg);
-webkit-transform-origin: left top;
transform: rotate(45deg);
transform-origin: left top;
}
header.masthead nav {
/* background-color: #bfc2ff;*/
/* opacity: .5;*/
position: absolute;
top: 7em;
left: 8.75em;
height: 17.7778em;
z-index: 1;
/* text-shadow: rgba(0, 0, 0, .25) 0 0 .25em;*/
/* -moz-transform: rotate(-45deg);
-moz-transform-origin: left top;
-o-transform: rotate(-45deg);
-o-transform-origin: left top;
-ms-transform: rotate(-45deg);
-ms-transform-origin: left top;
*/
-webkit-transform: rotate(-45deg);
-webkit-transform-origin: left top;
transform: rotate(-45deg);
transform-origin: left top;
}
header.masthead nav h2 {
position: absolute;
top: -9999px;
}
header.masthead nav ul {
/* background-color: lightblue;*/
font-size: 1.111em;
margin: 0;
padding: 0;
position: relative;
font-weight: 300;
}
header.masthead nav ul li {
list-style-type: none;
text-transform: lowercase;
margin-top: 0em;
margin-right: 0em;
margin-bottom: .8em;
line-height: 1em;
}
header.masthead nav canvas {
position: absolute;
/* background-color: lightblue;*/
top: 5.5em;
left: 4em;
/* width: 2.5em;*/
/* height: 7em;*/
/* opacity: 0.5;*/
}
#nav_calendar {
}
#nav_lectures {
margin-left: 1.8em;
}
#nav_labs {
margin-left: 3.6em;
}
#nav_homework {
margin-left: 5.4em;
}
#nav_syllabus {
margin-left: 7.2em;
}
#nav_software {
margin-left: 9.0em;
}
#nav_staff {
margin-left: 10.8em;
}
#nav_forums {
margin-left: 12.6em;
}
#catalyst {
height: 1em;
vertical-align: bottom;
}
#nav_dropbox {
/* text-decoration: line-through;*/
position: absolute;
left: 5.2em;
top: 10.2em;
/* display: inline;*/
/* background-color: fuchsia;*/
-moz-transform: rotate(90deg);
-moz-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-webkit-transform-origin: left bottom;
-o-transform: rotate(90deg);
-o-transform-origin: left bottom;
-ms-transform: rotate(90deg);
-ms-transform-origin: left bottom;
transform: rotate(90deg);
transform-origin: left bottom;
}
#course_title {
/* background-color: orange;*/
font-size: 2.5em;
font-weight: 600;
text-transform: lowercase;
/* text-shadow: rgba(0, 0, 0, .25) 0 0 .25em;*/
/* text-shadow: rgba(0, 0, 0, .25) .65em .35em .15em;*/
}
#course_id {
/* background-color: orange;*/
font-size: 1.778em;
font-weight: 400;
text-transform: uppercase;
position: absolute;
/* align right edge to left edge of parent */
text-align: right;
left: 0;
margin-left: -6em;
width: 6em;
/* align bottom edge to top edge of parent */
height: .85em;
line-height: 1em;
margin-top: -.85em;
/* vertical-align: baseline;*/
/* rotate, translate */
-webkit-transform: rotate(-90deg) translate(-1.4em, 2.4em);
-webkit-transform-origin: right bottom;
transform: rotate(-90deg) translate(-1.4em, 2.4em);
transform-origin: right bottom;
/* text-shadow: rgba(0, 0, 0, .25) 0 0 .25em;*/
/* text-shadow: rgba(0, 0, 0, .25) -.15em .35em .1em;*/
}
#course_quarter {
/* background-color: yellow;*/
font-size: 1.222em;
font-weight: 300;
text-transform: lowercase;
position: absolute;
top: 0;
height: 1em;
margin-top: -1em;
-webkit-transform: translate(4em, 5.75em);
-webkit-transform-origin: left bottom;
transform: translate(4em, 5.75em);
transform-origin: left bottom;
/* text-shadow: rgba(0, 0, 0, .25) 0 0 .25em;*/
/* text-shadow: rgba(0, 0, 0, .25) .05em .15em .1em;*/
}
#course_quarter small {
font-size: inherit;
}
#branding h1 {
margin: 0;
}
#course_id {
word-spacing: -.3em;
}
#course_id #section {
/* display: none;*/
/* display: block;*/
margin: 0 0 0 .15em;
/* margin: 0;*/
padding: 0;
/* position: absolute;*/
/* right: -.9em;*/
/* top: .1em;*/
display: inline-block;
/* vertical-align: baseline;*/
/* background-color: fuchsia;*/
color: white;
height: .85em;
line-height: 1em;
width: .75em;
text-align: center;
/* border: solid 1px black;*/
/* margin: -1px;*/
}
#section, #section li {
margin: 0;
padding: 0;
height: .85em;
line-height: .85em;
width: .75em;
display: inline-block;
}
#section {
background-color: black;
/* overflow: hidden;*/
list-style-type: none;
padding: 0;
}
#section:hover {
overflow: visible;
}
#section li {
/* background-color: yellow;*/
height: .85em;
line-height: 1em;
}
#section li a {
color: black;
}
#section li.selected {
background-color: black;
}
#section li.selected a {
color: white;
}
#section:hover li {
background-color: white;
}
#section:hover li a {
color: black;
}
#section:hover li:hover {
background-color: black;
}
#section:hover li:hover a {
color: white !important;
}
#course_title {
word-spacing: -.1em;
}
.page.home {
/* margin-left: 16em;*/
width: 33.5em;
margin-left: 0;
margin-top: 0;
height: 45em;
/* margin-right: 11.5em;*/
/* right: 0;*/
/* overflow: hidden;*/
/* background-color: fuchsia;*/
/* -moz-transform: translate(-19em) rotate(-45deg);
-moz-transform-origin: top right;
-o-transform: translate(-19em) rotate(-45deg);
-o-transform-origin: top right;
-ms-transform: translate(-19em) rotate(-45deg);
-ms-transform-origin: top right;
*/
-webkit-transform: translate(-19em, .5em) rotate(-45deg);
-webkit-transform-origin: top right;
transform: translate(-18em, 0em) rotate(-45deg);
transform-origin: top right;
}
.page.home table.calendar {
z-index: 3;
/* background-color: orange;*/
}
.page.home .calendar h2 {
position: absolute;
left: 2.5969529086em;
top: -2.5em;
}
table.calendar {
/* border: solid 1px black;*/
/* border-collapse: collapse;*/
border-spacing: 0 0;
padding: 1em;
line-height: 1.2em;
table-layout: fixed;
}
.page.home table.calendar {
width: 33.5em;
}
.page.calendar .calendar.wrapper {
width: 35em;
height: auto;
}
.page.home table.calendar,
.page.calendar .calendar.wrapper {
position: relative;
overflow: hidden;
margin-bottom: 1em;
box-shadow: 3px 3px 10px #999;
}
.page.calendar .calendar.wrapper.single {
height: 9em !important;
/* background-color: tan;*/
}
.page.calendar .calendar.wrapper.single table.calendar {
position: absolute;
}
.page.calendar .calendar.wrapper table.calendar {
/* background-color: white;*/
}
table.calendar tr,
table.calendar tr td .wrapper {
height: 7em;
}
.calendar.wrapper:not(.single) table.calendar tr,
.calendar.wrapper:not(.single) table.calendar tr td .wrapper {
height: 5.75em;
}
table.calendar tr td {
padding: .75em 0;
border-bottom: solid 1px #aaa !important;
/* background-color: fuchsia;*/
}
table.calendar tr td .wrapper {
position: relative;
/* background-color: blue;*/
}
table.calendar tr:first-child td {
padding-top: 0;
}
table.calendar tr:last-child td {
border-bottom: none !important;
padding-bottom: 0;
}
.page.calendar .calendar.wrapper.single table.calendar tr td {
border-bottom: none !important;
}
table.calendar tr td h3 {
display: inline-block;
font-size: 1.111em;
margin: .25em 0;
}
table.calendar tr td h4 {
display: inline-block;
font-size: .77778em;
margin: .175em 0 .175em 1em;
}
table.calendar tr td {
vertical-align: top;
/* background-color: tan;*/
}
table.calendar tr td .wrapper {
/* background-color: lightyellow;*/
}
.page.home table.calendar tr td.lecture-a,
.calendar.wrapper:not(.single) table.calendar tr td.lecture-a {
border-right: solid 1px #aaa;
}
.calendar.wrapper.single table.calendar tr td.lecture-a .wrapper {
border-right: solid 1px #aaa;
}
table.calendar tr td.lecture-a .wrapper {
padding-right: .75em;
padding-left: 2.75em;
}
table.calendar tr td.lecture-a.noaside .wrapper {
padding-left: 0;
padding-right: .75em;
}
/* total lecture cell width on home page: 10.75em */
.page.home table.calendar tr td.lecture-a .wrapper {
width: 7.25em;
}
.page.home table.calendar tr td.lecture-a.noaside .wrapper {
width: 10em;
}
/* total lecture cell width on calendar page: 11.5em */
.page.calendar table.calendar tr td.lecture-a .wrapper {
width: 8em;
}
.page.calendar table.calendar tr td.lecture-a.noaside .wrapper {
width: 10.75em;
}
table.calendar tr td.lab {
padding-left: 1em;
width: 8em;
padding-right: 1em;
/* total 10em */
}
.page.home table.calendar tr td.lecture-b,
.calendar.wrapper:not(.single) table.calendar tr td.lecture-b {
border-left: solid 1px #aaa;
}
.calendar.wrapper.single table.calendar tr td.lecture-b .wrapper {
border-left: solid 1px #aaa;
}
table.calendar tr td.lecture-b .wrapper {
width: 8em;
padding-right: 0;
padding-left: 3.5em;
/* total 11.5em */
}
table.calendar tr td.lecture-b.noaside .wrapper {
padding-left: .75em;
width: 10em;
padding-right: .75em;
/* total 11.5em */
}
table.calendar tr td.tentative,
.page article.tentative {
color: #bfbfbf;
text-shadow: none;
}
table.calendar p {
margin: 0;
/* background-color: blue;*/
}
table.calendar tr aside {
position: absolute;
top: .4162em;
/* background-color: lightblue;*/
font-size: .6667em;
line-height: 1.1em;
width: 8em;
-moz-transform: translate(-1.25em) rotate(90deg);
-moz-transform-origin: top left;
-webkit-transform: translate(-1.25em) rotate(90deg);
-webkit-transform-origin: top left;
-o-transform: translate(-1.25em) rotate(90deg);
-o-transform-origin: top left;
-ms-transform: translate(-1.25em) rotate(90deg);
-ms-transform-origin: top left;
transform: translate(-1.25em) rotate(90deg);
transform-origin: top left;
}
table.calendar aside strong {
display: block;
text-transform: uppercase;
font-size: 90%;
font-weight: 700;
line-height: 137.5%;
}
table.calendar aside span {
}
/*table th {*/
/* background-color: lightpink;*/
/*}*/
table td {
/* background-color: lightblue;*/
}
.page.home .updates {
/* margin-top: 8em;*/
float: right;
/* background-color: lightpink;*/
width: 12.333em;
/* -moz-transform: translate(14.5em, 7em) rotate(-45deg);
-moz-transform-origin: top left;
-webkit-transform: translate(14.5em, 7em) rotate(-45deg);
-webkit-transform-origin: top left;
-o-transform: translate(14.5em, 7em) rotate(-45deg);
-o-transform-origin: top left;
-ms-transform: translate(14.5em, 7em) rotate(-45deg);
-ms-transform-origin: top left;
transform: translate(14.5em, 7em) rotate(-45deg);
transform-origin: top left;
*/
}
.page.calendar .updates {
margin-top: 3em;
}
.updates dl {
position: relative;
line-height: 1.2em;
}
.updates dt {
font-weight: 700;
position: absolute;
width: 3em;
margin-left: -3em;
left: -1em;
text-align: right;
/* background-color: blue;*/
}
.updates dd {
margin-bottom: 1em;
margin-left: 0;
}
.updates dd a {
color: #e63710;
font-style: italic;
}
.updates dd a:hover {
background-color: #e63710;
color: white;
}
.updates p {
margin: .25em 0;
}
.updates aside {
font-size: .77778em;
/* margin-top: 1em;*/
line-height: 1.2em;
}
#about {
/* background-color: lavender;*/
/* margin-top: -6em;*/
/* float: left;*/
/* margin-left: 13em;*/
margin-top: 2.2em;
position: relative;
width: 19em;
line-height: 1.2em;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
/* -moz-transform: translate(13.5em) rotate(90deg);
-moz-transform-origin: top left;
-o-transform: translate(13.5em) rotate(90deg);
-o-transform-origin: top left;
-ms-transform: translate(13.5em) rotate(90deg);
-ms-transform-origin: top left;
*/
-webkit-transform: translate(13.5em) rotate(90deg);
-webkit-transform-origin: top left;
transform: translate(13.25em) rotate(90deg);
transform-origin: top left;
}
#about h2 {
margin: 0 0 .25em 0;
}
#about h3 {
margin: 0;
font-size: .88889em;
font-weight: 400;
line-height: 1.2em;
color: gray;
}
#about h3 strong {
display: block;
font-weight: 400;
}
#about p {
margin-top: 2em;
}
#about p strong {
font-weight: 400;
}
footer {
width: 100%;
background-color: lightgray;
height: 1em;
position: relative;
left: -2em;
margin-top: 8em;
z-index: 100;
}
body.home footer {
margin-top: 2em;
}
body.home #ischool {
position: absolute;
/* margin-top: -1.0875em;*/
/* top: -12em;*/
/* right: 1em;*/
height: 2.2em;
/* opacity: 0.5;*/
/* -moz-transform: rotate(-45deg);
-moz-transform-origin: top left;
-o-transform: rotate(-45deg);
-o-transform-origin: top left;
-ms-transform: rotate(-45deg);
-ms-transform-origin: top left;
*/
-webkit-transform: rotate(-45deg) translate(13em, 9em);
-webkit-transform-origin: top left;
transform: rotate(-45deg) translate(13em, 9em);
transform-origin: top left;
}
#wpatch {
position: absolute;
bottom: 0;
right: 2em;
background-color: #D7A900;
width: 3em;
height: 3em;
text-align: center;
vertical-align: text-bottom;
line-height: 4.25em;
}
#wpatch img {
width: 2.25em;
}
#social {
z-index: 5;
/* background-color: lightpink;*/
/* display: none;*/
position: absolute;
top: -1em;
left: 0;
height: 1.5em;
/* opacity: 0.5;*/
width: 8.5em;
/* -moz-transform: rotate(-90deg) translate(0, -15.25em);
-moz-transform-origin: bottom left;
-o-transform: rotate(-90deg) translate(0, -15.25em);
-o-transform-origin: bottom left;
-ms-transform: rotate(-90deg) translate(0, -15.25em);
-ms-transform-origin: bottom left;
*/
-webkit-transform: translate(12.667em, -4.85em);
-webkit-transform-origin: bottom left;
transform: translate(12.667em, -4.85em);
transform-origin: bottom left;
}
#social:hover {
/* color: red;*/
/* opacity: 1.0;*/
}
#social ul {
margin: 0;
padding: 0;
height: 100%;
}
#social li {
/* background-color: lightblue;*/
list-style-type: none;
float: left;
line-height: 1.5em;
margin-left: .8333em;
}
#social li:first-child {
margin-left: 0;
}
#social li img {
vertical-align: bottom;
height: 1.5em;
}
#copyright {
margin: 0;
position: absolute;
top: -2em;
font-size: .66667em;
}
#copyright img {
height: 1.5em;
vertical-align: middle;
}
address {
display: inline;
}
a {
color: black;
text-decoration: none;
}
a:hover {
color: #e63710;
/* text-shadow: rgba(0, 0, 0, .25) 0 0 .25em;*/
}
::selection {
background-color: #e63710;
color: #fff;
}
::-moz-selection {
background-color: #e63710;
color: #fff;
}
::-webkit-selection {
background-color: #e63710;
color: #fff;
}
.page.calendar .calendar.wrapper {
margin-top: 1.222em;
margin-left: -8.125em;
}
.page.calendar nav.week {
position: relative;
display: inline-block;
width: 3.75em;
text-align: center;
margin-left: .5em;
}
.page.calendar nav.week a {
display: block;
position: absolute;
/* background-color: lightblue;*/
width: 2.8333333333em;
margin-left: -1.4166666667em;
height: 0.7222222222em;
}
.page.calendar nav.week a.prev {
top: -1.333em;
left: 50%;
}
.page.calendar nav.week a.next {
bottom: -1.333em;
left: 50%;
}
.page.calendar nav.week {
/* background-color: fuchsia;*/
}
.page.calendar canvas {
/* visibility: hidden;*/
position: absolute;
top: 0;
left: 0;
}
.page.calendar canvas.disabled {
display: none;
z-index: 6;
/* background-color: yellow;*/
}
.page.calendar canvas.active {
z-index: 5;
/* background-color: yellow;*/
}
.page.calendar canvas.hover {
display: none;
z-index: 4;
/* background-color: orange;*/
}
.page header h2 {
display: inline-block;
}
.page.lectures article,
.page.labs article,
.page.homework article {
position: relative;
min-height: 6em;
}
.page.lectures article {
width: 17em;
}
.page.homework article.closed {
color: gray;
}
.page.lectures article h3,
.page.labs article h3,
.page.homework article h3 {
font-size: 1.111em;
margin: 0.5em 0;
}
.page.lectures article a:hover h3:after {
content: url('../images/slides.png');
margin-left: .75em;
}
.page.lectures article a.videolink {
display: block;
position: absolute;
/* font-size: 1.5em;*/
width: 2.25em;
height: 2.25em;
-webkit-border-radius: 2.25em;
-moz-border-radius: 2.25em;
border-radius: 2.25em;
top: 2.25em;
right: -4.33333em;
border: solid .1em #b3b3b3;
background-color: #f2f2f2;
line-height: 2.666666em;
/* background-color: fuchsia;*/
text-align: center;
color: #d9d9d9;
/* box-shadow: #e63710 0 0 .5em, #e63710 0 0 .5em, #e63710 0 0 .5em;*/
text-shadow: none;
}
.page.lectures article a.videolink .play {
display: inline-block;
position: relative;
left: .1em;
font-size: 1.4em;
}
.page.lectures article a.videolink:hover {
background-color: #e6e6e6;
color: #999;
border-color: #999;
}
.page.lectures article a.videolink .textonly {
position: absolute;
left: -9999px;
}
.page.lectures article dl.fileset {
font-size: .66666667em;
margin: .777777778em 0;
color: #808080;
}
.page.lectures article dl.fileset dt,
.page.lectures article dl.fileset dd {
float: left;
}
.page.lectures article dl.fileset dt {
clear: left;
font-weight: bold;
}
.page.lectures article dl.fileset dd {
margin-left: .75em;
margin-bottom: .25em;
}
.page.lectures article dl.fileset dd ul {
padding-left: 0;
margin: 0;
}
.page.lectures article dl.fileset dd ul li {
display: inline-block;
/* background-color: pink;*/
/* margin-left: .25em;*/
}
.page.lectures article dl.fileset dd ul li:before {
content: "·";
margin: 0 .5em;
/* background-color: blue;*/
}
.page.lectures article dl.fileset dd ul li:first-child:before {
content: '';
margin: 0;
}
.page.lectures article dl.fileset dd ul li a {
font-style: italic;
color: #808080;
}
.page.lectures article dl.fileset dd ul li a:hover {
color: #e63710;
}
/*.page.lectures article dl.fileset dd ul li.supporting a {
color: gray;
}
.page.lectures article dl.fileset dd ul li.supporting a:hover {
color: #e63710;
}
*/
.page.lectures article h4,
.page.labs article h4,
.page.homework article h4 {
position: absolute;
font-size: .77778em;
top: .3em;
left: -3.5em;
margin: 0;
}
.page.lectures article p,
.page.labs article p,
.page.homework article p {
margin: 0;
/* background-color: blue;*/
}
.page.homework article p.duedate {
font-size: .7777777778em;
margin-top: .5em;
}
.page.lectures article aside,
.page.labs article aside,
.page.homework article aside {
position: absolute;
top: 2.5em;
/* background-color: fuchsia;*/
font-size: .6667em;
line-height: 1.1em;
color: gray;
width: 7em;
-moz-transform: translate(-1.5em) rotate(90deg);
-moz-transform-origin: top left;
-webkit-transform: translate(-1.5em) rotate(90deg);
-webkit-transform-origin: top left;
-o-transform: translate(-1.5em) rotate(90deg);
-o-transform-origin: top left;
-ms-transform: translate(-1.5em) rotate(90deg);
-ms-transform-origin: top left;
transform: translate(-1.5em) rotate(90deg);
transform-origin: top left;
}
table.calendar aside *,
.updates aside *,
.page.lectures article aside * {
color: gray;
}
.page.lectures article aside strong,
.page.labs article aside strong,
.page.homework article aside strong {
display: block;
text-transform: uppercase;
/* font-size: 90%;*/
font-weight: 700;
/* background-color: fuchsia;*/
}
.page.calendar header nav.show {
display: inline-block;
margin: 0 0 0 .75em;
padding: 0;
font-size: .667em;
font-style: italic;
}
.page.calendar header menu.show a {
cursor: pointer;
}
.page.syllabus h2 {
margin-bottom: 0;
}
.page.syllabus header .instructor {
margin: 0;
font-size: .88889em;
/* font-weight: 400;*/
line-height: 1.2em;
color: gray;
}
.page.syllabus header .instructor strong {
display: block;
font-weight: 400;
}
.page.syllabus p, .page.syllabus li {
line-height: 1.3em;
font-size: .88888em;
}
.page.syllabus p {
margin: .5em 0;
}
.page.syllabus li {
margin: .25em 0;
}
.page.syllabus h3 {
margin: 1em 0 .5em 0;
}
.page.syllabus h4 {
margin: .75em 0 .25em 0;
font-size: .8888889em;
/* font-weight: 700;*/
}
.page.syllabus h3 + h4 {
margin-top: 1em;
}
.page.syllabus ul {
margin: 0.25em 0 1em 0;
}
.page.syllabus dl dt {
float: left;
}
.page.syllabus dl dd {
margin-bottom: .5em;
}
.page.syllabus dl.presentations dd {
margin-left: 6em;
}
.page.syllabus dl.sections dd {
margin-left: 6em;
line-height: 1.3em;
}
.page.syllabus dl.grading dd {
margin-left: 2em;
}
.page.syllabus table {
/* font-size: .777778em;*/
border-spacing: 1em .5em;
}
#project-dates th,
#mini-project-assigned,
#mini-project-due,
#final-project-assigned {
white-space: nowrap;
}
.page.syllabus a {
font-style: italic;
color: #e63710;
}
.page.syllabus a:hover {
background-color: #e63710;
color: white;
}
.page.staff > p {
margin-bottom: 3em;
line-height: 1.3em;
}
.page.staff article {
position: relative;
/* background-color: lightpink;*/
margin-bottom: 4em;
}
.page.staff article img {
position: absolute;
top: 0;
left: -7.25em;
border: solid 1px black;
}
.page.staff article hgroup * {
display: inline-block;
margin: 0;
}
.page.staff article h4 {
font-size: .7777778em;
color: gray;
font-weight: 600;
margin-left: .5em;
}
.page.staff article aside.contact {
font-size: .66666667em;
font-weight: 300;
}
/*.page.staff article h4:before,*/
.page.staff article aside.contact span.email:before,
.page.staff article aside.contact span.phone:before {
content: " · ";
color: black;
margin: 0 .25em;
}
.page.staff article aside.contact span.email {
font-style: italic;
}
.page.staff article aside.office_hours {
font-size: .7777777em;
margin: .857em 0;
}
.page.staff article p {
margin: 0.5em 0;
}
.page.staff article dl {
font-size: .66666667em;
color: gray;
font-style: italic;
}
.page.staff article dl dt {
float: left;
clear: left;
margin-right: .5em;
}
.page.staff article dl dd {
/* background-color: blue;*/
margin-bottom: .5em;
}
.page.staff article dl dd a {
color: gray;
}
.page.staff article dl dd a:hover {
color: #e63710;
}
.page.software .circle {
color: white;
/* background-color: blue;*/
font-family: "Lucida Grande", sans-serif;
/* text-shadow: #e63710 0 0 .5em, #e63710 0 0 .5em, #e63710 0 0 .5em;*/
/* text-shadow: 0 0 1em ;*/
}
.page.software p, .page.software li {
line-height: 1.3em;
font-size: .88888em;
}
.page.software ol {
margin: 0;
}
.page.software p {
margin: .5em 0;
}
/*.page.software li {
margin: .25em 0;
}
*/
.page.software h3 {
margin: 3em 0 .5em 0;
font-size: 1.111em;
}
.page.software section.platform {
border-top: solid 1px black;
border-bottom: solid 1px black;
position: relative;
left: -1em;
width: 100%;
padding-left: 1em;
margin-bottom: 1.5em;
}
.page.software section.platform header {
background-color: black;
color: white;
position: absolute;
top: -1px;
bottom: -1px;
width: 2.66667em;
left: -2.66667em;
/* padding: 0;*/
}
.page.software section.platform h4 {
/* display: none;*/
position: absolute;
text-transform: uppercase;
/* background-color: lightpink;*/
color: white;
top: 50%;
left: 1.33333em;
width: 10em;
height: 2.66667em;
line-height: 2.66667em;
margin: -1.3333em 0 0 -5em;
text-align: center;
/* font-size: .8888889em;*/
/* font-weight: 700;*/
-moz-transform: rotate(-90deg);
-moz-transform-origin: center center;
-webkit-transform: rotate(-90deg);
-webkit-transform-origin: center center;
-o-transform: rotate(-90deg);
-o-transform-origin: center center;
-ms-transform: rotate(-90deg);
-ms-transform-origin: center center;
transform: rotate(-90deg);
transform-origin: center center;
}
.page.software section.platform h4 span {
vertical-align: -5%;
}
.page.software ul.programs {
width: 100%;
/* background-color: tan;*/
padding: 0;
list-style-type: none;
overflow: hidden;
width: 27.71333333em;
margin: .5em 0;
}
.page.software ul.programs li {
/* background-color: lightpink;*/
overflow: hidden;
float: left;
text-align: center;
/* border: solid 1px red;*/
margin-right: .9283333em;
margin-top: .5em;
margin-bottom: .5em;
}
.page.software ul.programs li:nth-child(4n+1) {
clear: left;
}
.page.software ul.programs figure {
/* background-color: lightblue;*/
/* width: 6em;*/
margin: 0;
}
.page.software ul.programs figure .wrapper {
width: 6em;
height: 6em;
display: table-cell;
text-align: center;
vertical-align: middle;
font-style: italic;
/* background-color: fuchsia;*/
padding-bottom: .3333em;
}
.page.software ul.programs figure figcaption {
font-style: italic;
min-height: 2em;
}
.page.software ul.programs figure figcaption .space {
display: block;
}
.page.software ul.programs figure figcaption .note {
display: block;
font-size: .777778em;
}
.page.software ul.programs figure img {
display: inline;
max-width: 5.25em;
max-height: 5.25em;
vertical-align: bottom;
}
.targeted,
.recommended {
/* box-shadow: #e63710 0 0 .5em, #e63710 0 0 .5em, #e63710 0 0 .5em;*/
text-shadow: #e63710 0 0 .5em, #e63710 0 0 .5em, #e63710 0 0 .5em;
}
body.lectures article,
body.labs article {
/* background-color: lightpink;*/
}
/*#about, .page.calendar, .updates, #social, #ischool, .page.lectures, .page.labs,
.page.homework, .page.syllabus, .page.staff, .page.software {
display: none;
}
*/
/*body.home #about,
body.home .page.calendar,
body.home .updates,
body.home #social,
body.home #ischool,
body.calendar .page.calendar,
body.calendar .updates,
body.lectures .page.lectures,
body.labs .page.labs,
body.homework .page.homework,
body.syllabus .page.syllabus,
body.staff .page.staff,
body.software .page.software {
display: block;
}
*/
.page.dropbox {
/* display: none;*/
/* position: absolute;*/
/* bottom: 0;*/
/* background-color: orange;*/
/* margin-top: 10em;*/
}
.page.dropbox ol.steps {
margin: 0;
}
.page.dropbox h3 {
margin: 1.5em 0 .5em 0;
}
.page.dropbox li p {
margin: .25em 0 .5em 0;
}
.page.dropbox ol.steps,
.page.dropbox ul.assignments,
.page.dropbox ul.files {
padding: 0;
}
.page.dropbox ol.steps {
counter-reset: step;
}
.page.dropbox li.step {
position: relative;
list-style-type: none;
}
.page.dropbox li.step:before {
content: counter(step);
counter-increment: step;
display: block;
font-size: 3em;
font-weight: 700;
position: absolute;
left: -1.75em;
top: .5em;
border: solid .075em black;
/* padding: 1em;*/
width: 1em;
height: 1em;
line-height: 1.2em;
text-align: center;
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
/* background-color: fuchsia;*/
text-shadow: none;
}
.page.dropbox li.uploadfiles p.warning {
color: #e63710;
font-size: .888888888888em;
font-style: italic;
}
.page.dropbox li.step.disabled,
.page.dropbox li.step.disabled .warning {
color: gray;
}
.page.dropbox li.step.disabled:before {
color: #999;
border-color: #999;
}
.page.dropbox li.step ul {
overflow-y: hidden;
overflow-x: visible;
min-height: 6.6666666666667em;
padding-bottom: 1px;
}
.page.dropbox li.assignment,
.page.dropbox li.filedrop {
list-style-type: none;
padding: .75em;
text-align: center;
}
.page.dropbox li.filedrop {
background: url(../images/file-empty.png) center 30% no-repeat;
}
.page.dropbox li.assignment a {
display: block;
width: 100%;
height: 100%;
/* background-color: fuchsia;*/
cursor: pointer;
}
.page.dropbox li.assignment h4 {
margin: 0 0 .25em 0;
padding-top: .5em;
font-size: .777777778em;
}
.page.dropbox li.assignment p {
margin: .25em 0 0 0;
/* font-size: .9em;*/
}
.page.dropbox ol.steps li.step.selectassignment li.assignment.selected {
/* text-shadow: #e63710 0 0 .5em, #e63710 0 0 .5em, #e63710 0 0 .5em;*/
/* background-color: #e63710;*/
-webkit-box-shadow: inset 0px 0px 50px #777;
-moz-box-shadow: inset 0px 0px 50px #777;
-o-box-shadow: inset 0px 0px 50px #777;
box-shadow: inset 0px 0px 50px #777;
}
.page.dropbox ol.steps li.step.selectassignment li.assignment.deselected {
background-color: #ececec;
}
.page.dropbox ol.steps li.step.selectassignment li.assignment.deselected a {
color: gray;
}
.page.dropbox li.step,
.page.dropbox .submit {
clear: left;
/* height: 6em;*/
width: 22.75em;
/* background-color: fuchsia;*/
}
.page.dropbox li.assignment,
.page.dropbox li.filedrop {
border-top: solid 1px black;
border-right: solid 1px black;
/* border-bottom: solid 1px black;*/
margin-bottom: -1px;
width: 6em;
height: 4.66667em;
float: left;
}
.page.dropbox li.assignment:first-child,
.page.dropbox li.filedrop:first-child {
/* border-left: solid 1px black;*/
-webkit-border-top-left-radius: .25em;
/* -webkit-border-bottom-left-radius: .25em;*/
}
.page.dropbox li.assignment:last-child,
.page.dropbox li.filedrop:last-child {
/* -webkit-border-top-right-radius: .25em;*/
-webkit-border-bottom-right-radius: .25em;
}
.page.dropbox li.assignment:nth-child(3n+1),
.page.dropbox li.filedrop:nth-child(3n+1) {
border-left: solid 1px black;
/* -webkit-border-bottom-left-radius: .25em;*/
}
.page.dropbox li.assignment:nth-child(3),
.page.dropbox li.filedrop:nth-child(3) {
/* border-left: solid 1px black;*/
-webkit-border-top-right-radius: .25em;
}
.page.dropbox li.assignment:nth-child(3n+4),
.page.dropbox li.filedrop:nth-child(3n+4) {
border-left: solid 1px black;
/* -webkit-border-bottom-left-radius: .25em;*/
}
.page.dropbox li.assignment:nth-last-child(1),
.page.dropbox li.filedrop:nth-last-child(1),
.page.dropbox li.assignment:nth-last-child(2),
.page.dropbox li.filedrop:nth-last-child(2),
.page.dropbox li.assignment:nth-last-child(3),
.page.dropbox li.filedrop:nth-last-child(3) {
border-bottom: solid 1px black;
}
.page.dropbox li.filedrop {
font-size: .88888888889em;
font-style: italic;
display: table-cell;
vertical-align: top;
width: 6.75em;
padding: 4.75em .84375em .84375em .84375em;
height: 1.59375em; /* 6.9375 - 6.09375 */
/* margin: 4em 0 0 0;*/
}
.page.dropbox li.filedrop.another {
font-style: normal;
color: gray;
}
.page.dropbox li.filedrop.accepting {
background-color: #e63710;
-webkit-box-shadow: inset 0px 0px 50px #777;
-moz-box-shadow: inset 0px 0px 50px #777;
-o-box-shadow: inset 0px 0px 50px #777;
box-shadow: inset 0px 0px 50px #777;
}
.page.dropbox li.filedrop.filled {
background-image: url(../images/file-filled.png);
-webkit-box-shadow: inset 0px 0px 50px #777;
-moz-box-shadow: inset 0px 0px 50px #777;
-o-box-shadow: inset 0px 0px 50px #777;
box-shadow: inset 0px 0px 50px #777;
}
.page.dropbox li.authenticate dl.login {
margin: 0;
}
.page.dropbox li.authenticate dl.login dt {
float: left;
width: 7.5em;
/* background-color: fuchsia;*/
line-height: 2em;
}
.page.dropbox li.authenticate dl.login dd {
margin-left: 7.5em;
/* background-color: yellow;*/
line-height: 2em;
}
.page.dropbox li.authenticate dl.login dd input {
font-size: 1em;
border: solid 1px black;
width: 7.5em;
font-family: 'Josefin Sans';
height: 1.4em;
}
.page.dropbox li.authenticate dl.login dd input:disabled {
border-color: #ccc;
color: #ccc;
background-color: #fafafa;
}
.page.dropbox li.authenticate .academic_integrity {
margin-top: 2em;
}
.page.dropbox li.authenticate .academic_integrity p {
font-size: .72222222222em;
margin-left: 2em;
position: relative;
line-height: 1.2em;
margin-bottom: .25em;
}
.page.dropbox li.authenticate .academic_integrity aside {
font-size: .611111111111em;
margin-left: 2.4em;
line-height: 1.2em;
margin-top: .295454545454em;
}
.page.dropbox li.authenticate .academic_integrity input {
position: absolute;
font-size: 1.5em;
/* border: solid 1px black;*/
left: -1.5em;
top: 0;
/* line-height: 1em;*/
}
.page.dropbox .submit {
margin-top: 2em;
}
.page.dropbox .submit input[type="submit"] {
font-size: 1em;
border: solid 1px black;
font-family: 'Josefin Sans';
font-weight: bold;
line-height: 1em;
padding: .25em 1em .2em;
-webkit-border-radius: .25em;
}
.page.dropbox .submit input[type="submit"]:disabled {
background-color: white;
color: #ccc;
border-color: #ccc;
background-color: #fafafa;
}
.page.dropbox .submit .checkbox_advisory {
margin-left: 1.5em;
font-size: .7777777777778em;
color: #e63710;
font-weight: bold;
}
.page.dropbox div.outcome section.response {
border: solid 1px black;
width: 80%;
/* padding: 1em;*/
margin-left: -1em;
}
.page.dropbox div.outcome section.response header {
margin: 0 0 .5em;
text-align: center;
padding: .5em 0 .25em;
}
.page.dropbox div.outcome section.response header.success {
background-color: #55B05A;
color: white;
}
.page.dropbox div.outcome section.response header.success.late {
background-color: #CFAC08;
}
.page.dropbox div.outcome section.response header.failure {
background-color: #D23D24;
color: white;
}
.page.dropbox div.outcome section.response section {
margin: 1em;
}
.page.dropbox div.outcome section.response section a {
font-style: italic;
}
.page.dropbox div.outcome section.response h3 {
font-size: 1.2222222222em;
/* margin: .75em 0 .25em;*/
text-transform: uppercase;
display: inline;
}
.page.dropbox div.outcome section p,
.page.dropbox div.outcome section.response pre {
margin: .5em 0;
}
.page.dropbox div.outcome section p {
font-size: .8888888889em;
line-height: 1.2em;
}
.page.dropbox div.outcome section.response strong {
color: #e63710;
font-style: italic;
}
.page.dropbox div.outcome section.response strong#latedays {
color: black;
font-style: normal;
font-weight: 800;
}
.page.dropbox div.outcome section.response .response {
font-size: 1.22222222em;
}
.page.dropbox div.outcome section.response .response code {
background-color: #efefef;
}
.page.dropbox div.outcome section.feedback {
width: 80%;
}
.page.dropbox div.outcome section.feedback header {
margin: 3em 0 .5em;
}
.page.dropbox div.outcome section.feedback header * {
display: inline-block;
margin: 0 .75em 0 0;
}
.page.dropbox div.outcome section.feedback dl.feedback {
margin: .5em 0;
overflow: hidden;
}
.page.dropbox div.outcome section.feedback dl.feedback dt {
/* background-color: lightpink;*/
clear: left;
margin: .75em 0;
}
.page.dropbox div.outcome section.feedback dl.feedback dd {
/* background-color: lightblue;*/
margin: .75em 0;
}
.page.dropbox div.outcome section.feedback dl.feedback dt.rating,
.page.dropbox div.outcome section.feedback dl.feedback dt.time {
float: left;
margin-right: .5em;
}
.page.dropbox div.outcome section.feedback dl.feedback dd.rating,
.page.dropbox div.outcome section.feedback dl.feedback dd.time {
float: left;
}
.page.dropbox div.outcome section.feedback dl.feedback dt.time {
/* float: left;*/
/* width: 9.5em;*/
}
.page.dropbox div.outcome section.feedback dl.feedback dd.time {
/* margin-left: 10em;*/
}
.page.dropbox div.outcome section.feedback dl.feedback dd.rating ul {
margin: 0;
padding: 0;
}
.page.dropbox div.outcome section.feedback dl.feedback dd.rating li,
.page.dropbox div.outcome section.feedback dl.feedback dd.tags li {
list-style-type: none;
display: inline-block;
/* border: solid 1px black;*/
padding: 0;
position: relative;
}
.page.dropbox div.outcome section.feedback dl.feedback dd.rating li {
width: 1em;
height: 1em;
background-image: url(../images/star-not-selected.png);
background-size: 100%;
}
.page.dropbox div.outcome section.feedback dl.feedback dd.rating li label,
.page.dropbox div.outcome section.feedback dl.feedback dd.tags li label {
display: inline-block;
cursor: pointer;
}
.page.dropbox div.outcome section.feedback dl.feedback dd.rating li label {
text-indent: -9999px;
width: 100%;
height: 100%;
/* background-color: lightblue;*/
}
.page.dropbox div.outcome section.feedback dl.feedback dd.rating ul.rated li {
background-image: url(../images/star-selected.png);
}
.page.dropbox div.outcome section.feedback dl.feedback dd.rating ul.rated li.selected ~ li {
background-image: url(../images/star-not-selected.png);
}
.page.dropbox div.outcome section.feedback dl.feedback dd.rating ul.rated:hover li,
.page.dropbox div.outcome section.feedback dl.feedback dd.rating ul:hover li {
background-image: url(../images/star-selected.png) !important;
}
.page.dropbox div.outcome section.feedback dl.feedback dd.rating ul.rated:hover li:hover ~ li,
.page.dropbox div.outcome section.feedback dl.feedback dd.rating ul:hover li:hover ~ li {
background-image: url(../images/star-not-selected.png) !important;
}
.page.dropbox div.outcome section.feedback dl.feedback dd.rating li input[type="radio"],
.page.dropbox div.outcome section.feedback dl.feedback dd.tags li input[type="checkbox"] {
position: absolute;
/* left: -10px;*/
/* top: -10px;*/
left: -9999px;
}
.page.dropbox div.outcome section.feedback dl.feedback dd.tags ul {
margin: 0;
padding: 0;
}
.page.dropbox div.outcome section.feedback dl.feedback dd.tags li label {
padding: .15em .5em;
/* background-color: lightpink;*/
}
.page.dropbox div.outcome section.feedback dl.feedback dd.tags li {
margin-right: 1em;
margin-bottom: .5em;
font-size: .7777777778em;
line-height: 1em;
border: solid 1px hsl(0, 0%, 70%);
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
}
.page.dropbox div.outcome section.feedback dl.feedback dd.tags li.selected {
background-color: hsl(0, 0%, 85%);
}
.page.dropbox div.outcome section.feedback dl.feedback dt.time {
line-height: 1.5em;
}
.page.dropbox div.outcome section.feedback dl.feedback dd.time input[type="number"] {
width: 2.75em;
font-size: 100%;
font-family: 'Josefin Sans';
}
.page.dropbox div.outcome section.feedback dl.feedback dt.comments {
margin-bottom: .25em;
}
.page.dropbox div.outcome section.feedback dl.feedback dd.comments {
margin-top: .25em;
}
.page.dropbox div.outcome section.feedback dl.feedback dd.comments textarea {
margin: 0;
font-size: .888888889em;
font-family: 'Josefin Sans';
width: 21.5em;
padding: .5em;
}
.page.dropbox form#feedback input[type="submit"] {
font-size: 1em;
border: solid 1px black;
font-family: 'Josefin Sans';
font-weight: bold;
line-height: 1em;
padding: .25em 1em .2em;
-webkit-border-radius: .25em;
background-color: hsl(0, 0%, 70%);
}
.page.dropbox form#feedback input[type="submit"].submitted {
/* color: hsl(0, 0%, 40%);
border-color: hsl(0, 0%, 40%);
background-color: hsl(0, 0%, 60%);
*/}
.page.dropbox form#feedback p.notice {
font-weight: bold;
color: #e63710;
}
.page.dropbox form#feedback p#feedback_thankyou {
/* color: #e63710;*/
}
.page.dropbox form#feedback p#feedback_thankyou a {
color: #e63710;
font-style: italic;
}
.page.dropbox form#feedback p#feedback_thankyou a:hover {
color: white;
background-color: #e63710;
}
.title {
font-style: italic;
}
#dialog {
z-index: 100;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
#screen {
position: absolute;
width: 100%;
height: 100%;
background-color: black;
opacity: .5;
}
.dialog {
position: absolute;
top: 50%;
left: 50%;
background-color: #eaeaea;
}
#video_dialog {
width: 768px;
height: 432px;
margin-left: -384px;
margin-top: -216px;
-webkit-box-shadow: 100px 100px 50px #777, inset 0px 0px 50px #777;
-moz-box-shadow: 100px 100px 50px #777;
-o-box-shadow: 100px 100px 50px #777;
box-shadow: 0 0 3em #000, inset 0 0 5em #999;
}
#section_dialog {
text-align: center;
width: 20em;
height: 10em;
margin-left: -10em;
margin-top: -5em;
-webkit-box-shadow: 100px 100px 50px #777, inset 0px 0px 50px #777;
-moz-box-shadow: 100px 100px 50px #777;
-o-box-shadow: 100px 100px 50px #777;
box-shadow: 0 0 3em #000, inset 0 0 5em #999;
}
#section_dialog h2 {
margin-bottom: .5em;
}
#section_dialog ul {
/* overflow: hidden;*/
padding: 0 1em;
/* background-color: blue;*/
margin-top: .5em;
text-align: center;
}
#section_dialog li {
list-style-type: none;
display: inline-block;
width: 1.9em;
height: 1.6666667em;
/* background-color: yellow;*/
font-size: 3em;
font-weight: bold;
line-height: 2em;
border-right: solid 1px black;
border-top: solid 1px black;
border-bottom: solid 1px black;
cursor: pointer;
background-color: white;
text-shadow: rgba(0, 0, 0, .25) 0 0 .15em, rgba(0, 0, 0, .25) 0 0 .15em;
-webkit-box-shadow: .05em .05em .15em #777;
-moz-box-shadow: .05em .05em .15em #777;
-o-box-shadow: .05em .05em .15em #777;
box-shadow: .05em .05em .15em #777;
}
#section_dialog li:hover {
background-color: #eaeaea;
}
#section_dialog li:first-child {
border-left: solid 1px black;
-webkit-border-top-left-radius: .0833333333em;
-webkit-border-bottom-left-radius: .0833333333em;
-moz-border-top-left-radius: .0833333333em;
-moz-border-bottom-left-radius: .0833333333em;
border-top-left-radius: .0833333333em;
border-bottom-left-radius: .0833333333em;
}
#section_dialog li:last-child {
-webkit-border-top-right-radius: .0833333333em;
-webkit-border-bottom-right-radius: .0833333333em;
-moz-border-top-right-radius: .0833333333em;
-moz-border-bottom-right-radius: .0833333333em;
border-top-right-radius: .0833333333em;
border-bottom-right-radius: .0833333333em;
}
.vjs-default-skin .vjs-big-play-button {
top: 50%;
left: 50%;
margin-left: -6.3em;
margin-top: -4.3em;
}