Skip to content

Commit

Permalink
Introduce compass for styles
Browse files Browse the repository at this point in the history
  • Loading branch information
eeroan committed Aug 19, 2012
1 parent 18d909f commit ec1ea08
Show file tree
Hide file tree
Showing 4 changed files with 137 additions and 30 deletions.
1 change: 1 addition & 0 deletions .gitignore
Expand Up @@ -6,3 +6,4 @@
*.iws *.iws
.idea/workspace.xml .idea/workspace.xml
out/ out/
.sass-cache
24 changes: 24 additions & 0 deletions config.rb
@@ -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
70 changes: 40 additions & 30 deletions src/main/jquery.continuousCalendar.css
@@ -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. */
* Licensed under the Apache License, Version 2.0 (the "License"); you may not /* @author Karri-Pekka Laakso (kplaakso) @author Eero Anttila (eeroan) */
* 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 { position: relative; }
.continuousCalendarContainer div,
.continuousCalendarContainer th, .continuousCalendarContainer div, .continuousCalendarContainer th, .continuousCalendarContainer td { margin: 0; padding: 0; }
.continuousCalendarContainer td { margin: 0; padding: 0; }
.continuousCalendarContainer th { font-style: normal; font-weight: normal; text-align: left; } .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 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 { position: absolute; z-index: 10000 !important; box-shadow: 5px 5px 5px -5px #999999; }

.continuousCalendarContainer .popup .calendarHeader { width: 220px; } .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 { margin-left: 7px; margin-bottom: 2px; float: left; }

.continuousCalendarContainer div.label span.clickable { cursor: pointer; text-decoration: underline; } .continuousCalendarContainer div.label span.clickable { cursor: pointer; text-decoration: underline; }

.continuousCalendarContainer .popUpContainer { width: 1px; height: 1px; position: relative; clear: both; } .continuousCalendarContainer .popUpContainer { width: 1px; height: 1px; position: relative; clear: both; }

.continuousCalendarContainer td.holiday { color: #f00; } .continuousCalendarContainer td.holiday { color: #f00; }

.continuousCalendarContainer .holiday.disabled { color: #a66; } .continuousCalendarContainer .holiday.disabled { color: #a66; }

.continuousCalendarContainer .holiday.selected { color: #fbb; } .continuousCalendarContainer .holiday.selected { color: #fbb; }


.continuousCalendar { clear: both; } .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 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 { 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 { background: url("close.gif") no-repeat 0 0; width: 14px; height: 14px; display: block; }

.continuousCalendar .calendarHeader a span { display: none; } .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 { cursor: pointer; }

.continuousCalendar .calendarBody td.disabled { cursor: default; } .continuousCalendar .calendarBody td.disabled { cursor: default; }


.continuousCalendar .month { width: 58px; padding-left: 2px; } .continuousCalendar .month { width: 58px; padding-left: 2px; }

.continuousCalendar .week { border-right: 1px solid #888888; width: 15px; font-size: 10px; } .continuousCalendar .week { border-right: 1px solid #888888; width: 15px; font-size: 10px; }
.continuousCalendar .freeRange .week,
.continuousCalendar .freeRange .month, .continuousCalendar .freeRange .week, .continuousCalendar .freeRange .month, .continuousCalendar .weekRange .week { cursor: pointer; }
.continuousCalendar .weekRange .week { cursor: pointer; }
.continuousCalendar .freeRange .selected:hover { cursor: move; } .continuousCalendar .freeRange .selected:hover { cursor: move; }


.continuousCalendar .calendarHeader .month { text-align: center; } .continuousCalendar .calendarHeader .month { text-align: center; }

.continuousCalendar .calendarBody .month { text-align: left; } .continuousCalendar .calendarBody .month { text-align: left; }

.continuousCalendar .calendarBody th { font-weight: normal; } .continuousCalendar .calendarBody th { font-weight: normal; }

.continuousCalendar td:hover { font-weight: bold; color: blue; } .continuousCalendar td:hover { font-weight: bold; color: blue; }

.continuousCalendar table .odd { background-color: #e8e8e8; } .continuousCalendar table .odd { background-color: #e8e8e8; }

.continuousCalendar td.today { position: relative; padding: 0; } .continuousCalendar td.today { position: relative; padding: 0; }

.continuousCalendar td.today div { border: 2px solid red; margin: 0; border-radius: 10px; position: relative; } .continuousCalendar td.today div { border: 2px solid red; margin: 0; border-radius: 10px; position: relative; }

.continuousCalendar td.selected { background: #88AAFF; color: white; } .continuousCalendar td.selected { background: #88AAFF; color: white; }

.continuousCalendar td.disabled { color: gray; } .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.calendarBody .month { text-decoration: underline; }

.continuousCalendar .freeRange td { cursor: w-resize; cursor: ew-resize; } .continuousCalendar .freeRange td { cursor: w-resize; cursor: ew-resize; }

.continuousCalendar .freeRange td.rangeStart:hover { 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; } .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; } .calendarScrollContent { overflow-y: auto; width: 218px; height: 100px; border: 1px solid #999999; position: relative; background: white; }

72 changes: 72 additions & 0 deletions src/main/jquery.continuousCalendar.scss
@@ -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.