Skip to content

Instantly share code, notes, and snippets.

@vinacho

vinacho/bootstrap-fullcalendar.css

Forked from brennovich/bootstrap-fullcalendar.css
Created March 4, 2014 21:41
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save vinacho/9356389 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save vinacho/9356389 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @brennovich brennovich revised this gist Jun 19, 2012. 2 changed files with 336 additions and 0 deletions.
    336 changes: 336 additions & 0 deletions bootstrap-fullcalendar.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,336 @@
    .fc {
    direction: ltr;
    text-align: left; }
    .fc table {
    border-collapse: collapse;
    border-spacing: 0; }
    .fc .btn {
    line-height: 1.2em; }

    html .fc {
    font-size: 1em; }

    .fc table {
    font-size: 1em; }
    .fc td, .fc th {
    padding: 1px;
    vertical-align: top; }

    .fc-header td {
    white-space: nowrap; }

    .fc-header-left {
    width: 25%;
    text-align: left; }

    .fc-header-center {
    text-align: center; }

    .fc-header-right {
    width: 25%;
    text-align: right; }

    .fc-header-title {
    display: inline-block;
    vertical-align: top; }
    .fc-header-title h2 {
    margin-top: 0;
    white-space: nowrap; }

    .fc .fc-header-space {
    padding-left: 10px; }

    .fc-header .fc-button {
    margin-bottom: 1em;
    vertical-align: top;
    margin-right: -1px; }
    .fc-header .fc-corner-right {
    margin-right: 1px; }
    .fc-header .ui-corner-right {
    margin-right: 0; }
    .fc-header .fc-state-hover, .fc-header .ui-state-hover {
    z-index: 2; }
    .fc-header .fc-state-down {
    z-index: 3; }
    .fc-header .fc-state-active, .fc-header .ui-state-active, .fc-header .ui-state-down {
    z-index: 4;
    background-color: #e6e6e6;
    background-color: #d9d9d9;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

    .fc-content {
    clear: both; }

    .fc-view {
    width: 100%;
    overflow: hidden; }

    .fc .ui-widget-header {
    border-color: #dddddd;
    padding: 4px 0; }

    thead th.fc-first {
    border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px; }

    thead th.fc-last {
    border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px; }

    .fc-state-highlight {
    background: #ffffcc; }

    .ui-state-highlight.fc-today {
    background: #f4f4f4;
    margin: 2px !important;
    border: 0;
    border-left: 1px solid #dddddd;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0; }

    .fc-cell-overlay {
    background: #99ccff;
    opacity: 0.2;
    filter: alpha(opacity=20); }

    .fc-button {
    position: relative;
    display: inline-block;
    cursor: pointer; }

    .fc-state-default {
    border-style: solid;
    border-width: 1px 0; }

    .fc-button-inner {
    position: relative;
    float: left;
    overflow: hidden; }

    .fc-state-default .fc-button-inner {
    border-style: solid;
    border-width: 0 1px; }

    .fc-button-content {
    position: relative;
    float: left;
    height: 1.9em;
    line-height: 1.9em;
    padding: 0 0.6em;
    white-space: nowrap; }
    .fc-button-content .fc-icon-wrap {
    position: relative;
    float: left;
    top: 50%; }
    .fc-button-content .ui-icon {
    position: relative;
    float: left;
    margin-top: -50%;
    *margin-top: 0;
    *top: -50%; }

    .fc-state-default {
    border-style: solid;
    border-color: #cccccc #bbbbbb #aaaaaa;
    background: #f3f3f3;
    color: black; }
    .fc-state-default .fc-button-effect {
    position: absolute;
    top: 50%;
    left: 0; }
    .fc-state-default .fc-button-effect span {
    position: absolute;
    top: -100px;
    left: 0;
    width: 500px;
    height: 100px;
    border-width: 100px 0 0 1px;
    border-style: solid;
    border-color: white;
    background: #444444;
    opacity: 0.09;
    filter: alpha(opacity=9); }
    .fc-state-default .fc-button-inner {
    border-style: solid;
    border-color: #cccccc #bbbbbb #aaaaaa;
    background: #f3f3f3;
    color: black; }

    .fc-state-hover {
    border-color: #999999; }
    .fc-state-hover .fc-button-inner {
    border-color: #999999; }

    .fc-state-down {
    border-color: #555555;
    background: #777777; }
    .fc-state-down .fc-button-inner {
    border-color: #555555;
    background: #777777; }

    .fc-state-active {
    border-color: #555555;
    background: #777777;
    color: white; }
    .fc-state-active .fc-button-inner {
    border-color: #555555;
    background: #777777;
    color: white; }

    .fc-state-disabled {
    color: #999999;
    border-color: #dddddd;
    cursor: default; }
    .fc-state-disabled .fc-button-inner {
    color: #999999;
    border-color: #dddddd; }
    .fc-state-disabled .fc-button-effect {
    display: none; }

    .fc-event {
    border-style: solid;
    border-width: 0;
    font-size: 0.85em;
    cursor: default; }

    a.fc-event, .fc-event-draggable {
    cursor: pointer; }

    a.fc-event {
    text-decoration: none; }

    .fc-rtl .fc-event {
    text-align: right; }

    .fc-event-skin {
    border: 0;
    background-color: #3366cc;
    color: white; }

    .fc-event-inner {
    position: relative;
    width: 100%;
    height: 100%;
    border-style: solid;
    border-width: 0;
    overflow: hidden; }

    .fc-event-time, .fc-event-title {
    padding: 0 1px; }

    .fc .ui-resizable-handle {
    display: block;
    position: absolute;
    z-index: 99999;
    overflow: hidden; }

    .fc-event-hori {
    border-width: 1px 0;
    margin-bottom: 1px; }
    .fc-event-hori .ui-resizable-e {
    top: 0 !important; }
    .fc-event-hori .ui-resizable-w {
    top: 0 !important;
    left: -3px !important;
    width: 7px !important;
    height: 100% !important;
    cursor: w-resize; }
    .fc-event-hori .ui-resizable-handle {
    _padding-bottom: 14px; }

    table.fc-border-separate {
    border-collapse: separate; }

    .fc-border-separate th, .fc-border-separate td {
    border-width: 1px 0 0 1px; }
    .fc-border-separate th.fc-last, .fc-border-separate td.fc-last {
    border-right-width: 1px; }
    .fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td {
    border-bottom-width: 1px; }
    .fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th {
    border-top-width: 0; }

    .fc-grid th {
    text-align: center; }
    .fc-grid .fc-day-number {
    float: right;
    padding: 0 2px; }
    .fc-grid .fc-other-month .fc-day-number {
    opacity: 0.3;
    filter: alpha(opacity=30); }

    .fc-rtl .fc-grid .fc-day-number {
    float: left; }
    .fc-rtl .fc-grid .fc-event-time {
    float: right; }

    .fc-agenda table {
    border-collapse: separate; }

    .fc-agenda-days th {
    text-align: center; }

    .fc-agenda .fc-agenda-axis {
    width: 50px;
    padding: 0 4px;
    vertical-align: middle;
    text-align: right;
    white-space: nowrap;
    font-weight: normal; }
    .fc-agenda .fc-day-content {
    padding: 2px 2px 1px; }

    .fc-agenda-days .fc-agenda-axis {
    border-right-width: 1px; }
    .fc-agenda-days .fc-col0 {
    border-left-width: 0; }

    .fc-agenda-allday th {
    border-width: 0 1px; }
    .fc-agenda-allday .fc-day-content {
    min-height: 34px; }

    .fc-agenda-divider-inner {
    height: 2px;
    overflow: hidden; }

    .fc-widget-header .fc-agenda-divider-inner {
    background: #eeeeee; }

    .fc-agenda-slots th {
    border-width: 1px 1px 0; }
    .fc-agenda-slots td {
    border-width: 1px 0 0;
    background: none; }
    .fc-agenda-slots td div {
    height: 20px; }
    .fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td {
    border-top-width: 0; }
    .fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td {
    border-top-style: dotted; }
    .fc-agenda-slots tr.fc-minor th.ui-widget-header {
    *border-top-style: solid; }

    .fc-event-vert {
    border-width: 0 1px; }
    .fc-event-vert .fc-event-head, .fc-event-vert .fc-event-content {
    position: relative;
    z-index: 2;
    width: 100%;
    overflow: hidden; }
    .fc-event-vert .fc-event-time {
    white-space: nowrap;
    font-size: 10px; }

    .fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg {
    display: none; }

    .fc-event-vert .ui-resizable-s {
    bottom: 0 !important; }
    0 fullcalendar.less → bootstrap-fullcalendar.css.less
    View file
    File renamed without changes.
  2. @brennovich brennovich revised this gist Jun 19, 2012. 1 changed file with 382 additions and 0 deletions.
    382 changes: 382 additions & 0 deletions fullcalendar.less
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,382 @@
    .fc {
    direction:ltr;
    text-align:left;
    td, th {
    padding:1px;
    vertical-align:top;
    }
    table {
    border-collapse:collapse;
    border-spacing:0;
    font-size:1em;
    }
    .btn {
    line-height:1.2em;
    }
    .fc-header-space {
    padding-left:10px;
    }
    .ui-widget-header {
    border-color:#dddddd;
    padding:4px 0;
    }
    .ui-resizable-handle {
    display:block;
    position:absolute;
    z-index:99999;
    overflow:hidden;
    }
    }
    html .fc {
    font-size:1em;
    }
    .fc-header {
    .fc-state-hover, .ui-state-hover {
    z-index:2;
    }
    .fc-state-active, .ui-state-active, .ui-state-down {
    z-index:4;
    background-color:#e6e6e6;
    background-color:#d9d9d9;
    background-image:none;
    outline:0;
    -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
    box-shadow:inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
    }
    td {
    white-space:nowrap;
    }
    .fc-button {
    margin-bottom:1em;
    vertical-align:top;
    margin-right:-1px;
    }
    .fc-corner-right {
    margin-right:1px;
    }
    .ui-corner-right {
    margin-right:0;
    }
    .fc-state-down {
    z-index:3;
    }
    }
    .fc-header-left {
    width:25%;
    text-align:left;
    }
    .fc-header-center {
    text-align:center;
    }
    .fc-header-right {
    width:25%;
    text-align:right;
    }
    .fc-header-title {
    display:inline-block;
    vertical-align:top;
    h2 {
    margin-top:0;
    white-space:nowrap;
    }
    }
    .fc-content {
    clear:both;
    }
    .fc-view {
    width:100%;
    overflow:hidden;
    }
    thead th.fc-first {
    border-top-left-radius:5px;
    -moz-border-top-left-radius:5px;
    -webkit-border-top-left-radius:5px;
    }
    thead th.fc-last {
    border-top-right-radius:5px;
    -moz-border-top-right-radius:5px;
    -webkit-border-top-right-radius:5px;
    }
    .fc-state-highlight {
    background:#ffffcc;
    }
    .ui-state-highlight.fc-today {
    background:#f4f4f4;
    margin:2px !important;
    border:0;
    border-left:1px solid #dddddd;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    }
    .fc-cell-overlay {
    background:#99ccff;
    opacity:0.2;
    filter:alpha(opacity=20);
    }
    .fc-button {
    position:relative;
    display:inline-block;
    cursor:pointer;
    }
    .fc-state-default {
    border-style:solid;
    border-style:solid;
    border-width:1px 0;
    border-color:#cccccc #bbbbbb #aaaaaa;
    background:#f3f3f3;
    color:black;
    .fc-button-inner {
    border-style:solid;
    border-style:solid;
    border-width:0 1px;
    border-color:#cccccc #bbbbbb #aaaaaa;
    background:#f3f3f3;
    color:black;
    }
    .fc-button-effect {
    position:absolute;
    top:50%;
    left:0;
    span {
    position:absolute;
    top:-100px;
    left:0;
    width:500px;
    height:100px;
    border-width:100px 0 0 1px;
    border-style:solid;
    border-color:white;
    background:#444444;
    opacity:0.09;
    filter:alpha(opacity=9);
    }
    }
    }
    .fc-button-inner {
    position:relative;
    float:left;
    overflow:hidden;
    }
    .fc-button-content {
    position:relative;
    float:left;
    height:1.9em;
    line-height:1.9em;
    padding:0 0.6em;
    white-space:nowrap;
    .fc-icon-wrap {
    position:relative;
    float:left;
    top:50%;
    }
    .ui-icon {
    position:relative;
    float:left;
    margin-top:-50%;
    *margin-top:0;
    *top:-50%;
    }
    }
    .fc-state-hover {
    border-color:#999999;
    .fc-button-inner {
    border-color:#999999;
    }
    }
    .fc-state-down {
    border-color:#555555;
    background:#777777;
    .fc-button-inner {
    border-color:#555555;
    background:#777777;
    }
    }
    .fc-state-active {
    border-color:#555555;
    background:#777777;
    color:white;
    .fc-button-inner {
    border-color:#555555;
    background:#777777;
    color:white;
    }
    }
    .fc-state-disabled {
    color:#999999;
    border-color:#dddddd;
    cursor:default;
    .fc-button-inner {
    color:#999999;
    border-color:#dddddd;
    }
    .fc-button-effect {
    display:none;
    }
    }
    .fc-event {
    border-style:solid;
    border-width:0;
    font-size:0.85em;
    cursor:default;
    }
    a.fc-event {
    cursor:pointer;
    text-decoration:none;
    }
    .fc-event-draggable {
    cursor:pointer;
    }
    .fc-rtl .fc-event {
    text-align:right;
    }
    .fc-rtl .fc-grid .fc-day-number {
    float:left;
    }
    .fc-rtl .fc-grid .fc-event-time {
    float:right;
    }
    .fc-event-skin {
    border:0;
    background-color:#3366cc;
    color:white;
    }
    .fc-event-inner {
    position:relative;
    width:100%;
    height:100%;
    border-style:solid;
    border-width:0;
    overflow:hidden;
    }
    .fc-event-time, .fc-event-title {
    padding:0 1px;
    }
    .fc-event-hori {
    border-width:1px 0;
    margin-bottom:1px;
    .ui-resizable-e {
    top:0 !important;
    }
    .ui-resizable-w {
    top:0 !important;
    left:-3px !important;
    width:7px !important;
    height:100% !important;
    cursor:w-resize;
    }
    .ui-resizable-handle {
    _padding-bottom:14px;
    }
    }
    table.fc-border-separate {
    border-collapse:separate;
    }
    .fc-border-separate {
    th, td {
    border-width:1px 0 0 1px;
    }
    th.fc-last, td.fc-last {
    border-right-width:1px;
    }
    tr.fc-last {
    th, td {
    border-bottom-width:1px;
    }
    }
    tbody tr.fc-first {
    td, th {
    border-top-width:0;
    }
    }
    }
    .fc-grid th {
    text-align:center;
    }
    .fc-grid .fc-day-number {
    float:right;
    padding:0 2px;
    }
    .fc-grid .fc-other-month .fc-day-number {
    opacity:0.3;
    filter:alpha(opacity=30);
    }
    .fc-agenda table {
    border-collapse:separate;
    }
    .fc-agenda .fc-agenda-axis {
    width:50px;
    padding:0 4px;
    vertical-align:middle;
    text-align:right;
    white-space:nowrap;
    font-weight:normal;
    }
    .fc-agenda .fc-day-content {
    padding:2px 2px 1px;
    }
    .fc-agenda-days th {
    text-align:center;
    }
    .fc-agenda-days .fc-agenda-axis {
    border-right-width:1px;
    }
    .fc-agenda-days .fc-col0 {
    border-left-width:0;
    }
    .fc-agenda-allday th {
    border-width:0 1px;
    }
    .fc-agenda-allday .fc-day-content {
    min-height:34px;
    }
    .fc-agenda-divider-inner {
    height:2px;
    overflow:hidden;
    }
    .fc-widget-header .fc-agenda-divider-inner {
    background:#eeeeee;
    }
    .fc-agenda-slots th {
    border-width:1px 1px 0;
    }
    .fc-agenda-slots td {
    border-width:1px 0 0;
    background:none;
    div {
    height:20px;
    }
    }
    .fc-agenda-slots tr.fc-slot0 {
    th, td {
    border-top-width:0;
    }
    }
    .fc-agenda-slots tr.fc-minor {
    th, td {
    border-top-style:dotted;
    }
    th.ui-widget-header {
    *border-top-style:solid;
    }
    }
    .fc-event-vert {
    border-width:0 1px;
    .fc-event-head, .fc-event-content {
    position:relative;
    z-index:2;
    width:100%;
    overflow:hidden;
    }
    .fc-event-time {
    white-space:nowrap;
    font-size:10px;
    }
    .ui-resizable-s {
    bottom:0 !important;
    }
    }
    .fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg {
    display:none;
    }
  3. @brennovich brennovich revised this gist Jun 19, 2012. 1 changed file with 50 additions and 76 deletions.
    126 changes: 50 additions & 76 deletions bootstrap-fullcalendar.css.sass
    View file
    Original file line number Diff line number Diff line change
    @@ -17,7 +17,7 @@ html .fc
    padding: 1px
    vertical-align: top

    //* Header
    //Header
    .fc-header td
    white-space: nowrap
    @@ -66,7 +66,7 @@ html .fc
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)

    //* Content
    //Content
    .fc-content
    clear: both
    @@ -75,7 +75,7 @@ html .fc
    width: 100%
    overflow: hidden

    //* Cell Styles
    //Cell Styles
    .fc .ui-widget-header
    border-color: #dddddd
    @@ -92,7 +92,7 @@ thead th.fc-last
    -webkit-border-top-right-radius: 5px

    .fc-state-highlight
    background: #ffc
    background: #ffffcc

    .ui-state-highlight.fc-today
    background: #f4f4f4
    @@ -104,11 +104,11 @@ thead th.fc-last
    -webkit-border-radius: 0

    .fc-cell-overlay
    background: #9cf
    opacity: .2
    background: #99ccff
    opacity: 0.2
    filter: alpha(opacity = 20)

    //* Buttons
    //Buttons
    .fc-button
    position: relative
    @@ -133,7 +133,7 @@ thead th.fc-last
    float: left
    height: 1.9em
    line-height: 1.9em
    padding: 0 .6em
    padding: 0 0.6em
    white-space: nowrap
    .fc-icon-wrap
    position: relative
    @@ -159,57 +159,57 @@ thead th.fc-last
    height: 100px
    border-width: 100px 0 0 1px
    border-style: solid
    border-color: #fff
    background: #444
    opacity: .09
    border-color: white
    background: #444444
    opacity: 0.09
    filter: alpha(opacity = 9)
    border-style: solid
    border-color: #ccc #bbb #aaa
    background: #F3F3F3
    color: #000
    border-color: #cccccc #bbbbbb #aaaaaa
    background: #f3f3f3
    color: black
    .fc-button-inner
    border-style: solid
    border-color: #ccc #bbb #aaa
    background: #F3F3F3
    color: #000
    border-color: #cccccc #bbbbbb #aaaaaa
    background: #f3f3f3
    color: black

    .fc-state-hover
    border-color: #999
    border-color: #999999
    .fc-button-inner
    border-color: #999
    border-color: #999999

    .fc-state-down
    border-color: #555
    background: #777
    border-color: #555555
    background: #777777
    .fc-button-inner
    border-color: #555
    background: #777
    border-color: #555555
    background: #777777

    .fc-state-active
    border-color: #555
    background: #777
    color: #fff
    border-color: #555555
    background: #777777
    color: white
    .fc-button-inner
    border-color: #555
    background: #777
    color: #fff
    border-color: #555555
    background: #777777
    color: white

    .fc-state-disabled
    color: #999
    border-color: #ddd
    color: #999999
    border-color: #dddddd
    .fc-button-inner
    color: #999
    border-color: #ddd
    color: #999999
    border-color: #dddddd
    cursor: default
    .fc-button-effect
    display: none

    //* Global Event Styles
    //Global Event Styles
    .fc-event
    border-style: solid
    border-width: 0
    font-size: .85em
    font-size: 0.85em
    cursor: default

    a.fc-event, .fc-event-draggable
    @@ -223,8 +223,8 @@ a.fc-event

    .fc-event-skin
    border: 0
    background-color: #36c
    color: #fff
    background-color: #3366cc
    color: white

    .fc-event-inner
    position: relative
    @@ -243,23 +243,23 @@ a.fc-event
    z-index: 99999
    overflow: hidden

    //* Horizontal Events
    //Horizontal Events
    .fc-event-hori
    border-width: 1px 0
    margin-bottom: 1px
    .ui-resizable-e
    top: 0 !important
    top: 0 !important
    .ui-resizable-w
    top: 0 !important
    top: 0 !important
    left: -3px !important
    width: 7px !important
    height: 100% !important
    width: 7px !important
    height: 100% !important
    cursor: w-resize
    .ui-resizable-handle
    _padding-bottom: 14px

    //* Reusable Separate-border Table
    //Reusable Separate-border Table
    table.fc-border-separate
    border-collapse: separate
    @@ -276,7 +276,7 @@ table.fc-border-separate
    td, th
    border-top-width: 0

    //* Month View, Basic Week View, Basic Day View
    //Month View, Basic Week View, Basic Day View
    .fc-grid
    th
    @@ -294,7 +294,7 @@ table.fc-border-separate
    .fc-event-time
    float: right

    //* Agenda Week View, Agenda Day View
    //Agenda Week View, Agenda Day View
    .fc-agenda table
    border-collapse: separate
    @@ -313,14 +313,12 @@ table.fc-border-separate
    .fc-day-content
    padding: 2px 2px 1px


    .fc-agenda-days
    .fc-agenda-axis
    border-right-width: 1px
    .fc-col0
    border-left-width: 0


    .fc-agenda-allday
    th
    border-width: 0 1px
    @@ -332,9 +330,9 @@ table.fc-border-separate
    overflow: hidden

    .fc-widget-header .fc-agenda-divider-inner
    background: #eee
    background: #eeeeee

    //* slot rows
    //slot rows
    .fc-agenda-slots
    th
    @@ -353,10 +351,9 @@ table.fc-border-separate
    border-top-style: dotted
    th.ui-widget-header
    *border-top-style: solid
    //* doesn't work with background in IE6/7

    //* Vertical Events
    //*--------------------------------------
    //Vertical Events
    //--------------------------------------
    .fc-event-vert
    border-width: 0 1px
    @@ -368,32 +365,9 @@ table.fc-border-separate
    .fc-event-time
    white-space: nowrap
    font-size: 10px
    .fc-event-bg
    //* makes the event lighter w/ a semi-transparent overlay
    position: absolute
    z-index: 1
    top: 0
    left: 0
    width: 100%
    height: 100%
    background: #fff
    opacity: .3
    filter: alpha(opacity = 30)

    .fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg
    display: none
    //* for IE6/7/8. nested opacity filters while dragging don't work
    //* resizable

    .fc-event-vert .ui-resizable-s
    bottom: 0 !important
    //* importants override pre jquery ui 1.7 styles
    width: 100% !important
    height: 8px !important
    overflow: hidden !important
    line-height: 8px !important
    font-size: 11px !important
    font-family: monospace
    text-align: center
    cursor: s-resize
    bottom: 0 !important
  4. @brennovich brennovich revised this gist Jun 19, 2012. 1 changed file with 1 addition and 10 deletions.
    11 changes: 1 addition & 10 deletions bootstrap-fullcalendar.css.sass
    View file
    Original file line number Diff line number Diff line change
    @@ -1,12 +1,3 @@
    //*
    //* FullCalendar v1.5.3 Stylesheet
    //*
    //* Copyright (c) 2011 Adam Shaw
    //* Date: Mon Feb 6 22:40:40 2012 -0800
    //*
    //* Modified for Twitter Bootstrap by Brenno Costa
    //* Date: Wed May 2 22:40:40 2012 -0300
    .fc
    direction: ltr
    text-align: left
    @@ -390,7 +381,7 @@ table.fc-border-separate
    filter: alpha(opacity = 30)
    .fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg
    display: none\9
    display: none
    //* for IE6/7/8. nested opacity filters while dragging don't work
    //* resizable
  5. @brennovich brennovich created this gist May 3, 2012.
    408 changes: 408 additions & 0 deletions bootstrap-fullcalendar.css.sass
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,408 @@
    //*
    //* FullCalendar v1.5.3 Stylesheet
    //*
    //* Copyright (c) 2011 Adam Shaw
    //* Date: Mon Feb 6 22:40:40 2012 -0800
    //*
    //* Modified for Twitter Bootstrap by Brenno Costa
    //* Date: Wed May 2 22:40:40 2012 -0300
    .fc
    direction: ltr
    text-align: left
    table
    border-collapse: collapse
    border-spacing: 0
    .btn
    line-height: 1.2em

    html .fc
    font-size: 1em

    .fc
    table
    font-size: 1em
    td, th
    padding: 1px
    vertical-align: top

    //* Header
    .fc-header td
    white-space: nowrap

    .fc-header-left
    width: 25%
    text-align: left

    .fc-header-center
    text-align: center

    .fc-header-right
    width: 25%
    text-align: right

    .fc-header-title
    display: inline-block
    vertical-align: top
    h2
    margin-top: 0
    white-space: nowrap

    .fc .fc-header-space
    padding-left: 10px

    .fc-header
    .fc-button
    margin-bottom: 1em
    vertical-align: top
    margin-right: -1px
    .fc-corner-right
    margin-right: 1px
    .ui-corner-right
    margin-right: 0
    .fc-state-hover, .ui-state-hover
    z-index: 2
    .fc-state-down
    z-index: 3
    .fc-state-active, .ui-state-active, .ui-state-down
    z-index: 4
    background-color: #e6e6e6
    background-color: #d9d9d9
    background-image: none
    outline: 0
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)

    //* Content
    .fc-content
    clear: both

    .fc-view
    width: 100%
    overflow: hidden

    //* Cell Styles
    .fc .ui-widget-header
    border-color: #dddddd
    padding: 4px 0

    thead th.fc-first
    border-top-left-radius: 5px
    -moz-border-top-left-radius: 5px
    -webkit-border-top-left-radius: 5px

    thead th.fc-last
    border-top-right-radius: 5px
    -moz-border-top-right-radius: 5px
    -webkit-border-top-right-radius: 5px

    .fc-state-highlight
    background: #ffc

    .ui-state-highlight.fc-today
    background: #f4f4f4
    margin: 2px !important
    border: 0
    border-left: 1px solid #dddddd
    border-radius: 0
    -moz-border-radius: 0
    -webkit-border-radius: 0

    .fc-cell-overlay
    background: #9cf
    opacity: .2
    filter: alpha(opacity = 20)

    //* Buttons
    .fc-button
    position: relative
    display: inline-block
    cursor: pointer

    .fc-state-default
    border-style: solid
    border-width: 1px 0

    .fc-button-inner
    position: relative
    float: left
    overflow: hidden

    .fc-state-default .fc-button-inner
    border-style: solid
    border-width: 0 1px

    .fc-button-content
    position: relative
    float: left
    height: 1.9em
    line-height: 1.9em
    padding: 0 .6em
    white-space: nowrap
    .fc-icon-wrap
    position: relative
    float: left
    top: 50%
    .ui-icon
    position: relative
    float: left
    margin-top: -50%
    *margin-top: 0
    *top: -50%

    .fc-state-default
    .fc-button-effect
    position: absolute
    top: 50%
    left: 0
    span
    position: absolute
    top: -100px
    left: 0
    width: 500px
    height: 100px
    border-width: 100px 0 0 1px
    border-style: solid
    border-color: #fff
    background: #444
    opacity: .09
    filter: alpha(opacity = 9)
    border-style: solid
    border-color: #ccc #bbb #aaa
    background: #F3F3F3
    color: #000
    .fc-button-inner
    border-style: solid
    border-color: #ccc #bbb #aaa
    background: #F3F3F3
    color: #000

    .fc-state-hover
    border-color: #999
    .fc-button-inner
    border-color: #999

    .fc-state-down
    border-color: #555
    background: #777
    .fc-button-inner
    border-color: #555
    background: #777

    .fc-state-active
    border-color: #555
    background: #777
    color: #fff
    .fc-button-inner
    border-color: #555
    background: #777
    color: #fff

    .fc-state-disabled
    color: #999
    border-color: #ddd
    .fc-button-inner
    color: #999
    border-color: #ddd
    cursor: default
    .fc-button-effect
    display: none

    //* Global Event Styles
    .fc-event
    border-style: solid
    border-width: 0
    font-size: .85em
    cursor: default

    a.fc-event, .fc-event-draggable
    cursor: pointer

    a.fc-event
    text-decoration: none

    .fc-rtl .fc-event
    text-align: right

    .fc-event-skin
    border: 0
    background-color: #36c
    color: #fff

    .fc-event-inner
    position: relative
    width: 100%
    height: 100%
    border-style: solid
    border-width: 0
    overflow: hidden

    .fc-event-time, .fc-event-title
    padding: 0 1px

    .fc .ui-resizable-handle
    display: block
    position: absolute
    z-index: 99999
    overflow: hidden

    //* Horizontal Events
    .fc-event-hori
    border-width: 1px 0
    margin-bottom: 1px
    .ui-resizable-e
    top: 0 !important
    .ui-resizable-w
    top: 0 !important
    left: -3px !important
    width: 7px !important
    height: 100% !important
    cursor: w-resize
    .ui-resizable-handle
    _padding-bottom: 14px

    //* Reusable Separate-border Table
    table.fc-border-separate
    border-collapse: separate

    .fc-border-separate
    th, td
    border-width: 1px 0 0 1px
    th.fc-last, td.fc-last
    border-right-width: 1px
    tr.fc-last
    th, td
    border-bottom-width: 1px
    tbody tr.fc-first
    td, th
    border-top-width: 0

    //* Month View, Basic Week View, Basic Day View
    .fc-grid
    th
    text-align: center
    .fc-day-number
    float: right
    padding: 0 2px
    .fc-other-month .fc-day-number
    opacity: 0.3
    filter: alpha(opacity = 30)

    .fc-rtl .fc-grid
    .fc-day-number
    float: left
    .fc-event-time
    float: right

    //* Agenda Week View, Agenda Day View
    .fc-agenda table
    border-collapse: separate

    .fc-agenda-days th
    text-align: center

    .fc-agenda
    .fc-agenda-axis
    width: 50px
    padding: 0 4px
    vertical-align: middle
    text-align: right
    white-space: nowrap
    font-weight: normal
    .fc-day-content
    padding: 2px 2px 1px


    .fc-agenda-days
    .fc-agenda-axis
    border-right-width: 1px
    .fc-col0
    border-left-width: 0


    .fc-agenda-allday
    th
    border-width: 0 1px
    .fc-day-content
    min-height: 34px

    .fc-agenda-divider-inner
    height: 2px
    overflow: hidden

    .fc-widget-header .fc-agenda-divider-inner
    background: #eee

    //* slot rows
    .fc-agenda-slots
    th
    border-width: 1px 1px 0
    td
    border-width: 1px 0 0
    background: none
    div
    height: 20px
    tr
    &.fc-slot0
    th, td
    border-top-width: 0
    &.fc-minor
    th, td
    border-top-style: dotted
    th.ui-widget-header
    *border-top-style: solid
    //* doesn't work with background in IE6/7
    //* Vertical Events
    //*--------------------------------------
    .fc-event-vert
    border-width: 0 1px
    .fc-event-head, .fc-event-content
    position: relative
    z-index: 2
    width: 100%
    overflow: hidden
    .fc-event-time
    white-space: nowrap
    font-size: 10px
    .fc-event-bg
    //* makes the event lighter w/ a semi-transparent overlay
    position: absolute
    z-index: 1
    top: 0
    left: 0
    width: 100%
    height: 100%
    background: #fff
    opacity: .3
    filter: alpha(opacity = 30)
    .fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg
    display: none\9
    //* for IE6/7/8. nested opacity filters while dragging don't work
    //* resizable
    .fc-event-vert .ui-resizable-s
    bottom: 0 !important
    //* importants override pre jquery ui 1.7 styles
    width: 100% !important
    height: 8px !important
    overflow: hidden !important
    line-height: 8px !important
    font-size: 11px !important
    font-family: monospace
    text-align: center
    cursor: s-resize