Skip to content
This repository has been archived by the owner. It is now read-only.

Commit

Permalink
Layout of cal widgets complete
Browse files Browse the repository at this point in the history
  • Loading branch information
andrewmbacon committed Jan 19, 2015
1 parent 110ac33 commit a7bdf0f
Show file tree
Hide file tree
Showing 2 changed files with 198 additions and 76 deletions.
127 changes: 123 additions & 4 deletions sass/widgets.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -257,11 +257,130 @@
}
}
&.uc-ecw {
padding-bottom:$widget-content-margin;
@include uc-cal;
.uc-cal-link {
margin:$widget-content-margin;

.uc-cal {
margin:$widget-content-margin;
}

// reset all the damn css from the damn plugin damnit.
.uc-cal * {
margin: 0 !important;
padding: 0!important;
border: 0!important;
font-size: 100%!important;
font: inherit!important;
vertical-align: baseline!important;
background:none!important;
position:inherit!important;
width:auto !important;
height: auto !important;
color:inherit !important;
display:block !important;
box-shadow:none !important;
text-transform:none !important;
min-height:inherit !important;
border-radius: 0 !important;
}

// styles shared in both list view and icon view.
.uc-cal-item {
margin: 1em 0 !important;
.uc-cal-event {
position:relative !important;

&:after {
visibility: hidden !important;
display: block !important;
font-size: 0!important;
content: " "!important;
clear: both!important;
height: 0!important;
}

.uc-cal-event-date {
float: left !important;
position: relative !important;
top:0;
}

}
}


// styles unique to icon view
.uc-iconcal {
.uc-cal-list {

.uc-cal-item {
margin: 1em 0 !important;

.uc-cal-event {
background-color:#ccc !important;

padding-left: 100px !important;


.uc-cal-event-date {
left:-100px;
margin-right:-100px !important;
width:100px !important;
background-color:yellow !important;

.uc-cal-event-month{
padding: .1em 0 0 !important;
border-width:1px !important;
border-style:solid !important;
border-color: blue !important;
text-align:center;
background-color:red !important;
font-size:70% !important;
text-transform:uppercase !important;
letter-spacing: 1px !important;
}
.uc-cal-event-day {
padding: 0 !important;
border-width:1px !important;
border-style:solid !important;
border-color: green !important;
text-align:center;
background-color:pink !important;
font-size:150% !important;
}
}
.uc-cal-event-title {
background-color:aqua !important;

}
.uc-cal-event-time {
opacity: .8;
}
} // cal-event
} //cal-item
} // cal-list


} //icon-cal

// styles unique to list view.
.uc-listcal {
.uc-cal-event {

padding-left:3.7em !important;
background-color:yellow !important;

.uc-cal-event-date {
width: 3.7em !important;
left:-3.7em !important;
margin-right:-6em !important;
opacity: .8;
background-color: pink !important;
}
.uc-cal-event-title {
background-color: aqua !important
}
}
}


}
&.uc-hours-widget {
Expand Down
147 changes: 75 additions & 72 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7504,95 +7504,98 @@ object {
.widget.uc-contact-widget td.uc-output-more {
word-break: break-all;
}
.widget.uc-ecw {
padding-bottom: 1em;
}
.widget.uc-ecw .uc-cal {
padding: 0;
}
.widget.uc-ecw .uc-cal.uc-iconcal .uc-cal-list {
margin: 1em;
}
.widget.uc-ecw .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
padding-left: 65px;
min-height: 65px;
}
.widget.uc-ecw .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event .uc-cal-event-date {
border: none;
width: 50px;
left: 0;
box-shadow: none;
background-color: #eee;
.widget.uc-ecw .uc-cal * {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
font-size: 100% !important;
font: inherit !important;
vertical-align: baseline !important;
background: none !important;
position: inherit !important;
width: auto !important;
height: auto !important;
color: inherit !important;
display: block !important;
box-shadow: none !important;
text-transform: none !important;
min-height: inherit !important;
border-radius: 0 !important;
}
.widget.uc-ecw .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event .uc-cal-event-date .uc-cal-event-month {
height: auto;
padding: .4em .2em .3em .2em;
font-size: .8em;
background-color: #cccccc;
color: #333333;
font-weight: normal;
letter-spacing: 0;
text-transform: capitalize;
.widget.uc-ecw .uc-cal-item {
margin: 1em 0 !important;
}
.widget.uc-ecw .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event .uc-cal-event-date .uc-cal-event-day {
padding: .5em .1em .6em;
height: auto;
background-color: #eeeeee;
color: #333333;
font-size: 1.2em;
.widget.uc-ecw .uc-cal-item .uc-cal-event {
position: relative !important;
}
.widget.uc-ecw .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event .uc-cal-event-title {
color: #428bca;
font-size: 1em;
line-height: 1.42857;
margin-bottom: .3em;
margin-top: .2em;
.widget.uc-ecw .uc-cal-item .uc-cal-event:after {
visibility: hidden !important;
display: block !important;
font-size: 0 !important;
content: " " !important;
clear: both !important;
height: 0 !important;
}
.widget.uc-ecw .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event .uc-cal-event-time {
color: #92bce0;
font-size: 1em;
.widget.uc-ecw .uc-cal-item .uc-cal-event .uc-cal-event-date {
float: left !important;
position: relative !important;
top: 0;
}
.widget.uc-ecw .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event:hover .uc-cal-event-title {
color: #2a6496;
.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item {
margin: 1em 0 !important;
}
.widget.uc-ecw .uc-cal.uc-iconcal .uc-cal-list a.uc-cal-event:hover .uc-cal-event-time {
color: #5697d0;
.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event {
background-color: #ccc !important;
padding-left: 100px !important;
}
.widget.uc-ecw .uc-cal.uc-listcal .uc-cal-list {
margin: 1em;
.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date {
left: -100px;
margin-right: -100px !important;
width: 100px !important;
background-color: yellow !important;
}
.widget.uc-ecw .uc-cal.uc-listcal .uc-cal-list a.uc-cal-event {
display: block;
position: relative;
padding-left: 3em;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date .uc-cal-event-month {
padding: .1em 0 0 !important;
border-width: 1px !important;
border-style: solid !important;
border-color: blue !important;
text-align: center;
background-color: red !important;
font-size: 70% !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
}
.widget.uc-ecw .uc-cal.uc-listcal .uc-cal-list a.uc-cal-event .uc-cal-event-date {
position: absolute;
left: 0;
top: 0;
display: block;
font-weight: normal;
color: #aaa;
line-height: 1.42857;
.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-date .uc-cal-event-day {
padding: 0 !important;
border-width: 1px !important;
border-style: solid !important;
border-color: green !important;
text-align: center;
background-color: pink !important;
font-size: 150% !important;
}
.widget.uc-ecw .uc-cal.uc-listcal .uc-cal-list a.uc-cal-event .uc-cal-event-title {
display: block;
color: #428bca;
line-height: 1.42857;
.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-title {
background-color: aqua !important;
}
.widget.uc-ecw .uc-cal.uc-listcal .uc-cal-list a.uc-cal-event .uc-cal-event-time {
color: #92bce0;
.widget.uc-ecw .uc-iconcal .uc-cal-list .uc-cal-item .uc-cal-event .uc-cal-event-time {
opacity: .8;
}
.widget.uc-ecw .uc-cal.uc-listcal .uc-cal-list a.uc-cal-event:hover .uc-cal-event-title {
color: #2a6496;
.widget.uc-ecw .uc-listcal .uc-cal-event {
padding-left: 3.7em !important;
background-color: yellow !important;
}
.widget.uc-ecw .uc-cal.uc-listcal .uc-cal-list a.uc-cal-event:hover .uc-cal-event-time {
color: #5697d0;
.widget.uc-ecw .uc-listcal .uc-cal-event .uc-cal-event-date {
width: 3.7em !important;
left: -3.7em !important;
margin-right: -6em !important;
opacity: .8;
background-color: pink !important;
}
.widget.uc-ecw .uc-cal-link {
margin: 1em;
.widget.uc-ecw .uc-listcal .uc-cal-event .uc-cal-event-title {
background-color: cyan !important;
}
.widget.uc-hours-widget caption {
padding: .5em;
Expand Down

0 comments on commit a7bdf0f

Please sign in to comment.