src/pyams_skin/resources/css/myams.css
changeset 38 564ea53fda87
parent 37 e5e706f6c489
child 40 e550ff884799
equal deleted inserted replaced
37:e5e706f6c489 38:564ea53fda87
     1 /*
     1 /*
     2  * MyAMS
     2  * MyAMS
     3  * « My Application Management Skin »
     3  * « My Application Management Skin »
     4  *
     4  *
     5  * $Tag$
     5  * $Tag: 0.1.13 $
     6  * A bootstrap based application/administration skin
     6  * A bootstrap based application/administration skin
     7  *
     7  *
     8  * Custom administration and application skin tools
     8  * Custom administration and application skin tools
     9  * Released under Zope Public License ZPL 1.1
     9  * Released under Zope Public License ZPL 1.1
    10  * ©2014 Thierry Florac <tflorac@ulthar.net>
    10  * ©2014 Thierry Florac <tflorac@ulthar.net>
  3031 /*
  3031 /*
  3032  * Typos styles
  3032  * Typos styles
  3033  */
  3033  */
  3034 @font-face {
  3034 @font-face {
  3035   font-family: 'Ubuntu';
  3035   font-family: 'Ubuntu';
  3036   src: url('./fonts/Ubuntu-C.eot');
  3036   src: url('fonts/Ubuntu-C.eot');
  3037   src: url('./fonts/Ubuntu-C.eot?#iefix') format('embedded-opentype'), url('./fonts/Ubuntu-C.woff') format('woff'), url('./fonts/Ubuntu-C.ttf') format('truetype'), url('./fonts/Ubuntu-C.svg') format('svg');
  3037   src: url('fonts/Ubuntu-C.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-C.woff') format('woff'), url('fonts/Ubuntu-C.ttf') format('truetype'), url('fonts/Ubuntu-C.svg') format('svg');
  3038   font-weight: normal;
  3038   font-weight: normal;
  3039   font-style: normal;
  3039   font-style: normal;
  3040 }
  3040 }
  3041 @font-face {
  3041 @font-face {
  3042   font-family: 'Ubuntu-Light';
  3042   font-family: 'Ubuntu-Light';
  3043   src: url('./fonts/Ubuntu-L.eot');
  3043   src: url('fonts/Ubuntu-L.eot');
  3044   src: url('./fonts/Ubuntu-L.eot?#iefix') format('embedded-opentype'), url('./fonts/Ubuntu-L.woff') format('woff'), url('./fonts/Ubuntu-L.ttf') format('truetype'), url('./fonts/Ubuntu-L.svg') format('svg');
  3044   src: url('fonts/Ubuntu-L.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-L.woff') format('woff'), url('fonts/Ubuntu-L.ttf') format('truetype'), url('fonts/Ubuntu-L.svg') format('svg');
  3045   font-weight: normal;
  3045   font-weight: normal;
  3046   font-style: normal;
  3046   font-style: normal;
  3047 }
  3047 }
  3048 @font-face {
  3048 @font-face {
  3049   font-family: 'Ubuntu-Bold';
  3049   font-family: 'Ubuntu-Bold';
  3050   src: url('./fonts/Ubuntu-B.eot');
  3050   src: url('fonts/Ubuntu-B.eot');
  3051   src: url('./fonts/Ubuntu-B.eot?#iefix') format('embedded-opentype'), url('./fonts/Ubuntu-B.woff') format('woff'), url('./fonts/Ubuntu-B.ttf') format('truetype'), url('./fonts/Ubuntu-B.svg') format('svg');
  3051   src: url('fonts/Ubuntu-B.eot?#iefix') format('embedded-opentype'), url('fonts/Ubuntu-B.woff') format('woff'), url('fonts/Ubuntu-B.ttf') format('truetype'), url('fonts/Ubuntu-B.svg') format('svg');
  3052   font-weight: bold;
  3052   font-weight: bold;
  3053   font-style: normal;
  3053   font-style: normal;
  3054 }
  3054 }
  3055 html,
  3055 html,
  3056 body {
  3056 body {
  3712   /*background: -webkit-gradient(linear, left top, right top, color-stop(93%, #829db0), color-stop(100%, #6f8696));
  3712   /*background: -webkit-gradient(linear, left top, right top, color-stop(93%, #829db0), color-stop(100%, #6f8696));
  3713 		background: -webkit-linear-gradient(left, #829db0 93%, #6f8696 100%);
  3713 		background: -webkit-linear-gradient(left, #829db0 93%, #6f8696 100%);
  3714 		background: -webkit-gradient(linear, top left, top right, from(#829db0), to(#6f8696));
  3714 		background: -webkit-gradient(linear, top left, top right, from(#829db0), to(#6f8696));
  3715 		background: -webkit-linear-gradient(left, #829db0 93%, #6f8696 100%);
  3715 		background: -webkit-linear-gradient(left, #829db0 93%, #6f8696 100%);
  3716 		background: linear-gradient(to right, #829db0 93%, #6f8696 100%);*/
  3716 		background: linear-gradient(to right, #829db0 93%, #6f8696 100%);*/
  3717 
       
  3718 }
  3717 }
  3719 #header {
  3718 #header {
  3720   display: block;
  3719   display: block;
  3721   height: 49px;
  3720   height: 49px;
  3722   position: relative;
  3721   position: relative;
  4324 .login-info a.btn-primary {
  4323 .login-info a.btn-primary {
  4325   color: #ffffff;
  4324   color: #ffffff;
  4326 }
  4325 }
  4327 .login-info span {
  4326 .login-info span {
  4328   /*height: 38px;*/
  4327   /*height: 38px;*/
  4329 
       
  4330   display: inline-block;
  4328   display: inline-block;
  4331   padding: 0 0 0 10px;
  4329   padding: 0 0 0 10px;
  4332   /*border-bottom: 1px solid #1A1817;*/
  4330   /*border-bottom: 1px solid #1A1817;*/
  4333 
       
  4334 }
  4331 }
  4335 .login-info span a.btn-success {
  4332 .login-info span a.btn-success {
  4336   margin-top: -10px;
  4333   margin-top: -10px;
  4337 }
  4334 }
  4338 .login-info img {
  4335 .login-info img {
  4396 .minified #left-panel > ul > li,
  4393 .minified #left-panel > ul > li,
  4397 .minified nav > ul > li {
  4394 .minified nav > ul > li {
  4398   overflow: visible;
  4395   overflow: visible;
  4399   /*border-bottom: 1px solid #1A1817;
  4396   /*border-bottom: 1px solid #1A1817;
  4400 			border-top: 1px solid #525151;*/
  4397 			border-top: 1px solid #525151;*/
  4401 
       
  4402 }
  4398 }
  4403 .minified #left-panel > ul > li > ul::before,
  4399 .minified #left-panel > ul > li > ul::before,
  4404 .minified nav > ul > li > ul::before {
  4400 .minified nav > ul > li > ul::before {
  4405   border-left: 0;
  4401   border-left: 0;
  4406 }
  4402 }
  4503 }
  4499 }
  4504 .minified #left-panel > ul > li > ul > li,
  4500 .minified #left-panel > ul > li > ul > li,
  4505 .minified nav > ul > li > ul > li {
  4501 .minified nav > ul > li > ul > li {
  4506   background-color: rgba(91, 103, 113, 0.8);
  4502   background-color: rgba(91, 103, 113, 0.8);
  4507   /*background-color: rgba(69, 69, 69, .9);*/
  4503   /*background-color: rgba(69, 69, 69, .9);*/
  4508 
       
  4509 }
  4504 }
  4510 .minified #left-panel > ul > li > ul > li > ul > li,
  4505 .minified #left-panel > ul > li > ul > li > ul > li,
  4511 .minified nav > ul > li > ul > li > ul > li {
  4506 .minified nav > ul > li > ul > li > ul > li {
  4512   background-color: #627685;
  4507   background-color: #627685;
  4513 }
  4508 }
  5850 }
  5845 }
  5851 .nav-tabs > li > a {
  5846 .nav-tabs > li > a {
  5852   padding: 4px 10px;
  5847   padding: 4px 10px;
  5853   border-radius: 0;
  5848   border-radius: 0;
  5854   color: #333;
  5849   color: #333;
       
  5850 }
       
  5851 .nav-tabs > li > a.xsmall {
       
  5852   line-height: 1.0;
       
  5853   padding: 3px 8px;
  5855 }
  5854 }
  5856 .nav-tabs > li > a .label {
  5855 .nav-tabs > li > a .label {
  5857   display: inline-block;
  5856   display: inline-block;
  5858   font-size: 11px;
  5857   font-size: 11px;
  5859   margin-left: 5px;
  5858   margin-left: 5px;
 10483 }
 10482 }
 10484 @media (min-width: 768px) and (max-width: 979px) {
 10483 @media (min-width: 768px) and (max-width: 979px) {
 10485   .btn-header a {
 10484   .btn-header a {
 10486     margin-top: 9px!important;
 10485     margin-top: 9px!important;
 10487     /*width: 40px!important;*/
 10486     /*width: 40px!important;*/
 10488   
       
 10489   }
 10487   }
 10490 }
 10488 }
 10491 @media (min-width: 768px) and (max-width: 880px) {
 10489 @media (min-width: 768px) and (max-width: 880px) {
 10492   .btn-header a {
 10490   .btn-header a {
 10493     margin-top: 9px!important;
 10491     margin-top: 9px!important;
 10494     /*width: 40px!important;*/
 10492     /*width: 40px!important;*/
 10495   
       
 10496     /*height: 39px!important;*/
 10493     /*height: 39px!important;*/
 10497   
       
 10498     line-height: 26px!important;
 10494     line-height: 26px!important;
 10499   }
 10495   }
 10500 }
 10496 }
 10501 @media (max-width: 767px) {
 10497 @media (max-width: 767px) {
 10502   .btn-header a {
 10498   .btn-header a {
 15427   height: 20px;
 15423   height: 20px;
 15428 }
 15424 }
 15429 .modal-overflow .scrollmarker.top {
 15425 .modal-overflow .scrollmarker.top {
 15430   background: -moz-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15426   background: -moz-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15431   /* FF3.6+ */
 15427   /* FF3.6+ */
 15432 
       
 15433   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3276b1), color-stop(17%, rgba(50, 118, 177, 0.83)), color-stop(100%, rgba(50, 118, 177, 0)));
 15428   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3276b1), color-stop(17%, rgba(50, 118, 177, 0.83)), color-stop(100%, rgba(50, 118, 177, 0)));
 15434   /* Chrome,Safari4+ */
 15429   /* Chrome,Safari4+ */
 15435 
       
 15436   background: -webkit-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15430   background: -webkit-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15437   /* Chrome10+,Safari5.1+ */
 15431   /* Chrome10+,Safari5.1+ */
 15438 
       
 15439   background: -o-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15432   background: -o-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15440   /* Opera 11.10+ */
 15433   /* Opera 11.10+ */
 15441 
       
 15442   background: -ms-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15434   background: -ms-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15443   /* IE10+ */
 15435   /* IE10+ */
 15444 
       
 15445   background: linear-gradient(to bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15436   background: linear-gradient(to bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15446   /* W3C */
 15437   /* W3C */
 15447 
       
 15448 }
 15438 }
 15449 .modal-overflow .scrollmarker.bottom {
 15439 .modal-overflow .scrollmarker.bottom {
 15450   background: -moz-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15440   background: -moz-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15451   /* FF3.6+ */
 15441   /* FF3.6+ */
 15452 
       
 15453   background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #3276b1), color-stop(17%, rgba(50, 118, 177, 0.83)), color-stop(100%, rgba(50, 118, 177, 0)));
 15442   background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #3276b1), color-stop(17%, rgba(50, 118, 177, 0.83)), color-stop(100%, rgba(50, 118, 177, 0)));
 15454   /* Chrome,Safari4+ */
 15443   /* Chrome,Safari4+ */
 15455 
       
 15456   background: -webkit-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15444   background: -webkit-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15457   /* Chrome10+,Safari5.1+ */
 15445   /* Chrome10+,Safari5.1+ */
 15458 
       
 15459   background: -o-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15446   background: -o-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15460   /* Opera 11.10+ */
 15447   /* Opera 11.10+ */
 15461 
       
 15462   background: -ms-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15448   background: -ms-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15463   /* IE10+ */
 15449   /* IE10+ */
 15464 
       
 15465   background: linear-gradient(to top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15450   background: linear-gradient(to top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
 15466   /* W3C */
 15451   /* W3C */
 15467 
       
 15468 }
 15452 }
 15469 /*
 15453 /*
 15470  * Pricing-style component
 15454  * Pricing-style component
 15471  */
 15455  */
 15472 .pricing-big {
 15456 .pricing-big {