# HG changeset patch # User Thierry Florac # Date 1425291288 -3600 # Node ID 62b8c75f11e7e8abf5021a522d98edc21ce55388 # Parent 76a03eab7472e10478fa9d92af505dda2cff5e0c Use fixed backdrop for modal dialogs diff -r 76a03eab7472 -r 62b8c75f11e7 src/pyams_skin/resources/css/myams.css --- a/src/pyams_skin/resources/css/myams.css Sat Feb 28 16:17:45 2015 +0100 +++ b/src/pyams_skin/resources/css/myams.css Mon Mar 02 11:14:48 2015 +0100 @@ -2,7 +2,7 @@ * MyAMS * « My Application Management Skin » * - * $Tag: 0.1.12 $ + * $Tag$ * A bootstrap based application/administration skin * * Custom administration and application skin tools @@ -3033,22 +3033,22 @@ */ @font-face { font-family: 'Ubuntu'; - src: url('fonts/Ubuntu-C.eot'); - 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'); + src: url('./fonts/Ubuntu-C.eot'); + 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'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Ubuntu-Light'; - src: url('fonts/Ubuntu-L.eot'); - 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'); + src: url('./fonts/Ubuntu-L.eot'); + 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'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Ubuntu-Bold'; - src: url('fonts/Ubuntu-B.eot'); - 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'); + src: url('./fonts/Ubuntu-B.eot'); + 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'); font-weight: bold; font-style: normal; } @@ -3705,6 +3705,7 @@ background: -webkit-gradient(linear, top left, top right, from(#829db0), to(#6f8696)); background: -webkit-linear-gradient(left, #829db0 93%, #6f8696 100%); background: linear-gradient(to right, #829db0 93%, #6f8696 100%);*/ + } #header { display: block; @@ -4316,9 +4317,11 @@ } .login-info span { /*height: 38px;*/ + display: inline-block; padding: 0 0 0 10px; /*border-bottom: 1px solid #1A1817;*/ + } .login-info span a.btn-success { margin-top: -10px; @@ -4386,6 +4389,7 @@ overflow: visible; /*border-bottom: 1px solid #1A1817; border-top: 1px solid #525151;*/ + } .minified #left-panel > ul > li > ul::before, .minified nav > ul > li > ul::before { @@ -4492,6 +4496,7 @@ .minified nav > ul > li > ul > li { background-color: rgba(91, 103, 113, 0.8); /*background-color: rgba(69, 69, 69, .9);*/ + } .minified #left-panel > ul > li > ul > li > ul > li, .minified nav > ul > li > ul > li > ul > li { @@ -10397,13 +10402,16 @@ .btn-header a { margin-top: 9px!important; /*width: 40px!important;*/ + } } @media (min-width: 768px) and (max-width: 880px) { .btn-header a { margin-top: 9px!important; /*width: 40px!important;*/ + /*height: 39px!important;*/ + line-height: 26px!important; } } @@ -15094,6 +15102,7 @@ */ .modal-backdrop, .modal-backdrop.fade.in { + position: fixed; width: 100%; height: 100%; } @@ -15333,30 +15342,42 @@ .modal-overflow .scrollmarker.top { background: -moz-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); /* FF3.6+ */ + 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))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); /* IE10+ */ + background: linear-gradient(to bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); /* W3C */ + } .modal-overflow .scrollmarker.bottom { background: -moz-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); /* FF3.6+ */ + 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))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); /* IE10+ */ + background: linear-gradient(to top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%); /* W3C */ + } /* * Pricing-style component diff -r 76a03eab7472 -r 62b8c75f11e7 src/pyams_skin/resources/less/modal.less --- a/src/pyams_skin/resources/less/modal.less Sat Feb 28 16:17:45 2015 +0100 +++ b/src/pyams_skin/resources/less/modal.less Mon Mar 02 11:14:48 2015 +0100 @@ -4,6 +4,7 @@ .modal-backdrop, .modal-backdrop.fade.in { + position: fixed; width: 100%; height: 100%; }