/* =============================================
author: s_jeng 2003june24
This is the default stylesheet for the various
views
============================================== */
/*=====================
month view
===================== */
#sun-monthView table.sun-month {
width:770px;
border: 1px solid black;
border-width: 1px 0px 0px 1px;
}
div#sun-monthView .sun-eventName {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
}
div#sun-monthView .sun-eventTime {
margin: 2px 5px;
font-weight: normal;
font-size: 9pt;
color: black;
border-bottom: 1px solid black;
text-align: left;
clear: left;
}
div#sun-monthView th.sun-dayOfWeek {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
font-weight: bold;
color : #000000;
background-color:#eeeeee;
}
div#sun-monthView span.sun-dayDate {
margin: 0.5ex 5px 0;
color: black;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
font-weight: bold;
}
div#sun-monthView td.sun-day {
background: #ffffff;
padding-bottom: 10px;
vertical-align: top;
height: 100px; /* like a minimum height */
width:14%;
}
div#sun-monthView td.sun-selected {
background: #eeeeee;
}
/*div#sun-monthView table.table.sun-month {
border: solid black;
border-width: 1px 0 0 1px;
}*/
div#sun-monthView table.sun-month td,
div#sun-monthView table.sun-month th {
border: thin solid black;
border-width: 0 1px 1px 0;
vertical-align: top;
}
div#sun-monthView span.sun-button.sun-weekZoomIn,
div#sun-monthView span.sun-button.sun-weekZoomIn a {
width: 25px;
font-family:Arial, Helvetica, sans-serif;
font-size:0px;
color:#ffffff;
}
div#sun-monthView span.sun-weekZoomIn a {
background-image: url("http://www.columbia.edu/cu/chemistry/admin/images/weekButton.gif");
padding-top: 25px;
}
div#sun-monthView .sun-dayHeader {
background-color: #cae7ff;
height: 24px;
margin-top: 0;
}
div#sun-monthView span.sun-dayDate {
float: left;
}
/* ie/mac5 only hack \*/ /*/
div#sun-monthView a.sun-dayZoomIn {
margin: 5px;
}
div#sun-monthView span.sun-dayDate {
margin: 5px;
}
/**/
div#sun-monthView span.sun-button.sun-dayZoomIn {
float: right;
margin: 2px;
font-size:10px;
}
/* Used for both Month and Week view */
span.sun-button.sun-dayZoomIn,
span.sun-button.sun-dayZoomIn a {
width: 20px;
}
div#sun-monthView span.sun-button.sun-dayZoomIn a {
background-image: url("http://www.columbia.edu/cu/chemistry/admin/images/apps_zoomin.gif");
padding-top: 20px;
}
span.sun-more {
text-align: right;
display: block;
margin: 2ex 1em;
}
ul.sun-events {
margin: 0 0 2ex 5px;
margin: 0 5px 2ex 0;
padding-left: 0;
list-style: none;
}
ul.sun-events li {
background-image: url("http://www.columbia.edu/cu/chemistry/admin/images/bullet.gif");
background-repeat: no-repeat;
background-position: 5px 2px;
padding-left: 15px;
line-height: 1.45;
}
div#sun-monthView h3.sun-eventTime,
ul.sun-events {
margin-left: 5px;
}
div#sun-monthView div.sun-allDay,
div#sun-monthView div.sun-ending,
div#sun-monthView div.sun-todays {
clear: left;
}
/* =================
contextual header
================= */
div#sun-monthView h1.sun-header {
clear: both;
background: #cae7ff;
border: 1px solid black;
border-top: 0;
margin-top: 0;
padding: 10px 0px 10px 10px;
font-size:18px;
width: 770px;
}
div#sun-monthView div.sun-contextHeader {
background: #6699cc;
background-position: 0 1; /* IE Mac5 seems to include the border in the background position */
height: 28px;
border: 1px solid black;
padding: 0px 0px 5px 10px;
width: 770px;
}
/* Date Menu and the Select box */
span.sun-dateSelect {
background: #6699cc;
height: 24px; /* = 28px - 4px padding top */
padding: 4px 1.5em 0 1.5em;
margin: 0 4px 0;
}
span.sun-dateSelect span.sun-selectName {
margin-top: 2px;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:14px;
font-weight: bold;
padding: 3px 5px 0px 0px;
}
div.sun-dateMenu,
div.sun-dateMenu span,
span.sun-dateSelect select {
margin: 0 2px;
float: left;
display: block;
}
div.sun-dateMenu *.sun-prev,
div.sun-dateMenu *.sun-next {
margin-top: 4px;
}
*.sun-go a,
*.sun-next a,
*.sun-prev a {
display: block;
background-repeat: no-repeat;
overflow: hidden;
padding-top: 19px;
height: 0px;
font-size:0px;
color: #6699cc;
}
*.sun-go a:hover,
*.sun-next a:hover,
*.sun-prev a:hover {
color: #6699cc;
}
*.sun-go a:visited,
*.sun-next a:visited,
*.sun-prev a:visited {
color: #6699cc;
}
*.sun-go a:active,
*.sun-next a:active,
*.sun-prev a:active {
color: #6699cc;
}
/* double up because IE/Mac 5 needs width defined in floats */
*.sun-go,
*.sun-go a {
background-image: url("http://www.columbia.edu/cu/chemistry/admin/images/go.gif");
background-repeat: no-repeat;
width: 33px;
}
*.sun-next,
*.sun-next a {
background-image: url("http://www.columbia.edu/cu/chemistry/admin/images/arrowRight.gif");
background-repeat: no-repeat;
width: 25px;
}
*.sun-prev,
*.sun-prev a {
background-image: url("http://www.columbia.edu/cu/chemistry/admin/images/arrowLeft.gif");
background-repeat: no-repeat;
width: 25px;
}
/* View Menu */
ul.sun-viewMenu {
list-style: none;
margin: 0;
padding: 0;
}
ul.sun-viewMenu li {
float: right;
width: 90px;
}
ul.sun-viewMenu a{
background-repeat: no-repeat;
display: block;
padding: 7px 0 0 0;
font-size:14px;
color:#ffffff;
vertical-align:top;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
*.sun-viewMenu a:hover, *.sun-viewMenu a:visited, *.sun-viewMenu a:active{
color:#ffffff
}
/*a.sun-viewYear {
background-image: url("http://www.columbia.edu/cu/chemistry/admin/images/year.gif");
}
a.sun-viewList {
background-image: url("http://www.columbia.edu/cu/chemistry/admin/images/list.gif");
}
a.sun-viewWeek {
background-image: url("http://www.columbia.edu/cu/chemistry/admin/images/week.gif");
}
a.sun-viewMonth {
background-image: url("http://www.columbia.edu/cu/chemistry/admin/images/month.gif");
}*/
/*========================
day view
======================== */
div#sun-dayView div.sun-contextHeader {
background: #6699cc;
background-position: 0 1; /* IE Mac5 seems to include the border in the background position */
visibility:hidden;
height: 28px;
border: 1px solid black;
padding: 0;
width: 770px;
}
div#sun-dayView h1.sun-header {
clear: both;
background: #cae7ff;
border: 1px solid black;
border-top: 1px solid black;
margin-top: 0;
padding: 10px 0px 10px 10px;
font-size:18px;
width: 770px;
}
div#sun-dayView .sun-dayZoomIn,
div#sun-weekView .sun-dayZoomIn {
float: left;
/* the background image is defined above */
margin-right: 7px;
}
div#sun-weekView div.sun-day {
margin: 0;
width: 770px;
}
table.sun-events {
width: 90%;
margin-bottom: 15px;
margin-left: 40px;
margin-right: 40px;
border: solid black;
border-width: 1px 1px 0 0;
}
table.sun-events .sun-sidebar {
vertical-align: top;
width: 81px;
}
table.sun-events th.sun-sidebar h3 {
background-repeat: no-repeat;
margin-top: 1px;
margin-bottom: 1px;
width: 81px;
padding: 0px 0 0 0;
height: 0;
color: #000099;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
}
table.sun-events td.sun-eventInfo,
table.sun-events tr.sun-categoryHead th,
table.sun-events .sun-sidebar {
border-style: solid;
border-color: black;
border-width: 0 0 1px 1px;
}
div#sun-dayView tr.sun-categoryHead th,
div#sun-weekView tr.sun-categoryHead th {
height: 18px;
}
table.sun-allDay tr.sun-categoryHead th.sun-sidebar {
background-color: #cae7ff;
}
table.sun-allDay tr.sun-categoryHead th {
background-color: #6699cc;
}
table.sun-ending tr.sun-categoryHead th.sun-sidebar {
background-color: #cae7ff;
}
table.sun-ending tr.sun-categoryHead th {
background-color: #6699cc;
}
table.sun-todays tr.sun-categoryHead th.sun-sidebar,
table.sun-todays .sun-sidebar {
background-color: #cae7ff;
}
table.sun-todays tr.sun-categoryHead th {
background-color: #6699cc;
}
.sun-rowOdd {
background-color: #ffffff;
}
.sun-rowEven {
background-color: #eeeeee;
}
div#sun-weekView .sun-dayHeader {
margin: 15px 0;
font-family:Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
background-color: #cae7ff;
width:770px;
}
td.sun-eventInfo {
padding: 0 10px 5px;
font-size: 9pt;
}
#sun-weekView .sun-eventTime,
#sun-dayView .sun-eventTime {
color: #000099;
margin: 1px 17px;
font-size: x-small;
display:block;
}
#sun-weekView span.sun-eventName a,
#sun-dayView span.sun-eventName a {
font-weight: bold;
font-size: 10pt;
}
#sun-weekView p.sun-emptyMsg,
#sun-dayView p.sun-emptyMsg {
margin: 0;
margin-bottom: 15px;
margin-left: 40px;
margin-right: 40px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
}
/*======================
common
====================== */
body{
margin:0px 0px 0px 0px;
}
/*div#sun-yearView,
div#sun-monthView,
div#sun-dayView,
div#sun-weekView {
margin: 0 0%;
padding: 0 5%;
clear: both;*/ /* clear past the floated quick nav buttons */
/*}*/
/* For IE, which likes to pad its <form>s */
div#sun-yearView form,
div#sun-monthView form,
div#sun-dayView form,
div#sun-weekView form {
padding: 0;
margin: 0;
}
/* Uses an image replacement technique here */
span.sun-button {
display: block;
}
span.sun-button a {
background-repeat: no-repeat;
overflow: hidden;
display: block;
height: 0;
/* padding-top: PER ELEMENT defined as height of image */
}
*.sun-header {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 18pt;
font-style: normal;
font-weight: bold;
color : #000099;
}
span.sun-eventName a {
/* font-weight: bold;*/
font-size: 9pt;
}
span.sun-eventName a:link,
span.sun-eventName a:visited {
color: black;
}
span.sun-eventName a:hover {
color: #000099;
}
/* this is a highlight for any elements that are current,
such as today's day, today's week, etc. must be down here
to over-ride most other styles. */
#sun-yearView *.sun-current a,
#sun-monthView *.sun-current .sun-dayDate,
#sun-weekView *.sun-current {
color: red;
}
*.sun-eventName.sun-active {
}
*.sun-eventName.sun-cancelled {
text-decoration: line-through;
}
*.sun-postponed {
font-style: italic;
}
/* links */
a:link {
text-decoration: none;
color:#000099;
}
a:visited {
text-decoration: none;
color:#000099;
}
a:hover {
text-decoration: underline;
color:#000000;
}
a:active {
text-decoration: none;
color:#000099;
}
/*Pop-up listing*/
#detail *.dark-bg{
background-color:#6699cc;
}
#detail *.pu_header{
font-weight: bold;
color : #000099;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
}
#detail *.pu_details{
color : #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
}
/* =====================
year view
===================== */
div#sun-yearView h1.sun-header {
clear: both;
background-color: #cae7ff;
border: 1px solid black;
border-top: 0;
margin-top: 0;
padding: 10px 0px 10px 10px;
font-size:18px;
width: 770px;
}
div#sun-yearView div.sun-contextHeader {
background: #6699cc;
background-position: 0 1; /* IE Mac5 seems to include the border in the background position */
height: 28px;
border: 1px solid black;
padding: 0px 0px 5px 10px;
width: 770px;
}
div#sun-yearView .sun-year {
width: 770px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
}
div#sun-yearView div{
}
div#sun-yearView table.sun-month {
width: 100%;
border-color:#000000;
}
/* the month names in year view */
div#sun-yearView *.sun-monthName a {
font: 15px Arial;
font-weight: bold;
background-color: #cae7ff;
}
div#sun-yearView *.sun-monthName {
background-color: #cae7ff;
padding-bottom: 0.1em;
margin-left: 15px;
}
div#sun-yearView th.sun-dayOfWeek {
font-size: 10pt;
width: 14%;
}
div#sun-yearView td.sun-day {
color: #bbb;
text-align: center;
padding: 1.2ex 0;
border-bottom: 1px #e9e9e9 solid;
}
div#sun-yearView td.sun-day.sun-current {
color: red;
}
div#sun-yearView span.sun-button.sun-weekZoomIn,
div#sun-yearView span.sun-button.sun-weekZoomIn a {
width: 15px;
}
div#sun-yearView span.sun-weekZoomIn a {
background-image: url("http://www.columbia.edu/cu/chemistry/admin/images/weekButton.gif");
padding-top: 20px;
font-size:0px;
color:#ffffff;
}
div#sun-yearView *.sun-monthContainer {
margin: 10px 10px 20px 10px;
height: 280px;
float: left;
width: 220px;
background-color:#ffffff;
padding:0 5px 0 5px;
}
/*========================
week view
======================== */
div#sun-weekView div.sun-contextHeader {
background: #6699cc;
background-position: 0 1; /* IE Mac5 seems to include the border in the background position */
height: 28px;
border: 1px solid black;
padding: 0px 0px 5px 10px;
width: 770px;
}
div#sun-weekView h1.sun-header {
clear: both;
background: #cae7ff;
border: 1px solid black;
border-top: 0;
margin-top: 0;
padding: 10px 0px 10px 10px;
font-size:18px;
width: 770px;
}
div#sun-weekView span.sun-button.sun-dayZoomIn a {
background-image: url("http://www.columbia.edu/cu/chemistry/admin/images/apps_zoomin.gif");
padding-top: 20px;
font-size:0px;
color:#ffffff;
}
/*========================
listing view
======================== */
.listing{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight:bold;
}
.details{
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
}
.details2{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}