Permalink
Browse files

Introduce compass for styles

  • Loading branch information...
1 parent 18d909f commit ec1ea088df4448d84e0603d866d7b871bc422af6 @eeroan eeroan committed Aug 19, 2012
Showing with 137 additions and 30 deletions.
  1. +1 −0 .gitignore
  2. +24 −0 config.rb
  3. +40 −30 src/main/jquery.continuousCalendar.css
  4. +72 −0 src/main/jquery.continuousCalendar.scss
View
@@ -6,3 +6,4 @@
*.iws
.idea/workspace.xml
out/
+.sass-cache
View
@@ -0,0 +1,24 @@
+# Require any additional compass plugins here.
+
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "src/main"
+sass_dir = "src/main"
+images_dir = "images"
+javascripts_dir = "src/main"
+
+# You can select your preferred output style here (can be overridden via the command line):
+# output_style = :expanded or :nested or :compact or :compressed
+output_style = :compact
+# To enable relative paths to assets via compass helper functions. Uncomment:
+relative_assets = true
+
+# To disable debugging comments that display the original location of your selectors. Uncomment:
+line_comments = false
+
+
+# If you prefer the indented syntax, you might want to regenerate this
+# project again passing --syntax sass, or you can uncomment this:
+# preferred_syntax = :sass
+# and then run:
+# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass
@@ -1,71 +1,81 @@
-/* ==============================================================================
- * Licensed under the Apache License, Version 2.0 (the "License"); you may not
- * use this file except in compliance with the License. You may obtain a copy of
- * the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
- * License for the specific language governing permissions and limitations under
- * the License.
- */
-/*
- * @author Karri-Pekka Laakso (kplaakso)
- * @author Eero Anttila (eeroan)
- */
+/* ============================================================================== Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. */
+/* @author Karri-Pekka Laakso (kplaakso) @author Eero Anttila (eeroan) */
.continuousCalendarContainer { position: relative; }
-.continuousCalendarContainer div,
-.continuousCalendarContainer th,
-.continuousCalendarContainer td { margin: 0; padding: 0; }
+
+.continuousCalendarContainer div, .continuousCalendarContainer th, .continuousCalendarContainer td { margin: 0; padding: 0; }
+
.continuousCalendarContainer th { font-style: normal; font-weight: normal; text-align: left; }
+
.continuousCalendarContainer a.calendarIcon { font-size: 9px; color: #000; text-decoration: none; display: block; background: #eee; border: 1px solid #666; border-top: 4px solid #a00; float: left; padding: 1px 3px; line-height: 1; text-align: center; width: 10px; }
+
.continuousCalendarContainer .popup { position: absolute; z-index: 10000 !important; box-shadow: 5px 5px 5px -5px #999999; }
+
.continuousCalendarContainer .popup .calendarHeader { width: 220px; }
-.continuousCalendarContainer input.endDate,
-.continuousCalendarContainer input.startDate { display: none; }
+
+.continuousCalendarContainer input.endDate, .continuousCalendarContainer input.startDate { display: none; }
+
.continuousCalendarContainer div.label { margin-left: 7px; margin-bottom: 2px; float: left; }
+
.continuousCalendarContainer div.label span.clickable { cursor: pointer; text-decoration: underline; }
+
.continuousCalendarContainer .popUpContainer { width: 1px; height: 1px; position: relative; clear: both; }
+
.continuousCalendarContainer td.holiday { color: #f00; }
+
.continuousCalendarContainer .holiday.disabled { color: #a66; }
+
.continuousCalendarContainer .holiday.selected { color: #fbb; }
.continuousCalendar { clear: both; }
+
.continuousCalendar table { table-layout: fixed; line-height: 13px; font-family: Arial, Verdana, sans-serif; font-size: 11px; color: black; background-color: white; border-collapse: collapse; border-spacing: 0; width: 201px; }
.continuousCalendar .calendarHeader { border: 1px solid #999999; border-bottom: none; text-align: center; position: relative; width: 202px; }
+
.continuousCalendar .calendarHeader a { background: url("close.gif") no-repeat 0 0; width: 14px; height: 14px; display: block; }
+
.continuousCalendar .calendarHeader a span { display: none; }
-.continuousCalendar .calendarHeader .weekDay,
-.continuousCalendar .calendarBody td { text-align: center; padding: 2px; }
+
+.continuousCalendar .calendarHeader .weekDay, .continuousCalendar .calendarBody td { text-align: center; padding: 2px; }
+
.continuousCalendar .calendarBody td { cursor: pointer; }
+
.continuousCalendar .calendarBody td.disabled { cursor: default; }
.continuousCalendar .month { width: 58px; padding-left: 2px; }
+
.continuousCalendar .week { border-right: 1px solid #888888; width: 15px; font-size: 10px; }
-.continuousCalendar .freeRange .week,
-.continuousCalendar .freeRange .month,
-.continuousCalendar .weekRange .week { cursor: pointer; }
+
+.continuousCalendar .freeRange .week, .continuousCalendar .freeRange .month, .continuousCalendar .weekRange .week { cursor: pointer; }
+
.continuousCalendar .freeRange .selected:hover { cursor: move; }
.continuousCalendar .calendarHeader .month { text-align: center; }
+
.continuousCalendar .calendarBody .month { text-align: left; }
+
.continuousCalendar .calendarBody th { font-weight: normal; }
+
.continuousCalendar td:hover { font-weight: bold; color: blue; }
+
.continuousCalendar table .odd { background-color: #e8e8e8; }
+
.continuousCalendar td.today { position: relative; padding: 0; }
+
.continuousCalendar td.today div { border: 2px solid red; margin: 0; border-radius: 10px; position: relative; }
+
.continuousCalendar td.selected { background: #88AAFF; color: white; }
+
.continuousCalendar td.disabled { color: gray; }
-.continuousCalendar .freeRange .week,
-.continuousCalendar .weekRange .week { text-decoration: underline; }
+
+.continuousCalendar .freeRange .week, .continuousCalendar .weekRange .week { text-decoration: underline; }
.continuousCalendar .freeRange.calendarBody .month { text-decoration: underline; }
+
.continuousCalendar .freeRange td { cursor: w-resize; cursor: ew-resize; }
+
.continuousCalendar .freeRange td.rangeStart:hover { cursor: w-resize; cursor: ew-resize; }
+
.continuousCalendar .freeRange td.rangeEnd:hover { cursor: e-resize; cursor: ew-resize; }
.calendarScrollContent { overflow-y: auto; width: 218px; height: 100px; border: 1px solid #999999; position: relative; background: white; }
-
@@ -0,0 +1,72 @@
+/* ==============================================================================
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not
+ * use this file except in compliance with the License. You may obtain a copy of
+ * the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations under
+ * the License.
+ */
+/*
+ * @author Karri-Pekka Laakso (kplaakso)
+ * @author Eero Anttila (eeroan)
+ */
+.continuousCalendarContainer { position: relative; }
+.continuousCalendarContainer div,
+.continuousCalendarContainer th,
+.continuousCalendarContainer td { margin: 0; padding: 0; }
+.continuousCalendarContainer th { font-style: normal; font-weight: normal; text-align: left; }
+.continuousCalendarContainer a.calendarIcon { font-size: 9px; color: #000; text-decoration: none; display: block; background: #eee; border: 1px solid #666; border-top: 4px solid #a00; float: left; padding: 1px 3px; line-height: 1; text-align: center; width: 10px; }
+.continuousCalendarContainer .popup { position: absolute; z-index: 10000 !important; box-shadow: 5px 5px 5px -5px #999999; }
+.continuousCalendarContainer .popup .calendarHeader { width: 220px; }
+.continuousCalendarContainer input.endDate,
+.continuousCalendarContainer input.startDate { display: none; }
+.continuousCalendarContainer div.label { margin-left: 7px; margin-bottom: 2px; float: left; }
+.continuousCalendarContainer div.label span.clickable { cursor: pointer; text-decoration: underline; }
+.continuousCalendarContainer .popUpContainer { width: 1px; height: 1px; position: relative; clear: both; }
+.continuousCalendarContainer td.holiday { color: #f00; }
+.continuousCalendarContainer .holiday.disabled { color: #a66; }
+.continuousCalendarContainer .holiday.selected { color: #fbb; }
+
+.continuousCalendar { clear: both; }
+.continuousCalendar table { table-layout: fixed; line-height: 13px; font-family: Arial, Verdana, sans-serif; font-size: 11px; color: black; background-color: white; border-collapse: collapse; border-spacing: 0; width: 201px; }
+
+.continuousCalendar .calendarHeader { border: 1px solid #999999; border-bottom: none; text-align: center; position: relative; width: 202px; }
+.continuousCalendar .calendarHeader a { background: url("close.gif") no-repeat 0 0; width: 14px; height: 14px; display: block; }
+.continuousCalendar .calendarHeader a span { display: none; }
+.continuousCalendar .calendarHeader .weekDay,
+.continuousCalendar .calendarBody td { text-align: center; padding: 2px; }
+.continuousCalendar .calendarBody td { cursor: pointer; }
+.continuousCalendar .calendarBody td.disabled { cursor: default; }
+
+.continuousCalendar .month { width: 58px; padding-left: 2px; }
+.continuousCalendar .week { border-right: 1px solid #888888; width: 15px; font-size: 10px; }
+.continuousCalendar .freeRange .week,
+.continuousCalendar .freeRange .month,
+.continuousCalendar .weekRange .week { cursor: pointer; }
+.continuousCalendar .freeRange .selected:hover { cursor: move; }
+
+
+.continuousCalendar .calendarHeader .month { text-align: center; }
+.continuousCalendar .calendarBody .month { text-align: left; }
+.continuousCalendar .calendarBody th { font-weight: normal; }
+.continuousCalendar td:hover { font-weight: bold; color: blue; }
+.continuousCalendar table .odd { background-color: #e8e8e8; }
+.continuousCalendar td.today { position: relative; padding: 0; }
+.continuousCalendar td.today div { border: 2px solid red; margin: 0; border-radius: 10px; position: relative; }
+.continuousCalendar td.selected { background: #88AAFF; color: white; }
+.continuousCalendar td.disabled { color: gray; }
+.continuousCalendar .freeRange .week,
+.continuousCalendar .weekRange .week { text-decoration: underline; }
+
+.continuousCalendar .freeRange.calendarBody .month { text-decoration: underline; }
+.continuousCalendar .freeRange td { cursor: w-resize; cursor: ew-resize; }
+.continuousCalendar .freeRange td.rangeStart:hover { cursor: w-resize; cursor: ew-resize; }
+.continuousCalendar .freeRange td.rangeEnd:hover { cursor: e-resize; cursor: ew-resize; }
+
+.calendarScrollContent { overflow-y: auto; width: 218px; height: 100px; border: 1px solid #999999; position: relative; background: white; }
+

0 comments on commit ec1ea08

Please sign in to comment.