Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Tree: 38bbc10c83
Fetching contributors…

Cannot retrieve contributors at this time

440 lines (419 sloc) 8.251 kB
@import "mixins";
$minWidth: 997px;
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,blockquote,th,td,img {
margin: 0;
padding: 0;
}
body {
background: #fff;
color: #000;
font: {
size: 13px;
family: "Trebuchet MS", Arial, sans-serif;
}
}
a {
color: #29869d;
text-decoration: none;
background: none;
&:hover {
text-decoration: underline;
}
&:active, &:focus {
outline: 0;
}
&.button {
@include css3-attribute(border-radius, 4px);
@include css3-attribute(transition, 0.3s);
padding: 6px 11px;
color: #fff;
background-color: #65a9d7;
text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0;
&:hover, &.active {
text-decoration: none;
background-color: #3c6b8a;
}
}
}
h1 {
font: {
size: 27px;
weight: normal;
}
}
h2 {
font: {
size: 20px;
weight: normal;
}
a.button {
margin-top: -4px;
font-size: 15px;
}
}
time {
font-style: italic;
}
form {
label {
font-weight: bold;
display: block;
padding: 5px 0;
&.inline {
padding: 3px 0;
font-weight: normal;
float: left;
width: 25%;
}
}
span {
display: block;
margin-bottom: 5px;
font: {
weight: normal;
size: 11px;
}
}
input, textarea {
font-family: "Lucida Grande", sans-serif;
margin-right: 5px;
&.text {
@include css3-attribute(border-radius, 4px);
@include gradient($start: #f2f2f2, $end: #fff);
width: 275px;
min-width: 275px;
border: 1px solid #aaa;
padding: 6px;
font-size: 14px;
&.prepended {
width: 244px;
min-width: 244px;
}
}
&.small {
width: 175px;
min-width: 175px;
&.prepended {
width: 144px;
min-width: 144px;
}
}
&.large {
width: 350px;
min-width: 350px;
&.prepended {
width: 319px;
min-width: 319px;
}
}
&.prepended {
padding-left: 39px;
}
&[type="submit"] {
@include css3-attribute(border-radius, 5px);
@include css3-attribute(box-shadow, 0 1px 2px #555);
@include gradient($start: #f5e7be, $end: #e1a72f);
border: 1px solid darken(#e1a72f, 5%);
text-shadow: 1px 0 1px #fff;
padding: 5px 7px;
font-weight: bold;
&:hover {
@include gradient($start: #f5e7be, $end: darken(#e1a72f, 10%));
cursor: pointer;
}
&:active {
@include gradient($start: #e1a72f, $end: #f5e7be);
}
}
}
textarea {
height: 100px;
min-height: 100px;
max-width: 553px;
}
}
img#uclass-large {
position: absolute;
display: none;
}
.clear {
clear: both;
}
.center {
text-align: center;
}
.left {
float: left;
}
.right {
float: right;
}
.small {
font: {
size: 12px;
weight: normal;
}
}
.click-hide {
color: #aaa;
}
#maintenance-alert {
@include css3-attribute(border-radius, 10px);
@include gradient($start: lighten(#f7f4a6, 15%), $end: darken(#f7f4a6, 10%));
@include css3-attribute(box-shadow, 0 1px 2px #ccc);
border: 1px solid #e7e14a;
padding: 15px;
margin-bottom: 15px;
}
#header {
@include gradient($start: #000, $end: lighten(#343434, 5%));
@include css3-attribute(box-shadow, 0 1px 15px #000);
position: fixed;
top: 0;
width: 100%;
min-width: $minWidth;
padding: 5px 0 20px;
height: 45px;
a.logo {
height: 60px;
text-indent: -10000px;
display: block;
background: {
position: left center;
repeat: no-repeat;
}
}
a#uclass {
background-image: image-url('uclass-small.png');
width: 217px;
padding-right: 25px;
margin-left: 20px;
}
a#logo {
width: 60px;
}
#welcome {
margin: 12px 20px 10px 0;
width: 225px;
text-align: right;
color: #fff;
font: {
size: 15px;
weight: bold;
}
> a {
float: right;
padding-left: 5px;
font-size: 18px;
line-height: 18px;
color: #fff;
&:hover {
text-decoration: none;
}
}
span {
display: block;
padding-top: 2px;
font: {
size: 13px;
weight: normal;
}
a {
color: #fff;
text-decoration: underline;
}
}
}
#navigation {
margin: 15px 0 0 30px;
font: {
size: 14px;
family: Helvetica, Arial, sans-serif;
weight: bold;
}
a {
@include css3-attribute(border-radius, 8px);
@include gradient($start: #29869d, $end: #65a9d7);
color: #fff;
display: block;
float: left;
border-top: 1px solid #a5e1f3;
text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0;
margin-right: 15px;
padding: 9px 14px 7px 7px;
&:before {
width: 25px;
text-align: center;
}
&:hover, &.active {
@include gradient($start: #34acc7, $end: #3c6b8a);
text-decoration: none;
border-color: #7ae2ff;
}
&:last-child {
margin-right: 0;
}
}
}
}
#well {
@include gradient($start: #afd8e5, $end: #fff);
min-width: $minWidth;
padding: 90px 20px 20px;
#content {
@include border-radius;
@include box-shadow($opacity: 0.3, $size: 3);
background: #fff;
margin-bottom: 20px;
padding: 20px;
}
#footer {
text-align: center;
color: #555;
a {
color: #555;
}
}
}
.widget {
width: 50%;
float: left;
> .inner {
@include border-radius;
@include box-shadow($opacity: 0.3, $size: 3);
@include gradient($start_pct: 60%, $end: #e4f5f9);
margin: 10px;
padding: 15px;
h2 {
position: relative;
left: -21px;
height: 35px;
span {
display: block;
float: left;
background: image-url('ribbon.png') top left no-repeat;
&.l {
width: 6px;
height: 35px;
}
&.r {
background-position: 0 -35px;
width: 16px;
height: 35px;
}
&.m {
padding: 6px 0 10px 15px;
overflow: hidden;
width: 85%;
height: 19px;
color: #fff;
font-size: 15px;
background: {
position: bottom left;
repeat: repeat-x;
}
a {
color: #fff;
}
}
}
}
}
table#calendar td {
height: auto;
}
}
.sortable .widget > .inner h2:hover {
cursor: move;
}
a.section {
@include css3-attribute(transition, 0.3s);
@include css3-attribute(border-radius, 3px);
@include css3-attribute(box-shadow, 0 1px 1px #ccc);
@include gradient($end: #eee);
display: block;
margin-top: 10px;
border: 1px solid #bbb;
color: #000;
padding: 6px 10px;
font-size: 14px;
&:hover {
@include css3-attribute(box-shadow, 0 0 5px darken(#bbe4ef, 10%));
text-decoration: none;
}
}
#quick-links {
margin: 20px 0 0 10px;
a {
font-weight: bold;
}
}
.none {
text-align: center;
font-size: 20px;
color: #ccc;
padding: 20px 0;
td {
padding: 20px 0;
}
}
.loading {
@include gradient($end: #ccc);
@include css3-attribute(border-radius, 5px);
border: 1px solid #ccc;
margin: 0 10px;
padding: 10px;
clear: both;
span {
display: block;
margin: 0 auto;
text-indent: -10000px;
width: 32px;
height: 32px;
background: image-url('loading.gif') top left no-repeat;
}
}
.flash {
@include css3-attribute(box-shadow, 0 0 10px #000);
position: fixed;
top: 0;
z-index: 6;
width: 100%;
padding: 10px 0;
text-align: center;
font: {
size: 16px;
weight: bold;
}
border-bottom: {
width: 1px;
style: solid;
}
&.alert {
color: #d44;
background-color: #fee;
border-bottom-color: #d44;
}
&.notice {
color: #017212;
background-color: #addab4;
border-bottom-color: #017212;
}
}
.errors {
@include css3-attribute(border-radius, 10px);
margin-bottom: 20px;
padding: 15px 20px 0;
background-color: #fee;
border: 1px solid #d44;
strong {
font-size: 15px;
}
}
.field_with_errors {
display: inline;
input.text, textarea.text {
@include css3-attribute(box-shadow, 0 0 5px lighten(#d44, 20%));
border: 1px solid #d44;
}
}
Jump to Line
Something went wrong with that request. Please try again.