clockwerk-www – Diff between revs 45 and 57

Subversion Repositories:

?pathlinks?

Rev 45 – Details – Blame – Last modification – View Log

 /* default-dark-gray */
 @import 'https://fonts.googleapis.com/css?family=Open+Sans:300&subset=latin,greek-ext,cyrillic-ext,greek,vietnamese,cyrillic,latin-ext';
 @font-face {
     font-family: formoid;
     src:url('lib/formoid.eot');
     src:url('lib/formoid.eot?#iefix') format('embedded-opentype'),
     url('lib/formoid.ttf') format('truetype'),
 .dark-grey .btn{
   display: -moz-inline-box;
   display: inline-block;
-  vertical-align: middle;
-  zoom: 1;
-  *display: inline;
+  vertical-align: middle;
+}
 /* Button & submit*/
 .dark-grey  select,
 .dark-grey input[type=button],
 .dark-grey .btn,
 .dark-grey input[type=submit],
 .dark-grey .element-file .button{
-  display: -moz-inline-box;
-  display: inline-block;
+  display: -moz-inline-box;
-  *display: inline;
+  display: inline-block;
   padding: 4px 12px;
   text-align: center;
   font-size: 1em;
   padding: 6px 2%;
   font-family:inherit;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
   vertical-align: middle;
-  cursor: pointer;
-  border: 1px solid #bbbbbb;
+  cursor: pointer;
-  *border: 0;
+  border: 1px solid #bbbbbb;
   border-color: #e6e6e6 #e6e6e6 #bfbfbf;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   border-bottom-color: #a2a2a2;
   -webkit-border-radius: 4px;
-     -moz-border-radius: 4px;
-          border-radius: 4px;
+     -moz-border-radius: 4px;
-  *zoom: 1;
+          border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
           box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+}
 .dark-grey  select,
 .dark-grey .btn,
 .dark-grey .element-file .button{
   background-color: #f5f5f5;
-  *background-color: #e6e6e6;
   background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
   background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
   background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
-  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
+  background-image: linear-gradient(#ffffff, #e6e6e6);
   background-repeat: repeat-x;
+}
 .dark-grey  select{
   text-align: left;
   width: 100%;
 .dark-grey input[type=button]:hover,
 .dark-grey .btn:hover,
 .dark-grey input[type=button]:active,
 .dark-grey input[type=button][disabled]{
   background-color: #e6e6e6;
-  *background-color: #d9d9d9;
+}
 .dark-grey  select:active,
 .dark-grey .btn:active,
 .dark-grey .btn[disabled],
 .dark-grey input[type=button][disabled] {
   cursor: default;
   background-image: none;
   opacity: 0.65;
-  filter: alpha(opacity=65);
   -webkit-box-shadow: none;
      -moz-box-shadow: none;
           box-shadow: none;
+}
 	background-color: #fff;
-	background: -moz-linear-gradient(top,#fff,#E3E3E3);
-	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E3E3E3));
+	background: -moz-linear-gradient(top,#fff,#E3E3E3);
-	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#ffffff,endColorstr=#E3E3E3,GradientType=0); zoom: 1;
+	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E3E3E3));
-	background: linear-gradient(top,#fff,#E3E3E3);
+	background: linear-gradient(#fff,#E3E3E3);
 	background-clip: border-box; -moz-background-clip: border; -webkit-background-clip: border-box;
 	background-origin: border-box; -moz-background-origin: border; -webkit-background-origin: border-box;
     -webkit-font-smoothing: antialiased;
-    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
     -moz-osx-font-smoothing: grayscale;
 /* checkbox */
 	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#22000000', EndColorStr='#00FFFFFF'); /* IE6ï¿½IE9 */
 	/*background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999)); /* Saf4+, Chrome */
 	background-image: -moz-linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 4px, rgba(0,0,0,0) ); /* FF3.6 */
 	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 4px, rgba(0,0,0,0) ); /* Chrome 10+, Saf5.1+ */
 	background-image: -o-linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 4px, rgba(0,0,0,0) ); /* Opera 11.10+ */
-	background-image: linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 5px, rgba(0,0,0,0) );
+	background-image: linear-gradient(rgba(0,0,0,0.18), rgba(0,0,0,0) 5px, rgba(0,0,0,0) );
 	border-top: solid 1px #aaa;
 	border-left: solid 1px #aaa;
 	border-bottom: solid 1px #ccc;
 	border-right: solid 1px #ccc;
 	-webkit-border-radius: 3px;
 .dark-grey .element-address input[type=text],
 .dark-grey .element-name input[type=text],
 .dark-grey .element-file .file_text,
 .dark-grey textarea{
 	width: 100%;
-	*width: 94%;
+}
 /* prevent conflicts with bootstrap */
 .dark-grey .dropdown-menu input[type=checkbox]{
 	display:none;
+}
 /* NAME last first */
