[Bedework-commit] r622 -
trunk/calendar3/deployment/webpublic/uportal2/resources/demoskins/MainCampus/default/default
svnadmin at bedework.org
svnadmin at bedework.org
Wed Jun 21 10:35:48 EDT 2006
Author: johnsa
Date: 2006-06-21 10:35:48 -0400 (Wed, 21 Jun 2006)
New Revision: 622
Modified:
trunk/calendar3/deployment/webpublic/uportal2/resources/demoskins/MainCampus/default/default/bedework.css
trunk/calendar3/deployment/webpublic/uportal2/resources/demoskins/MainCampus/default/default/default.xsl
Log:
first pass at portlet skin
Modified: trunk/calendar3/deployment/webpublic/uportal2/resources/demoskins/MainCampus/default/default/bedework.css
===================================================================
--- trunk/calendar3/deployment/webpublic/uportal2/resources/demoskins/MainCampus/default/default/bedework.css 2006-06-21 14:24:36 UTC (rev 621)
+++ trunk/calendar3/deployment/webpublic/uportal2/resources/demoskins/MainCampus/default/default/bedework.css 2006-06-21 14:35:48 UTC (rev 622)
@@ -8,59 +8,24 @@
portlet class definitions. Local stylistic overrides (needed for
impacting spacing and numerous other features) are defined in this
document prefixed by the id #org.bedework. The generated portlet skin
-wraps the entire html output with <div id="org.bedework"> so that calendar
+wraps the entire html output with <div id="org-bedework"> so that calendar
specific styles cannot break portal styles.
*/
body {
+ padding: 0;
+ margin: 0;
+}
+#org-bedework {
font-family : Arial, Helvetica, sans-serif;
font-size: 100%; /* needed for IE */
background-color : white;
color : black;
- padding: 0.75em 1em 0em 1em;
+ padding: 0;
+ margin: 0;
min-width: 700px;
}
-#logoTable {
- padding: 0em;
- margin: 0em;
-}
-#logoTable img {
- display: inline;
- padding: 0 0 1px 5px;
-}
-#logoTable #logoCell {
- white-space: nowrap;
- font-weight: bold;
- font-size: 2em;
-}
-#logoTable #schoolLinksCell {
- vertical-align: bottom;
- text-align: right;
- font-size: 0.8em;
- white-space : nowrap;
- padding: 0 2px 2px 0;
-}
-#logoTable #schoolLinksCell h2 {
- margin: 0 0 2px 0;
- padding: 0;
- font-size: 2em;
- color: #444;
- background-color: transparent;
- border: none;
-}
-#logoTable #schoolLinksCell a:link,
-#logoTable #schoolLinksCell a:visited,
-#logoTable #schoolLinksCell a:active {
- background-color: transparent;
- color: #999;
- text-decoration: none;
-}
-#logoTable #schoolLinksCell a:hover {
- background-color: #eee;
- color: #333;
- text-decoration: none;
-}
-#curDateRangeTable {
+#org-bedework #curDateRangeTable {
width: 100%;
height: 26px;
background: #2c5f89 url(../../images/curDateRangeBlue.gif) repeat-x bottom;
@@ -71,37 +36,33 @@
vertical-align: middle;
white-space: nowrap;
}
-#curDateRangeTable td {
+#org-bedework #curDateRangeTable td {
padding-top: 5px;
padding-bottom: 1px;
padding-left: 0.5em;
padding-right: 0.5em;
}
-#curDateRangeTable td.sideBarOpenCloseIcon {
- background: url(../../images/curDateRangeBlue-left.gif) no-repeat top left;
- color: inherit;
+#org-bedework #curDateRangeTable td.sideBarOpenCloseIcon {
width: 200px;
}
-#curDateRangeTable td.date {
+#org-bedework #curDateRangeTable td.date {
font-weight : bold;
text-align : center;
white-space: nowrap;
}
-#curDateRangeTable td.rssPrint {
- background: url(../../images/curDateRangeBlue-right.gif) no-repeat top right;
- color: inherit;
+#org-bedework #curDateRangeTable td.rssPrint {
width: 200px;
font-weight : bold;
text-align : right;
white-space: nowrap;
}
-#curDateRangeTable td.rssPrint img {
+#org-bedework #curDateRangeTable td.rssPrint img {
position: relative;
top: 3px;
}
-#curDateRangeTable td.rssPrint a:link,
-#curDateRangeTable td.rssPrint a:active,
-#curDateRangeTable td.rssPrint a:visited {
+#org-bedework #curDateRangeTable td.rssPrint a:link,
+#org-bedework #curDateRangeTable td.rssPrint a:active,
+#org-bedework #curDateRangeTable td.rssPrint a:visited {
font-size: 10px;
color: #eee;
background-color: transparent;
@@ -112,13 +73,13 @@
position: relative;
top: -3px;
}
-#curDateRangeTable td.rssPrint a:hover {
+#org-bedework #curDateRangeTable td.rssPrint a:hover {
color: #663;
background-color: #fff;
}
-#curDateRangeTable td.rssPrint a.rss:link,
-#curDateRangeTable td.rssPrint a.rss:active,
-#curDateRangeTable td.rssPrint a.rss:visited {
+#org-bedework #curDateRangeTable td.rssPrint a.rss:link,
+#org-bedework #curDateRangeTable td.rssPrint a.rss:active,
+#org-bedework #curDateRangeTable td.rssPrint a.rss:visited {
font-size: 10px;
font-weight: bold;
color: #444;
@@ -132,39 +93,39 @@
top: -3px;
border: solid 1px #666;
}
-#curDateRangeTable td.rssPrint a.rss:hover {
+#org-bedework #curDateRangeTable td.rssPrint a.rss:hover {
color: #900;
background-color: #fff;
}
-#searchBarTable {
+#org-bedework #searchBarTable {
margin: 0px;
padding: 0em;
background-color : #eee;
color: black;
font-size: 0.9em;
}
-#searchBarTable .leftCell {
+#org-bedework #searchBarTable .leftCell {
margin: 0px;
padding: 0em;
border-left: 3px solid #aaa;
padding: 0.1em 0 0 0.5em;
white-space: nowrap;
}
-#searchBarTable .leftCell .link {
+#org-bedework #searchBarTable .leftCell .link {
font-size: 0.8em;
padding-left: 1em;
color: #999;
background-color: transparent;
}
-#searchBarTable .leftCell a {
+#org-bedework #searchBarTable .leftCell a {
color: #888;
background-color: transparent;
}
-#searchBarTable .leftCell a:hover {
+#org-bedework #searchBarTable .leftCell a:hover {
color: #b00;
background-color: transparent;
}
-#searchBarTable .rightCell {
+#org-bedework #searchBarTable .rightCell {
margin: 0px;
padding: 0em;
text-align: right;
@@ -172,30 +133,30 @@
padding: 0.1em 0.1em 0em 0em;
white-space: nowrap;
}
-#searchBarTable form {
+#org-bedework #searchBarTable form {
display: inline;
margin: 0px 0px 1px 0px;
padding: 0em;
}
-#tabsTable {
+#org-bedework #tabsTable {
margin: 0em;
padding: 4px 0px 0px 0px;
text-align: center;
background-color: #333;
color: #eee;
}
-#tabsTable .centerCell a {
+#org-bedework #tabsTable .centerCell a {
text-decoration: none;
color: #eee;
}
-#tabsTable .centerCell img {
+#org-bedework #tabsTable .centerCell img {
margin-right: 1px;
}
-#tabsTable .rightCell {
+#org-bedework #tabsTable .rightCell {
background : url(../../images/demo/std-tab-space.gif);
padding-right: 0.5em;
}
-#navigationBarTable {
+#org-bedework #navigationBarTable {
font-size: 0.8em;
margin: 0em;
padding: 0em;
@@ -204,28 +165,28 @@
border-right : 2px solid #aaa;
border-bottom: 1px solid Gray;
}
-#navigationBarTable a {
+#org-bedework #navigationBarTable a {
text-decoration: none;
white-space: nowrap;
}
-#navigationBarTable td {
+#org-bedework #navigationBarTable td {
vertical-align: top;
}
-#navigationBarTable form {
+#org-bedework #navigationBarTable form {
display: inline;
margin-bottom: 0em;
}
-#navigationBarTable table {
+#org-bedework #navigationBarTable table {
display: inline;
margin-bottom: 0em;
}
-#navigationBarTable td.todayButton {
+#org-bedework #navigationBarTable td.todayButton {
padding: 1em 1em 0 1em;
}
-#navigationBarTable td.gotoForm {
+#org-bedework #navigationBarTable td.gotoForm {
padding: 1em 0.5em 0 0;
}
-#navigationBarTable td.leftCell {
+#org-bedework #navigationBarTable td.leftCell {
text-align: left;
white-space: nowrap;
padding-left: 0.5em;
@@ -235,27 +196,27 @@
width: 100%;
vertical-align: middle;
}
-#navigationBarTable td.leftCell .prevImg {
+#org-bedework #navigationBarTable td.leftCell .prevImg {
margin: 0 0.2em 0 0;
vertical-align: top;
}
-#navigationBarTable td.leftCell .nextImg {
+#org-bedework #navigationBarTable td.leftCell .nextImg {
margin: 0 0.75em 0 0;
vertical-align: top;
}
-#navigationBarTable td.rightCell {
+#org-bedework #navigationBarTable td.rightCell {
text-align: right;
padding: 1em 0.5em 0em 0em;
}
-#navigationBarTable td.rightCell select {
+#org-bedework #navigationBarTable td.rightCell select {
padding-right: 0em;
margin: 0em;
width: 10em;
}
-#searchBarTable .calLinks {
+#org-bedework #searchBarTable .calLinks {
white-space: nowrap;
}
-#eventTable {
+#org-bedework #eventTable {
width: 100%;
font-size: 0.9em;
margin: 0px;
@@ -264,7 +225,7 @@
border-left: 2px solid #aaa;
border-right: 2px solid #aaa;
}
-#eventTable td.fieldname {
+#org-bedework #eventTable td.fieldname {
margin: 0em;
vertical-align: top;
padding: 0.5em 0.5em 0.2em 0.5em;
@@ -272,12 +233,12 @@
/*background-color: #EDF5F9;*/
color: black;
}
-#eventTable td.fieldval {
+#org-bedework #eventTable td.fieldval {
margin: 0em;
vertical-align: top;
padding: 0.5em 0.5em 0.2em 1em;
}
-#eventTable th.icalIcon {
+#org-bedework #eventTable th.icalIcon {
margin: 0em;
vertical-align: middle;
text-align: right;
@@ -286,28 +247,28 @@
font-size: 0.9em;
font-weight: normal;
}
-#eventTable th.icalIcon a {
+#org-bedework #eventTable th.icalIcon a {
text-decoration: none;
}
-#eventTable th.icalIcon img {
+#org-bedework #eventTable th.icalIcon img {
vertical-align: middle;
padding-left: 1em;
}
-#eventTable th.fieldname {
+#org-bedework #eventTable th.fieldname {
text-align: left;
padding: 1em 0.5em 1em 0.5em;
background-color: #eee;
/*background-color: #EDF5F9;*/
color: black;
}
-#eventTable th.fieldval {
+#org-bedework #eventTable th.fieldval {
text-align: left;
padding: 1em 0.5em 0.5em 1em;
background-color: #fff;
color: black;
width: 100%;
}
-#calPageTable {
+#org-bedework #calPageTable {
width: 100%;
font-size: 100%;
margin: 0px;
@@ -316,29 +277,29 @@
border-left: 2px solid #aaa;
border-right: 2px solid #aaa;
}
-#calPageTable td {
+#org-bedework #calPageTable td {
width: 50%;
vertical-align: top;
padding: 0.5em 2em 1em 3em;
}
-#calPageTable th {
+#org-bedework #calPageTable th {
font-size: 1.2em;
background-color: #ccc;
color: black;
font-weight: bold;
}
-#calPageTable td.leftCell {
+#org-bedework #calPageTable td.leftCell {
border-right : thin dashed #999;
}
-#calPageTable h2 {
+#org-bedework #calPageTable h2 {
font-size: 1.2em;
}
-#calPageTable td.infoCell {
+#org-bedework #calPageTable td.infoCell {
background-color: #eee;
color: black;
text-align: center;
}
-#dayCalendarTable {
+#org-bedework #dayCalendarTable {
width: 100%;
font-size: 0.9em;
margin: 0px;
@@ -348,29 +309,29 @@
border-left: 2px solid #aaa;
border-right: 2px solid #aaa;
}
-#dayCalendarTable td {
+#org-bedework #dayCalendarTable td {
padding: 0.4em;
margin: 0em;
}
-#dayCalendarTable .dateRange {
+#org-bedework #dayCalendarTable .dateRange {
text-align: left;
background-color: #D3E4F0;
color: black;
white-space: nowrap;
}
-#dayCalendarTable .description {
+#org-bedework #dayCalendarTable .description {
text-align: left;
background-color: #fff;
color: black;
width: 100%;
}
-#dayCalendarTable .more {
+#org-bedework #dayCalendarTable .more {
text-align: center;
background-color: #eee;
color: black;
font-size: 0.8em;
}
-#weekCalendarTable {
+#org-bedework #weekCalendarTable {
width: 100%;
font-size: 0.9em;
margin: 0px;
@@ -380,29 +341,29 @@
border-left: 2px solid #aaa;
border-right: 2px solid #aaa;
}
-#weekCalendarTable td {
+#org-bedework #weekCalendarTable td {
padding: 0.4em;
margin: 0em;
}
-#weekCalendarTable .dateRange {
+#org-bedework #weekCalendarTable .dateRange {
text-align: left;
background-color: #D3E4F0;
color: black;
white-space: nowrap;
}
-#weekCalendarTable .description {
+#org-bedework #weekCalendarTable .description {
text-align: left;
background-color: #fff;
color: black;
width: 100%;
}
-#weekCalendarTable .more {
+#org-bedework #weekCalendarTable .more {
text-align: center;
background-color: #eee;
color: black;
font-size: 0.8em;
}
-#monthCalendarTable {
+#org-bedework #monthCalendarTable {
width: 100%;
font-size: 0.8em;
margin: 0px;
@@ -412,7 +373,7 @@
border-left: 2px solid #aaa;
border-right: 2px solid #aaa;
}
-#monthCalendarTable th.dayHeading {
+#org-bedework #monthCalendarTable th.dayHeading {
width: 14%;
text-align: center;
vertical-align: middle;
@@ -420,7 +381,7 @@
color: #eee;
border: 1px solid black;
}
-#monthCalendarTable td {
+#org-bedework #monthCalendarTable td {
width: 14%;
height: 60px;
vertical-align: top;
@@ -430,7 +391,7 @@
background-color: white;
color: black;
}
-#monthCalendarTable td.filler {
+#org-bedework #monthCalendarTable td.filler {
border: none;
background-color: #eee;
color: black;
@@ -444,47 +405,47 @@
padding-right: 0.1em;
color: #999;
}*/
-#monthCalendarTable ul {
+#org-bedework #monthCalendarTable ul {
font-size: 0.8em;
list-style : none;
margin: 0em;
padding: 0.3em 0em 0em 0em;
}
-#monthCalendarTable ul li {
+#org-bedework #monthCalendarTable ul li {
margin: 0em;
padding: 0em;
display: inline;
}
-#monthCalendarTable a.eventLinkA:link,
-#monthCalendarTable a.eventLinkA:visited,
-#monthCalendarTable a.eventLinkA:active {
+#org-bedework #monthCalendarTable a.eventLinkA:link,
+#org-bedework #monthCalendarTable a.eventLinkA:visited,
+#org-bedework #monthCalendarTable a.eventLinkA:active {
display: block;
padding: 0.1em 0.2em 0.1em 0.2em;
text-decoration: none;
background-color: #A3C8D9;
color: black;
}
-#monthCalendarTable a.eventLinkB:link,
-#monthCalendarTable a.eventLinkB:visited,
-#monthCalendarTable a.eventLinkB:active {
+#org-bedework #monthCalendarTable a.eventLinkB:link,
+#org-bedework #monthCalendarTable a.eventLinkB:visited,
+#org-bedework #monthCalendarTable a.eventLinkB:active {
display: block;
padding: 0.1em 0.2em 0.1em 0.2em;
text-decoration: none;
background-color: #DEECF2;
color: black;
}
-#monthCalendarTable a.eventCancelled:link,
-#monthCalendarTable a.eventCancelled:visited,
-#monthCalendarTable a.eventCancelled:active {
+#org-bedework #monthCalendarTable a.eventCancelled:link,
+#org-bedework #monthCalendarTable a.eventCancelled:visited,
+#org-bedework #monthCalendarTable a.eventCancelled:active {
display: block;
padding: 0.1em 0.2em 0.1em 0.2em;
text-decoration: none;
background-color: #ccc;
color: black;
}
-#monthCalendarTable a.eventTentative:link,
-#monthCalendarTable a.eventTentative:visited,
-#monthCalendarTable a.eventTentative:active {
+#org-bedework #monthCalendarTable a.eventTentative:link,
+#org-bedework #monthCalendarTable a.eventTentative:visited,
+#org-bedework #monthCalendarTable a.eventTentative:active {
display: block;
padding: 0.1em 0.2em 0.1em 0.2em;
text-decoration: none;
@@ -493,9 +454,9 @@
background: #eee url('../../images/tentativeLines.gif') top;
color: black;
}
-#monthCalendarTable a.holiday:link,
-#monthCalendarTable a.holiday:visited,
-#monthCalendarTable a.holiday:active {
+#org-bedework #monthCalendarTable a.holiday:link,
+#org-bedework #monthCalendarTable a.holiday:visited,
+#org-bedework #monthCalendarTable a.holiday:active {
display: block;
padding: 0.1em 0.2em 0.1em 0.2em;
text-decoration: none;
@@ -504,38 +465,38 @@
/*border-top: 1px solid black;
border-bottom: 1px solid black;*/
}
-#monthCalendarTable a.eventLinkA:hover,
-#monthCalendarTable a.eventLinkB:hover,
-#monthCalendarTable a.eventCancelled:hover,
-#monthCalendarTable a.eventTentative:hover,
-#monthCalendarTable a.holiday:hover {
+#org-bedework #monthCalendarTable a.eventLinkA:hover,
+#org-bedework #monthCalendarTable a.eventLinkB:hover,
+#org-bedework #monthCalendarTable a.eventCancelled:hover,
+#org-bedework #monthCalendarTable a.eventTentative:hover,
+#org-bedework #monthCalendarTable a.holiday:hover {
display: block;
padding: 0.1em 0.2em 0.1em 0.2em;
text-decoration: none;
color: black;
background-color: #ddd;
}
-#monthCalendarTable a.dayLink {
+#org-bedework #monthCalendarTable a.dayLink {
text-decoration: none;
color: black;
background-color: transparent;
}
-#monthCalendarTable a:hover.dayLink {
+#org-bedework #monthCalendarTable a:hover.dayLink {
text-decoration: none;
color: #eee;
background-color: black;
}
-#monthCalendarTable a:hover {
+#org-bedework #monthCalendarTable a:hover {
/* required for eventTip to hover correctly;
apply only to the hover pseudo class, or
the other anchors nearby will cover the eventTip in IE */
position: relative;
}
-#monthCalendarTable a span.eventTip,
-#monthCalendarTable a span.eventTipReverse {
+#org-bedework #monthCalendarTable a span.eventTip,
+#org-bedework #monthCalendarTable a span.eventTipReverse {
display: none;
}
-#monthCalendarTable a:hover span.eventTip {
+#org-bedework #monthCalendarTable a:hover span.eventTip {
display: block;
position: absolute;
width: 20em;
@@ -546,7 +507,7 @@
padding: 4px;
border: 1px solid #333;
}
-#monthCalendarTable a:hover span.eventTipReverse {
+#org-bedework #monthCalendarTable a:hover span.eventTipReverse {
display: block;
position: absolute;
width: 20em;
@@ -557,7 +518,7 @@
padding: 4px;
border: 1px solid #333;
}
-#monthCalendarTable a:hover span.eventTipStatusCancelled {
+#org-bedework #monthCalendarTable a:hover span.eventTipStatusCancelled {
display: block;
color: white;
background-color: #333;
@@ -565,7 +526,7 @@
margin-bottom: 6px;
text-align: center;
}
-#monthCalendarTable a:hover span.eventTipStatusTentative {
+#org-bedework #monthCalendarTable a:hover span.eventTipStatusTentative {
display: block;
color: black;
background: #eee url('../../images/tentativeLines.gif') top;
@@ -574,14 +535,14 @@
border: 1px solid #ccc;
text-align: center;
}
-a.gridAdd {
+#org-bedework a.gridAdd {
display: block;
float: right;
font-size: 0.8em;
text-decoration: none;
margin-right: 2px;
}
-#yearCalendarTable {
+#org-bedework #yearCalendarTable {
width: 100%;
font-size: 0.9em;
margin: 0px;
@@ -591,29 +552,29 @@
border-left: 2px solid #aaa;
border-right: 2px solid #aaa;
}
-#yearCalendarTable td {
+#org-bedework #yearCalendarTable td {
padding: 1em 0em 0em 0em;
margin: 0em;
vertical-align: top;
text-align: center;
width: 33%;
}
-#yearCalendarTable table.yearViewMonthTable {
+#org-bedework #yearCalendarTable table.yearViewMonthTable {
margin: 0em 1em 0.5em 1em;
border: 1px solid #ddd;
}
-#yearCalendarTable table.yearViewMonthTable td {
+#org-bedework #yearCalendarTable table.yearViewMonthTable td {
text-align: center;
padding: 0.2em;
width: 12.5%;
}
-#yearCalendarTable table.yearViewMonthTable th {
+#org-bedework #yearCalendarTable table.yearViewMonthTable th {
font-weight: bold;
background-color: #f5f5f5;
color: black;
padding: 0.2em;
}
-#yearCalendarTable table.yearViewMonthTable td.monthName {
+#org-bedework #yearCalendarTable table.yearViewMonthTable td.monthName {
font-weight: bold;
text-align: center;
background-color: #EDF5F9;
@@ -621,38 +582,38 @@
white-space: nowrap;
border-bottom: 1px solid #999;
}
-#yearCalendarTable table.yearViewMonthTable td.weekCell {
+#org-bedework #yearCalendarTable table.yearViewMonthTable td.weekCell {
font-weight: bold;
font-size: 0.8em;
background-color: #f5f5f5;
color: black;
}
-#yearCalendarTable table.yearViewMonthTable td a {
+#org-bedework #yearCalendarTable table.yearViewMonthTable td a {
text-decoration: none;
background-color: inherit;
padding: 1px;
color: black;
}
-#yearCalendarTable table.yearViewMonthTable td.weekCell a {
+#org-bedework #yearCalendarTable table.yearViewMonthTable td.weekCell a {
text-decoration: none;
background-color: inherit;
padding: 1px;
color: black;
}
-#yearCalendarTable table.yearViewMonthTable td.monthName a {
+#org-bedework #yearCalendarTable table.yearViewMonthTable td.monthName a {
text-decoration: none;
background-color: inherit;
padding: 1px;
color: black;
}
-#yearCalendarTable table.yearViewMonthTable td a:hover {
+#org-bedework #yearCalendarTable table.yearViewMonthTable td a:hover {
text-decoration: none;
background-color: #FFC;
color: black;
border: 1px solid black;
padding: 0;
}
-#listTable {
+#org-bedework #listTable {
width: 100%;
font-size: 0.9em;
margin: 0px;
@@ -662,91 +623,91 @@
border-left: 2px solid #aaa;
border-right: 2px solid #aaa;
}
-#listTable td {
+#org-bedework #listTable td {
padding: 0.5em;
margin: 0em;
border-bottom: 1px solid #bbb;
}
-#listTable td a {
+#org-bedework #listTable td a {
background-color: transparent;
color: black;
text-decoration: none;
}
-#listTable td.dateRangeCrossDay {
+#org-bedework #listTable td.dateRangeCrossDay {
font-size: 0.9em;
text-transform: lowercase;
background-color: #eee;
color: black;
white-space: nowrap;
}
-#listTable td.dateRangeEarlyMorning {
+#org-bedework #listTable td.dateRangeEarlyMorning {
font-size: 0.9em;
text-transform: lowercase;
background-color: #C0D4DD;
color: black;
white-space: nowrap;
}
-#listTable td.dateRangeMorning {
+#org-bedework #listTable td.dateRangeMorning {
font-size: 0.9em;
text-transform: lowercase;
background-color: #F0F9FF;
color: black;
white-space: nowrap;
}
-#listTable td.dateRangeAfternoon {
+#org-bedework #listTable td.dateRangeAfternoon {
font-size: 0.9em;
text-transform: lowercase;
background-color: #DEECF2;
color: black;
white-space: nowrap;
}
-#listTable td.dateRangeEvening {
+#org-bedework #listTable td.dateRangeEvening {
font-size: 0.9em;
text-transform: lowercase;
background-color: #A3C8D9;
color: black;
white-space: nowrap;
}
-#listTable span.littleArrow {
+#org-bedework #listTable span.littleArrow {
font-size: 1.4em;
}
-#listTable td.description {
+#org-bedework #listTable td.description {
text-align: left;
background-color: #fff;
color: black;
width: 100%;
}
-#listTable td.description {
+#org-bedework #listTable td.description {
text-align: left;
background-color: white;
color: black;
width: 100%;
}
-#listTable td.bwStatusCancelled {
+#org-bedework #listTable td.bwStatusCancelled {
background-color: #ddd;
color: black;
}
-#listTable td.bwStatusTentative {
+#org-bedework #listTable td.bwStatusTentative {
background: white url('../../images/tentativeLines.gif') top;
color: black;
}
-#listTable td.description a {
+#org-bedework #listTable td.description a {
display: block;
background-color: transparent;
color: black;
text-decoration: none;
}
-#listTable td.description a.moreLink {
+#org-bedework #listTable td.description a.moreLink {
display: inline;
background-color: transparent;
color: #009;
text-decoration: underline;
}
-#listTable td.description:hover {
+#org-bedework #listTable td.description:hover {
background-color: #f5f5f5;
color: black;
}
-#listTable td.dateRow {
+#org-bedework #listTable td.dateRow {
text-align: left;
background-color: #B1D4E3;
color: #333;
@@ -754,39 +715,39 @@
padding: 0.2em 0.5em 0.2em 0.5em;
margin: 0em;
}
-#listTable td.dateRow a {
+#org-bedework #listTable td.dateRow a {
display: block;
color: #333;
background-color: transparent;
font-weight: bold;
text-decoration : none;
}
-#listTable td.icons {
+#org-bedework #listTable td.icons {
color: black;
background-color: #ddd;
white-space: nowrap;
}
-#listTable td.icons img.addref {
+#org-bedework #listTable td.icons img.addref {
margin-right: 0.5em;
}
-#calPageTable ul.calendarTree li {
+#org-bedework #calPageTable ul.calendarTree li {
font-weight: bold;
}
-#calPageTable ul.calendarTree li ul li {
+#org-bedework #calPageTable ul.calendarTree li ul li {
font-weight: normal;
}
-#calPageTable ul.calendarTree li.folder {
+#org-bedework #calPageTable ul.calendarTree li.folder {
list-style-image: url(../../images/demo/catIcon.gif);
padding-top: 0.25em;
padding-bottom: 0.25em;
}
-#calPageTable ul.calendarTree li.calendar {
+#org-bedework #calPageTable ul.calendarTree li.calendar {
list-style-image: url(../../images/demo/calIcon-sm.gif);
}
-.noEventsCell {
+#org-bedework .noEventsCell {
padding: 1em;
}
-#footer {
+#org-bedework #footer {
font-size: 0.75em;
text-align : center;
margin-top: 0em;
@@ -798,67 +759,69 @@
border-right: 2px solid #999;
white-space: nowrap;
}
-#footer a {
+#org-bedework #footer a {
color: #333;
background-color: transparent;
text-decoration: underline;
}
-#skinSelectorTable {
+#org-bedework #skinSelectorTable {
width: 100%;
padding-top: 0.5em;
font-size: 0.7em;
color: #333;
background-color: inherit;
}
-#skinSelectorTable td {
+#org-bedework #skinSelectorTable td {
vertical-align: top;
}
-#skinSelectorTable td.rightCell {
+#org-bedework #skinSelectorTable td.rightCell {
text-align: right;
}
-#skinSelectorTable td.leftCell {
+#org-bedework #skinSelectorTable td.leftCell {
text-align: left;
color: #999;
background-color: inherit;
}
-#skinSelectorTable td.leftCell a {
+#org-bedework #skinSelectorTable td.leftCell a {
color: #999;
background-color: inherit;
}
-#skinSelectorTable td.rightCell form {
+#org-bedework #skinSelectorTable td.rightCell form {
display: inline;
margin: 0em;
padding: 0em;
}
-#skinSelectorTable td.rightCell select {
+#org-bedework #skinSelectorTable td.rightCell select {
font-size: 0.9em;
color: #333;
background-color: #eee;
}
-#featureHighlight {
+#org-bedework #featureHighlight {
color: #dd0;
font-style: italic;
}
/* LINKS */
-a:link, a:active, a:visited {
+#org-bedework a:link,
+#org-bedework a:active,
+#org-bedework a:visited {
color: #2c5f89;
background-color: transparent;
}
-a:hover {
+#org-bedework a:hover {
color: #b00;
background-color: transparent;
}
-.center {
+#org-bedework .center {
text-align: center;
}
-.left {
+#org-bedework .left {
text-align: left;
}
-.right {
+#org-bedework .right {
text-align: right;
}
/* Generic selectors*/
-h2 {
+#org-bedework h2 {
margin: 0em;
padding: 0.2em 0.2em 0.2em 0.5em;
font-size: 1.3em;
@@ -866,35 +829,35 @@
border-left: 2px solid #aaa;
border-right: 2px solid #aaa;
}
-h2 a:link,
-h2 a:active,
-h2 a:visited,
-h2 a:hover {
+#org-bedework h2 a:link,
+#org-bedework h2 a:active,
+#org-bedework h2 a:visited,
+#org-bedework h2 a:hover {
color: black;
background-color: inherit;
text-decoration: none;
}
-h2.bwStatusConfirmed {
+#org-bedework h2.bwStatusConfirmed {
background-color: #eee;
color: black;
}
-h2.bwStatusCancelled {
+#org-bedework h2.bwStatusCancelled {
background-color: #eee;
color: black;
}
-h2.bwStatusTentative {
+#org-bedework h2.bwStatusTentative {
background: #eee url('../../images/tentativeLines.gif') top;
color: black;
}
/* Header IDs and classes */
-#errors {
+#org-bedework #errors {
margin: 0;
padding: 1em;
background-color: #333;
color: #ff9;
font-weight: bold;
}
-#tabsTable .centerCell {
+#org-bedework #tabsTable .centerCell {
text-align: left;
background : url(../../images/demo/std-tab-space.gif);
font-size: 0.8em;
@@ -902,7 +865,7 @@
width: 100%;
padding: 0 1em;
}
-#stats {
+#org-bedework #stats {
font-size: 0.9em;
margin: 0px;
padding: 1em;
@@ -910,16 +873,16 @@
border-left: 2px solid #aaa;
border-right: 2px solid #aaa;
}
-#statsTable {
+#org-bedework #statsTable {
margin: 1em 0 0 4em;
width: 300px;
}
-#statsTable th {
+#org-bedework #statsTable th {
padding: 0.5em;
background-color: #eee;
color: black;
}
-#statsTable td.label {
+#org-bedework #statsTable td.label {
text-align: right;
padding-right: 2em;
}
Modified: trunk/calendar3/deployment/webpublic/uportal2/resources/demoskins/MainCampus/default/default/default.xsl
===================================================================
--- trunk/calendar3/deployment/webpublic/uportal2/resources/demoskins/MainCampus/default/default/default.xsl 2006-06-21 14:24:36 UTC (rev 621)
+++ trunk/calendar3/deployment/webpublic/uportal2/resources/demoskins/MainCampus/default/default/default.xsl 2006-06-21 14:35:48 UTC (rev 622)
@@ -22,11 +22,13 @@
rendered by the portal)
See the bedework.css file for information about color and style
- issues as they pertain to the portlet implementation.
+ issues as they pertain to the portlet implementation. The entire
+ html body is wrapped in a single div with ID of #org-bedework; this
+ encapsulates the css selectors for this portlet allowing for local
+ overrides without impacting the surrounding portal (while also
+ allowing the global portal styles to affect the portlet where
+ appropriate).
- This stylesheet is devoid of school branding. It is a good
- starting point for development of a customized calendar.
-
For detailed instructions on how to work with the XSLT
stylesheets included with this distribution, please see the
Bedework Design Guide at
@@ -108,6 +110,7 @@
<link rel="stylesheet" type="text/css" href="{$resourcesRoot}/default/default/bedework.css" />
</head>
<body>
+ <div id="org-bedework">
<xsl:call-template name="headBar"/>
<xsl:if test="/bedework/error">
<div id="errors">
@@ -167,6 +170,7 @@
</xsl:choose>
<!-- footer -->
<xsl:call-template name="footer"/>
+ </div>
</body>
</html>
</xsl:template>
@@ -1128,44 +1132,9 @@
<xsl:template name="footer">
<div id="footer">
- Demonstration calendar; place footer information here.
+ Based on the <a href="http://www.bedework.org/">Bedework Calendar</a> |
+ <a href="?noxslt=yes">show XML</a> |
+ <a href="?refreshXslt=yes">refresh XSLT</a>
</div>
- <table id="skinSelectorTable" border="0" cellpadding="0" cellspacing="0">
- <tr>
- <td class="leftCell">
- Based on the <a href="http://www.bedework.org/">Bedework Calendar</a> |
- <a href="?noxslt=yes">show XML</a> |
- <a href="?refreshXslt=yes">refresh XSLT</a>
- </td>
- <td class="rightCell">
- <form name="styleSelectForm" method="get" action="{$setup}">
- <select name="setappvar" onChange="submit()">
- <option>example styles:</option>
- <option value="style(green)">green</option>
- <option value="style(red)">red</option>
- <option value="style(blue)">blue</option>
- </select>
- </form>
- <form name="skinSelectForm" method="get" action="{$setup}">
- <input type="hidden" name="setappvar" value="summaryMode(details)"/>
- <select name="skinPicker" onchange="window.location = this.value">
- <option>example skins:</option>
- <option value="{$setViewPeriod}?viewType=weekView&skinName=rss&setappvar=summaryMode(details)">rss feed</option>
- <option value="{$setViewPeriod}?viewType=todayView&skinName=jsToday&contentType=text/javascript&contentName=bedework.js">javascript feed</option>
- <option value="{$setViewPeriod}?viewType=todayView&skinName=videocal">video feed</option>
- <option value="{$setup}?skinName=default">reset to calendar default</option>
- </select>
- </form>
- <form name="skinSelectForm" method="get" action="">
- <select name="sitePicker" onchange="window.location = this.value">
- <option>production examples:</option>
- <option value="http://events.dal.ca/">Dalhousie</option>
- <option value="http://events.rpi.edu">Rensselaer</option>
- <option value="http://myuw.washington.edu/cal/">Washington</option>
- </select>
- </form>
- </td>
- </tr>
- </table>
</xsl:template>
</xsl:stylesheet>
More information about the Bedework-commit
mailing list