|
From: <sjo...@us...> - 2008-01-17 11:21:28
|
Revision: 659
http://webical.svn.sourceforge.net/webical/?rev=659&view=rev
Author: sjoerdlohuis
Date: 2008-01-17 03:21:26 -0800 (Thu, 17 Jan 2008)
Log Message:
-----------
pagina's gestyled
Modified Paths:
--------------
trunk/webical-war/src/main/webapp/css/ie6andprev.css
trunk/webical-war/src/main/webapp/css/style.css
Modified: trunk/webical-war/src/main/webapp/css/ie6andprev.css
===================================================================
--- trunk/webical-war/src/main/webapp/css/ie6andprev.css 2008-01-17 11:20:14 UTC (rev 658)
+++ trunk/webical-war/src/main/webapp/css/ie6andprev.css 2008-01-17 11:21:26 UTC (rev 659)
@@ -4,16 +4,38 @@
/* -------- Selectors in alphabetical order! ------- */
+html{
+ padding: 94px 19px 10px 200px;
+ position: relative;
+}
+
+body{
+ background: #E9E9EE url(../img/topbar2.png) repeat-x 0px -1px;
+}
+
+/* links */
+
+#addEventPanel {
+ left: 0;
+ position: absolute;
+ top: 92px;
+}
+
/* Basic layout styles */
#container{
- width: expression(document.body.clientWidth < 792 ? "790px" : "auto");
+ position: static;
+
}
#headerPanel{
right: 0;
}
+#logoPanel {
+ left: 0;
+}
+
/* Login styles */
#login .button,
@@ -21,15 +43,42 @@
margin-left: 11.3em;
}
+/* Date Picker Panel */
+
+#datePickerPanel{
+ left: 2px;
+ top: 112px;
+}
+
+/* Date Switcher Panel */
+
+#dateSwitcherPanel, #dateSwitcher {
+ top: 42px;
+}
+
+
/* Calendar Panel */
#calendarPanel{
- top: 25.8em;
+ top: 26em;
+ left: 7px;
}
/* Calendar Views Tabs */
-.calendarView .tab-row li a span, .tab-row li a span {
+.calendarView .tab-row,
+#settingsTabs .tab-row{
+ left: 207px;
+ top: 47px;
+}
+
+.calendarView .tab-row li a{
+ float: left;
+ height: 1%; /* Has Layout */
+}
+
+.calendarView .tab-row li a span,
+.tab-row li a span{
width: 6em;
white-space: nowrap;
}
@@ -37,43 +86,179 @@
/* Content Panel */
#contentPanelArea{
- height: expression((document.documentElement.clientHeight > 0) ? (document.documentElement.clientHeight - 35) + "px" : (document.body.clientHeight - 35) + "px");
- top: 35px;
+ height: 100%;
+ position: static;
}
#contentPanel{
height: 100%;
- left: 0;
- margin: 0 8px 0 18em;
- position: relative;
- top: 0;
+ margin: 0;
+ position: static;
}
#calendarViewPanel{
- height: expression((document.documentElement.clientHeight > 0) ? (document.documentElement.clientHeight - 70) + "px" : (document.body.clientHeight - 70) + "px");
- top: 32px;
+ height: 100%;
+ position: static;
}
#calendarViewPanelContentBlock{
+ border-top: 0;
margin: 0;
position: static;
}
/* Month/Week view */
-#calendarViewPanel .eventsInMonth, #calendarViewPanel .eventsInList {
- height: 95%;
- width: expression((this.parentNode.parentNode.offsetWidth - 10) + "px");
+.monthViewContainer #calendarViewPanelContentBlock,
+.weekViewContainer #calendarViewPanelContentBlock{
+ border: 0;
+ border-bottom: 1px solid #51636a;
}
-#weekView .weekPanel .weekTop {
- padding: 2px 0;
+.monthViewContainer #calendarViewPanelContentBlock td.lastItem,
+.weekViewContainer #calendarViewPanelContentBlock td.lastItem{
+ border-right-color: #51636a;
}
+.monthViewContainer #monthView .weekHeader,
+.weekViewContainer .weekHeader{
+ border: 0;
+ border-left: 1px solid #51636a;
+ border-top: 1px solid #dedede;
+}
+
+#weekView{
+ position: static;
+}
+
+#weekView td.weekColumn,
+#weekView .weekPanel{
+ height: 100%;
+}
+
+#weekView td.weekColumn{
+ border-top: 0;
+}
+
+.dayItemMonth,
+.todayItemMonth {
+ height: auto;
+ position: relative;
+}
+
+#calendarViewPanel .eventsInMonth{
+ height: 100px;
+ height: expression((this.parentNode.parentNode.offsetHeight - 16) + "px");
+ width: 100%;
+ position: absolute;
+}
+
+#calendarViewPanel .eventsInList{
+ height: 90%;
+ height: expression((this.parentNode.parentNode.offsetHeight - 22) + "px");
+ margin-top: 4px;
+ position: absolute;
+}
+
+#calendarViewPanel .eventsInList li.eventItem{
+ padding: 0 2px;
+}
+
#monthView .addEventLink{
margin-top: .3em;
}
+.calendarTopHeaders{
+ background: #FFF;
+ position: absolute;
+ top: 72px;
+}
+
+#monthView .calendarTopHeaders th,
+#weekView .calendarTopHeaders th{
+ border: 1px solid #51636A;
+ border-width: 1px 0 0;
+ height: 18px;
+ padding-bottom: 0;
+}
+
+#weekView .calendarTopHeaders th{
+ border-bottom: 1px solid #B3B3B3;
+}
+
+#monthView .calendarTopHeaders th.first,
+#weekView .calendarTopHeaders th.first{
+ border-left: 1px solid #51636A;
+}
+
+#monthView .calendarTopHeaders th.last,
+#weekView .calendarTopHeaders th.last{
+ border-right: 1px solid #51636A;
+}
+
+#monthView .monthTop,
+#weekView .weekPanel .weekTop{
+ height: 1.3em;
+ position: relative;
+}
+
+#weekView .weekPanel .weekTop{
+ top: 1px;
+}
+
+#monthView .monthTop a,
+#weekView .weekPanel .weekTop a{
+ position: relative;
+ z-index: 100;
+}
+
+#monthView .monthTop a.dayLink,
+#weekView .weekPanel .weekTop a.dayLink{
+ margin: 0;
+ position: absolute;
+ right: 12px;
+}
+
+#weekView .weekPanel .weekTop a.dayLink{
+ right: 14px;
+}
+
+#monthView .monthTop a.addEventLink,
+#weekView .weekPanel .weekTop a.addEventLink{
+ position: absolute;
+ right: 0;
+ top: 0;
+}
+
+#weekView .weekPanel .weekTop a.addEventLink{
+ top: 4px;
+}
+
+/* Day view */
+
+#panelContentHeaderBlock{
+ background: #FFF;
+ border: 1px solid #000;
+ border-width: 1px 1px 0;
+ height: 21px;
+ position: absolute;
+ top: 72px;
+ width: 100%;
+}
+
+#dayViewPanelContent{
+ padding-top: 0;
+}
+
+.dayViewContainer{
+ border: 1px solid #51636a;
+ border-top: 0;
+}
+
+.dayViewContainer #calendarViewPanelContentBlock{
+ border: 0;
+}
+
/* Date Switcher Panel */
#previousLink, #nextLink {
@@ -83,9 +268,29 @@
/* Settings Panel */
#settingsPanel {
- top: 2.9em;
+ height: 100%;
+ position: static;
}
+#settingsPanelContentBlock{
+ border-top: 0;
+ margin: 0;
+ position: static;
+ width: 100%;
+}
+
+#settingsPanelContentBlock .panelContent{
+ padding-top: 0;
+}
+
+#settingsPanel h1{
+ margin-top: 0;
+}
+
+#settingsPanel .formElements{
+ margin-bottom: 2em;
+}
+
/* Form styles */
.button,
Modified: trunk/webical-war/src/main/webapp/css/style.css
===================================================================
--- trunk/webical-war/src/main/webapp/css/style.css 2008-01-17 11:20:14 UTC (rev 658)
+++ trunk/webical-war/src/main/webapp/css/style.css 2008-01-17 11:21:26 UTC (rev 659)
@@ -292,7 +292,7 @@
}
.panelContent ul {
- margin-left: 15px;
+/* margin-left: 15px;*/
}
/* Header Panel */
@@ -403,6 +403,10 @@
border-top: 1px solid #51636A;
}
+#datePickerPanel #datePickerForm h1{
+ display: none;
+}
+
#datePickerForm #datePickerFormElements {
padding: 6px 2px;
}
@@ -464,7 +468,7 @@
#calendarPanel {
left: -193px;
position: absolute;
- top: 27.4em;
+ top: 24em;
z-index: 100;
}
@@ -612,7 +616,6 @@
line-height: 180%;
margin: 1em 0 0;
padding-left: 12px;
- position: relative;
z-index: 100;
}
@@ -663,8 +666,7 @@
.weekHeader,
#monthView .weekHeader {
background-color: #EEEEEE;
- border: 1px solid #DEDEDE;
- border-left: 1px solid #fff;
+ border: 1px solid #DEDEDE;
color: #BBBBBB;
font-size: 0.90em;
padding: 0 2px;
@@ -781,11 +783,10 @@
#weekView .weekPanel {
height: 98%;
margin: 0px;
- padding: 2px;
}
#weekView .weekPanel .weekTop {
- background-color: #C5D7ED;
+ background-color: #D7DDF1;
border-bottom: 1px solid #C4DCDC;
padding: 1px 0;
position: relative;
@@ -902,7 +903,7 @@
margin-bottom: .3em;
overflow: hidden;
vertical-align: top;
- width: 100%;
+ /*width: 100%;*/
}
.formItem label {
@@ -1035,6 +1036,11 @@
width: 0;
}
+#formFeedback{
+ color: red;
+ margin-left: 15px;
+}
+
/* Settings panel */
.panel_heading {
@@ -1056,21 +1062,23 @@
/* Calendar Settings Panel */
-#calendarListPanel{
- width: 100%;
+#calendarListPanel li{
+ border-bottom: 1px solid #d3d3d3;
+ list-style: none;
+ padding: 5px 0;
}
-#calendarListPanel td{
- border-bottom: 1px solid #d3d3d3;
- padding: 2px 0;
+#calendarListPanel .calendarName{
+ float: left;
+ font-weight: bold;
}
-#calendarListPanel .edit{
- text-align: right;
- width: 10em;
+#calendarListPanel .calendarModifyLinks{
+ float: right;
}
-#calendarListPanel .delete{
- text-align: right;
- width: 10em;
+#calendarListPanel .calendarModifyLinks a{
+ margin-left: 1em;
}
+
+
This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.
|