-.dark-grey .element-name .nameFirst{
-    width: 40%;
+.dark-grey .element-name .nameFirst{
-	*width: 39%;
+    width: 40%;
 	left: 0;
     display: inline-block;
-    margin-right: 5%;
-	vertical-align: top;
-	zoom: 1;
+    margin-right: 5%;
-	*display: inline;
+	vertical-align: top;
+}
-.dark-grey .element-name .nameLast{
-    width: 55%;
+.dark-grey .element-name .nameLast{
-	*width: 50%;
+    width: 55%;
-    display: inline-block;
-	vertical-align: top;
-	zoom: 1;
+    display: inline-block;
-	*display: inline;
+	vertical-align: top;
+}
 /* ADDRESS */
-.dark-grey .element-address .city,
-.dark-grey .element-address .zip{
+.dark-grey .element-address .city,
-    width: 47%;
-	*width: 44%;
-    display: inline-block;
+.dark-grey .element-address .zip{
-	zoom: 1;
+    width: 47%;
-	*display: inline;
+    display: inline-block;
 	vertical-align: top;
     margin-right: 6%;
+}
-.dark-grey .element-address .state,
-.dark-grey .element-address .country{
+.dark-grey .element-address .state,
-    width: 47%;
-	*width: 44%;
-    display: inline-block;
+.dark-grey .element-address .country{
-	zoom: 1;
+    width: 47%;
-	*display: inline;
+    display: inline-block;
 	vertical-align: top;
+}
     right: 0;
 	bottom: 0;
     padding: 0;
     cursor: pointer;
     opacity: 0;
-	filter: alpha(opacity=0);
 	width: 100%;
+}
 * html .dark-grey .element-file .file_input,
 *+html .dark-grey .element-file .file_input{
     position: relative;
 	right: auto;
 	top: auto;
 	bottom: auto;
 	width: auto;
     opacity: 1;
-	filter: alpha(opacity=100);
+}
 * html .dark-grey .element-file .button,
 *+html .dark-grey .element-file .button{
 	display: none;
+}
+}
 .btn-group {
   position: relative;
-  display: inline-block;
-  *display: inline;
-  *margin-left: .3em;
-  /*font-size: 0;*/
+  display: inline-block;
   white-space: nowrap;
-  vertical-align: middle;
-  *zoom: 1;
-}
-.btn-group:first-child {
-  *margin-left: 0;
+  vertical-align: middle;
-}
+}
 .btn-group .dropdown-toggle:active,
 .btn-group.open .dropdown-toggle {
   min-width: 160px;
   padding: 5px 0;
   margin: 2px 0 0;
   list-style: none;
   background-color: #ffffff;
-  border: 1px solid #ccc;
   border: 1px solid rgba(0, 0, 0, 0.2);
-  *border-right-width: 2px;
-  *border-bottom-width: 2px;
   -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
           border-radius: 6px;
   -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
   right: 0;
   left: auto;
+}
-.dropdown-menu .divider {
-  *width: 100%;
+.dropdown-menu .divider {
   height: 1px;
-  margin: 9px 1px;
-  *margin: -5px 0 5px;
+  margin: 9px 1px;
   overflow: hidden;
   background-color: #e5e5e5;
   border-bottom: 1px solid #ffffff;
   text-decoration: none;
+}
 .dropdown-menu li > a:hover,
 .dropdown-menu li > a:focus,
-.dropdown-submenu:hover > a{
+.dropdown-submenu:hover > a {
   color: #ffffff;
   text-decoration: none;
+}
-}
-.dropdown-menu li.selected > a{
+.dropdown-menu li.selected > a {
   color: #ffffff;
   text-decoration: none;
+}
   background-color: #0081c2;
   background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
   background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
   background-image: -o-linear-gradient(top, #0088cc, #0077b3);
-  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
+  background-image: linear-gradient(#0088cc, #0077b3);
   background-repeat: repeat-x;
   outline: 0;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
+}
 .dropdown-menu .disabled > a,
 .dropdown-menu .disabled > a:hover {
 .dropdown-menu .disabled > a:hover {
   text-decoration: none;
   cursor: default;
   background-color: transparent;
   background-image: none;
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+}
 .open > .dropdown-menu {
   display: block;
-}
+}
 .alert {
   padding: 8px 35px 8px 14px;
   margin-bottom: 20px;
   margin-left: 0;
+}
 .tooltip.in {
-  opacity: 0.8;
-  filter: alpha(opacity=80);
+  opacity: 0.8;
+}
 .tooltip.top {
 .datepicker td.new {
   color: #999999;
+}
 .datepicker td.active,
 .datepicker td.active:hover {
-  color: #ffffff;
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
   color: #fff;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
 .datepicker td.active:hover,
 .datepicker td.active:hover:hover,
 .datepicker td.active:hover.disabled,
 .datepicker td.active[disabled],
 .datepicker td.active:hover[disabled] {
   color: #ffffff;
+}
 .datepicker td.active:active,
 .datepicker td.active:hover:active,
 .datepicker td.active.active,
 .datepicker td.active:hover.active {
-  background-color: #003399 \9;
+  background-color: #003399;
+}
 .datepicker td span {
   display: block;
   width: 1.5em;
   height: 1.7em;
   line-height: 1.6;
   cursor: pointer;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
+}
 .datepicker .datepicker-months td span,
 .datepicker .datepicker-years td span {
 	width: 3.5em;
 	height: 3em;
 	line-height: 3;
 .datepicker td span:hover {
   background: #eeeeee;
+}
 .datepicker td span.active {
   color: #ffffff;
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-  color: #fff;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
 .datepicker td span.active:hover,
 .datepicker td span.active:focus,
 .datepicker td span.active:active,
 .datepicker td span.active[disabled] {
   color: #ffffff;
+}
 .datepicker td span.active:active,
 .datepicker td span.active.active {
-  background-color: #003399 \9;
+  background-color: #003399;
+}
 .datepicker td span.old {
   color: #999999;
+}
 .datepicker thead tr:first-child th {
 	background-image: -moz-linear-gradient(top, #444444, #222222);
 	background-image: -ms-linear-gradient(top, #444444, #222222);
 	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
 	background-image: -webkit-linear-gradient(top, #444444, #222222);
 	background-image: -o-linear-gradient(top, #444444, #222222);
-	background-image: linear-gradient(top, #444444, #222222);
+	background-image: linear-gradient(#444444, #222222);
 	background-repeat: repeat-x;
-	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222', GradientType=0);
-	/* border-color: #1598d9 #1598d9 #007bb8 #1598d9; */
+}
 .dark-grey input[type=submit]:hover,
 .dark-grey .element-file .button:hover {
   background-color: #222222;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47b4eb', endColorstr='#222222', GradientType=0);
+}
 .dark-grey input[type=submit]:active,
 .dark-grey input[type=submit][disabled],
 .dark-grey .element-file .button:active,
 .dark-grey .element-file .button[disabled]{
 	background-color: #222222;
-	*background-color: #222222;
+}
 .dark-grey input[type=text]:focus,
 .dark-grey input[type=password]:focus,
 .dark-grey .element-file .file_text:focus{
 	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #222222;
 	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #222222;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #222222;
 	border-color: #222222;
-	/*background-image: -ms-linear-gradient(top, #444444, #999999); /* IE10 */
-	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#22000000', EndColorStr='#00FFFFFF'); /* IE6–IE9 */
-	/*background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999)); /* Saf4+, Chrome */
 	background-image: -moz-linear-gradient(top, rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) ); /* FF3.6 */
 	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) ); /* Chrome 10+, Saf5.1+ */
 	background-image: -o-linear-gradient(top, rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) ); /* Opera 11.10+ */
-	background-image: linear-gradient(top, rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) );
+	background-image: linear-gradient(rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) );
 	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
+}
 /* bootstrap */
 	background-image: -moz-linear-gradient(top, #444444, #222222);
 	background-image: -ms-linear-gradient(top, #444444, #222222);
 	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
 	background-image: -webkit-linear-gradient(top, #444444, #222222);
 	background-image: -o-linear-gradient(top, #444444, #222222);
-	background-image: linear-gradient(top, #444444, #222222);
+	background-image: linear-gradient(#444444, #222222);
 	background-repeat: repeat-x;
-	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222', GradientType=0);
 	border-color: #1598d9 #1598d9 #007bb8 #1598d9;
+}
 .dropdown-menu li.selected > a{
   color: #ffffff;
   text-decoration: none;
   background-color: #222222;
   background-image: -moz-linear-gradient(top, #444444, #222222);
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
   background-image: -webkit-linear-gradient(top, #444444, #222222);
   background-image: -o-linear-gradient(top, #444444, #222222);
-  background-image: linear-gradient(to bottom, #444444, #222222);
+  background-image: linear-gradient(#444444, #222222);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
-  border-color: #222222 #222222 #002a80;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-  *background-color: #222222;
+}
 .datepicker td span.active:hover,
 .datepicker td span.active:focus,
 .datepicker td span.active:active,
 .datepicker td span.active.active,
 .datepicker td span.active.disabled,
 .datepicker td.active.active,
 .datepicker td.active:hover.active,
 .datepicker td.active.disabled,
 .datepicker td.active:hover.disabled,
 .datepicker td.active[disabled],
-.datepicker td.active:hover[disabled]{
+.datepicker td.active:hover[disabled] {
   background-color: #222222;
-  *background-color: #222222;
+}
 /* .dark-grey color scheme end */