Skip to content

Instantly share code, notes, and snippets.

@andrewkolesnikov
Created May 17, 2012 20:04
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save andrewkolesnikov/2721282 to your computer and use it in GitHub Desktop.
Save andrewkolesnikov/2721282 to your computer and use it in GitHub Desktop.
Index: home.css
===================================================================
--- home.css (revision 3706)
+++ home.css (revision 3707)
@@ -1,15 +1,68 @@
/*Home*/
+menu{
+ font-family:Arial,helvetica,Sans-Serif;
+}
+
+menu li {
+ background: rgb(73,73,73)!important; /* Old browsers */
+ background: -moz-linear-gradient(top, rgb(73,73,73) 3%, rgb(35,35,35) 100%)!important; /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,rgb(73,73,73)), color-stop(100%,rgb(35,35,35)))!important; /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, rgb(73,73,73) 3%,rgb(35,35,35) 100%)!important; /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, rgb(73,73,73) 3%,rgb(35,35,35) 100%)!important; /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, rgb(73,73,73) 3%,rgb(35,35,35) 100%)!important; /* IE10+ */
+ background: linear-gradient(top, rgb(73,73,73) 3%,rgb(35,35,35) 100%)!important; /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#232323',GradientType=0 )!important; /* IE6-9 */
+ border:0px!important;
+ height:20px;
+ line-height:20px;
+ margin: 0px!important;
+ padding: 5px 10px;
+ font-size:12px!important;
+}
+menu .user {
+ background: none!important;
+ border: none;
+ line-height:24px;
+}
+.team {
+ border-right:3px solid #000;
+ background: -moz-linear-gradient(top, rgb(20,20,20) 2%, rgb(42,42,42) 100%)!important; /* FF3.6+ */
+ background: -ms-linear-gradient(top, rgb(20,20,20) 2%,rgb(42,42,42) 100%)!important; /* IE10+ */
+ background: -o-linear-gradient(top, rgb(20,20,20) 2%,rgb(42,42,42) 100%)!important; /* Opera 11.10+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgb(20,20,20)), color-stop(100%,rgb(42,42,42)))!important; /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, rgb(20,20,20) 2%,rgb(42,42,42) 100%)!important; /* Chrome10+,Safari5.1+ */
+ background: linear-gradient(top, rgb(20,20,20) 2%,rgb(42,42,42) 100%)!important; /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141414', endColorstr='#2a2a2a',GradientType=0 )!important; /* IE6-9 */
+ border: 1px solid #000!important;
+ height:19px;
+}
+
+#teamForm-teams .ui-selectonemenu-label{
+ font-family:Arial,helvetica,Sans-Serif;
+ font-weight:bold;
+ font-size:12px;
+}
+
+
+menu .team a {
+ padding: 0px 20px;
+ text-align: center;
+ font-weight:bold;
+}
+#header menu li:nth-child(3){
+ border-bottom: 1px solid #000!important;
+}
+#header menu li:nth-child(4){
+ border-bottom: 1px solid #000!important;
+ border-right: 1px solid #000!important;
+}
+
.trimp-dist-segment {
float: left;
height: 10px;
}
-.ui-datatable-data .icon-athlete {
- margin-bottom:-2px;
- margin-right:5px;
-}
-
.datatable-container {
color: #fff;
}
@@ -35,22 +88,6 @@
display: block;
}
-
-#form-calendarContainer {
- display: block;
- position: absolute;
- width: 400px;
- height: 300px;
- top: 65px;
- left: 10px;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-}
-
#form-calendarContainer .fc-first.fc-last {
font-size: 10px;
}
@@ -63,6 +100,50 @@
line-height: 15px;
}
+#form-calendar_container .fc-view td {
+ color: #000;
+ font-weight: bold;
+ background: #f5f5f5; /* Old browsers */
+ background: -moz-linear-gradient(-45deg, #f5f5f5 0%, #e1e1e1 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(-45deg, #f5f5f5 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(-45deg, #f5f5f5 0%,#e1e1e1 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(-45deg, #f5f5f5 0%,#e1e1e1 100%); /* IE10+ */
+ background: linear-gradient(-45deg, #f5f5f5 0%,#e1e1e1 100%); /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e1e1e1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
+ cursor: pointer;
+}
+
+#form-calendar_container .fc-view td.fc-other-month {
+ background: #c9c9c9; /* Old browsers */
+ background: -moz-linear-gradient(top, #c9c9c9 0%, #b8b8b8 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9c9c9), color-stop(100%,#b8b8b8)); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, #c9c9c9 0%,#b8b8b8 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, #c9c9c9 0%,#b8b8b8 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, #c9c9c9 0%,#b8b8b8 100%); /* IE10+ */
+ background: linear-gradient(top, #c9c9c9 0%,#b8b8b8 100%); /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#b8b8b8',GradientType=0 ); /* IE6-9 */
+ color:#000;
+}
+
+
+#form-calendar_container .fc-view td.fc-today {
+ background: #6ca126; /* Old browsers */
+ background: -moz-linear-gradient(top, #6ca126 0%, #79b42b 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6ca126), color-stop(100%,#79b42b)); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, #6ca126 0%,#79b42b 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, #6ca126 0%,#79b42b 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, #6ca126 0%,#79b42b 100%); /* IE10+ */
+ background: linear-gradient(top, #6ca126 0%,#79b42b 100%); /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ca126', endColorstr='#79b42b',GradientType=0 ); /* IE6-9 */
+}
+
+#form-calendar_container .ui-widget-content.ui-state-highlight{
+ moz-box-shadow: inset 0 0 -1px 0 #6CA126;
+ -webkit-box-shadow: inset 0 0 -1px 0 #6CA126;
+ box-shadow: inset 0 0 -1px 0 #6CA126;
+}
+
.headerText {
padding: 0 27px 14px 0;
}
@@ -84,11 +165,6 @@
font-weight: bold;
}
-
-#home {
- background: #333333;
-}
-
#home #form-header_content {
height: 68px;
}
@@ -105,10 +181,40 @@
padding: 0 10px 10px 10px;
}
+#home {
+ background: #333333;
+}
+
#form-dayDetailsOutputPanel td {
border-bottom: 1px solid #ccc;
}
+ #form-calendar_container .fc-view .fc-event {
+ pointer-events:none;
+ }
+
+ #form-calendar_container .fc-view .day .fc-event-inner {
+ background: #000;
+ line-height: 15px;
+ height:12px;
+ margin-top:-20px;
+ }
+
+ /* Rest is uniue and needs to be grey */
+ #form-calendar_container .fc-view .rest .fc-event-inner {
+ background: #A1A1A1!important;
+ }
+
+ #form-calendar_container .fc-view .fc-event-inner {
+ height: 7px;
+ padding: 0;
+ line-height: 7px;
+ margin-top:10px;
+ }
+ #form-calendar_container .day .fc-event-title {
+ display:inline;
+ }
+
.nullSession h2{
color: #949494;
}
@@ -184,8 +290,8 @@
}
.headerText {
- color: #000;
font-size: 20px!important;
+ color: #000;
font-weight: bold!important;
line-height: 20px!important;
padding-top: 10px;
@@ -196,6 +302,20 @@
background: rgb(132,193,53); /* Old browsers */ background: -moz-linear-gradient(top, rgba(132,193,53,1) 1%, rgba(100,146,40,1) 98%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(132,193,53,1)), color-stop(98%,rgba(100,146,40,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(132,193,53,1) 1%,rgba(100,146,40,1) 98%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(132,193,53,1) 1%,rgba(100,146,40,1) 98%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(132,193,53,1) 1%,rgba(100,146,40,1) 98%); /* IE10+ */ background: linear-gradient(top, rgba(132,193,53,1) 1%,rgba(100,146,40,1) 98%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84c135', endColorstr='#649228',GradientType=0 ); /* IE6-9 */
}
+#form-calendar_container .fc-event-title {
+ display:none;
+}
+
+#form-calendar_container .fc-view td {
+ border-right: 1px solid #cacaca;
+ border-bottom: 1px solid #cacaca;
+ border-collapse: collapse;
+}
+#form-calendar_container .fc-view td > div {
+ height: 45px;
+ overflow: hidden;
+}
+
#form-header {
background: rgb(132,193,53); /* Old browsers */ background: -moz-linear-gradient(top, rgba(132,193,53,1) 1%, rgba(100,146,40,1) 98%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(132,193,53,1)), color-stop(98%,rgba(100,146,40,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(132,193,53,1) 1%,rgba(100,146,40,1) 98%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(132,193,53,1) 1%,rgba(100,146,40,1) 98%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(132,193,53,1) 1%,rgba(100,146,40,1) 98%); /* IE10+ */ background: linear-gradient(top, rgba(132,193,53,1) 1%,rgba(100,146,40,1) 98%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84c135', endColorstr='#649228',GradientType=0 ); /* IE6-9 */
margin-bottom:285px;
@@ -212,6 +332,20 @@
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85c235', endColorstr='#649228',GradientType=0 ); /* IE6-9 */
}
+#form-calendarContainer {
+ display: block;
+ position: absolute;
+ width: 400px;
+ height: 300px;
+ top: 65px;
+ left: 10px;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
#form-sidePanel {
display: block;
@@ -525,6 +659,10 @@
border-collapse: collapse;
}
+label.mid-form-label {
+ margin: 0 10px 0 20px;
+}
+
span.count {
color: red !important;
}
@@ -545,6 +683,11 @@
width: 30px;
}
+.ui-datatable-data .icon-athlete {
+ margin-bottom:-2px;
+ margin-right:5px;
+}
+
.colorBarGrey span {
background-color: #ccc;
background: -moz-linear-gradient(left, #858585, #575757);/* Firefox 3.6+ */ background: -ms-linear-gradient(left, #858585, #575757);/* IE 10 */ background: -o-linear-gradient(left, #2F2727, #575757);/* Opera 11.10+ */ background: -webkit-gradient(linear, left top, right top, from(#575757), to(#858585)); /* Safari 4-5, Chrome 1-9 */ background: -webkit-linear-gradient(left, #858585, #575757);/* Safari 5.1, Chrome 10+ */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment