diff --git a/portal/assets/css/ynh-style.css b/portal/assets/css/ynh-style.css index d6b7cf0..705e330 100644 --- a/portal/assets/css/ynh-style.css +++ b/portal/assets/css/ynh-style.css @@ -185,10 +185,10 @@ img { a { text-decoration: none; } h1, -h2, -h3, -h4, -h5, +h2, +h3, +h4, +h5, h6 { font-family: 'source_sans_probold'; font-weight: normal; @@ -209,8 +209,8 @@ h2, color: #fff; } -select, -.form-text, +select, +.form-text, textarea { border: 0; font-family: 'source_sans_proregular'; @@ -262,7 +262,7 @@ textarea { letter-spacing: normal; list-style: none; margin: 0 0 1em 1em; - box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4), + box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4), -2px -2px 3px 0 rgba(0, 0, 0, 0.7) inset; } @@ -295,7 +295,7 @@ textarea { width: 10px; } - .listing-apps a:hover:after, + .listing-apps a:hover:after, .listing-apps a:focus:after, .listing-apps a:hover:before, .listing-apps a:focus:before { @@ -525,7 +525,7 @@ input[type="search"] { -webkit-border-radius:0; } -input::-moz-focus-inner { +input::-moz-focus-inner { border: 0; padding: 0; } @@ -647,29 +647,29 @@ input.btn { cursor:pointer; } - .btn:hover, + .btn:hover, .btn:focus { background: #AAA; } .important-btn { background: #c0392b;} - .important-btn:hover, + .important-btn:hover, .important-btn:focus {background: #e74c3c;} .validate-btn { background: #27ae60;} - .validate-btn:hover, + .validate-btn:hover, .validate-btn:focus {background: #2ecc71;} .warning-btn { background: #e67e22;} - .warning-btn:hover, + .warning-btn:hover, .warning-btn:focus {background: #f39c12;} .classic-btn { background: #2980b9;} - .classic-btn:hover, + .classic-btn:hover, .classic-btn:focus {background: #3498db;} .link-btn { background: none;} - .link-btn:hover, + .link-btn:hover, .link-btn:focus {background: #41444f;text-decoration: underline;} @@ -686,7 +686,7 @@ input.btn { } .login-form .btn { - width: 100%; + width: 100%; padding: 0.8em 1em; } @@ -763,7 +763,7 @@ input.btn { border-top: 1px solid #666; font-size: 0.9em; } - + .footer a { display: inline-block; vertical-align: top; @@ -810,9 +810,9 @@ input.btn { .purplebg { background: #9B59B6!important; } -.purplebg:hover:after, -.purplebg:focus:after, -.purplebg:hover:before, +.purplebg:hover:after, +.purplebg:focus:after, +.purplebg:hover:before, .purplebg:focus:before { background: #532C64!important; } @@ -820,9 +820,9 @@ input.btn { .redbg { background: #E74C3C!important; } -.redbg:hover:after, -.redbg:focus:after, -.redbg:hover:before, +.redbg:hover:after, +.redbg:focus:after, +.redbg:hover:before, .redbg:focus:before { background: #921E12!important; } @@ -840,9 +840,9 @@ input.btn { .greenbg { background: #2ECC71!important; } -.greenbg:hover:after, -.greenbg:focus:after, -.greenbg:hover:before, +.greenbg:hover:after, +.greenbg:focus:after, +.greenbg:hover:before, .greenbg:focus:before { background: #176437!important; } @@ -850,9 +850,9 @@ input.btn { .darkbluebg { background: #34495E!important; } -.darkbluebg:hover:after, -.darkbluebg:focus:after, -.darkbluebg:hover:before, +.darkbluebg:hover:after, +.darkbluebg:focus:after, +.darkbluebg:hover:before, .darkbluebg:focus:before { background: #07090C!important; } @@ -860,9 +860,9 @@ input.btn { .lightbluebg { background: #6A93D4!important; } -.lightbluebg:hover:after, -.lightbluebg:focus:after, -.lightbluebg:hover:before, +.lightbluebg:hover:after, +.lightbluebg:focus:after, +.lightbluebg:hover:before, .lightbluebg:focus:before { background: #2B5394!important; } @@ -881,9 +881,9 @@ input.btn { .lightpinkbg { background: #F76F87!important; } -.lightpinkbg:hover:after, -.lightpinkbg:focus:after, -.lightpinkbg:hover:before, +.lightpinkbg:hover:after, +.lightpinkbg:focus:after, +.lightpinkbg:hover:before, .lightpinkbg:focus:before { background: #DA0C31!important; } @@ -911,27 +911,27 @@ input.btn { .lightyellow { background: #FFC973!important; } -.lightyellow:hover:after, -.lightyellow:focus:after, -.lightyellow:hover:before, +.lightyellow:hover:after, +.lightyellow:focus:after, +.lightyellow:hover:before, .lightyellow:focus:before { background: #F39500!important; } .lightgreen { background: #B5F36D!important; } -.lightgreen:hover:after, -.lightgreen:focus:after, -.lightgreen:hover:before, +.lightgreen:hover:after, +.lightgreen:focus:after, +.lightgreen:hover:before, .lightgreen:focus:before { background: #77CF11!important; } .purpledarkbg { background: #8E44AD!important; } -.purpledarkbg:hover:after, -.purpledarkbg:focus:after, -.purpledarkbg:hover:before, +.purpledarkbg:hover:after, +.purpledarkbg:focus:after, +.purpledarkbg:hover:before, .purpledarkbg:focus:before { background: #432051!important; } diff --git a/portal/assets/css/ynhpanel.css b/portal/assets/css/ynhpanel.css index 88c24ac..b716a5f 100644 --- a/portal/assets/css/ynhpanel.css +++ b/portal/assets/css/ynhpanel.css @@ -71,7 +71,7 @@ body {/*overflow-y: scroll;*/} } -#ynhoverlay [class^="icon-"]:before, +#ynhoverlay [class^="icon-"]:before, #ynhoverlay [class*=" icon-"]:before { font-family: 'ynh_ssowat'; speak: none; @@ -261,7 +261,7 @@ body {/*overflow-y: scroll;*/} #ynhoverlay .listing-apps li { margin: 0 0 1em 1em; - box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4), + box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4), -2px -2px 3px 0 rgba(0, 0, 0, 0.7) inset; display: inline-block; letter-spacing: normal; @@ -298,7 +298,7 @@ body {/*overflow-y: scroll;*/} width: 10px; } - #ynhoverlay .listing-apps a:hover:after, + #ynhoverlay .listing-apps a:hover:after, #ynhoverlay .listing-apps a:focus:after, #ynhoverlay .listing-apps a:hover:before, #ynhoverlay .listing-apps a:focus:before { @@ -339,7 +339,7 @@ body {/*overflow-y: scroll;*/} #ynhoverlay .listing-apps span { display: block; margin: -1.2em 0 0 0.2em; -} +} #ynhoverlay .listing-apps .first-letter:before { content: attr(data-first-letter); display: inline-block; @@ -496,7 +496,7 @@ body {/*overflow-y: scroll;*/} border-top: 1px solid #666; font-size: 0.9em; } - + #ynhoverlay .footer a { display: inline-block; vertical-align: top; @@ -537,126 +537,126 @@ body {/*overflow-y: scroll;*/} #ynhoverlay .listing-apps .purplebg { background: #9B59B6!important; } -#ynhoverlay .purplebg:hover:after, -#ynhoverlay .purplebg:focus:after, -#ynhoverlay .purplebg:hover:before, +#ynhoverlay .purplebg:hover:after, +#ynhoverlay .purplebg:focus:after, +#ynhoverlay .purplebg:hover:before, #ynhoverlay .purplebg:focus:before { background: #532C64!important; } #ynhoverlay .yellowbg { background: #F1C40F!important; } -#ynhoverlay .yellowbg:hover:after, -#ynhoverlay .yellowbg:focus:after, -#ynhoverlay .yellowbg:hover:before, +#ynhoverlay .yellowbg:hover:after, +#ynhoverlay .yellowbg:focus:after, +#ynhoverlay .yellowbg:hover:before, #ynhoverlay .yellowbg:focus:before { background: #796307!important; } #ynhoverlay .pinkbg { background: #D66D92!important; } -#ynhoverlay .pinkbg:hover:after, -#ynhoverlay .pinkbg:focus:after, -#ynhoverlay .pinkbg:hover:before, +#ynhoverlay .pinkbg:hover:after, +#ynhoverlay .pinkbg:focus:after, +#ynhoverlay .pinkbg:hover:before, #ynhoverlay .pinkbg:focus:before { background: #992B52!important; } #ynhoverlay .orangebg { background: #F39C12!important; } -#ynhoverlay .orangebg:hover:after, -#ynhoverlay .orangebg:focus:after, -#ynhoverlay .orangebg:hover:before, +#ynhoverlay .orangebg:hover:after, +#ynhoverlay .orangebg:focus:after, +#ynhoverlay .orangebg:hover:before, #ynhoverlay .orangebg:focus:before { background: #7F5006!important; } #ynhoverlay .redbg { background: #E74C3C!important; } -#ynhoverlay .redbg:hover:after, -#ynhoverlay .redbg:focus:after, -#ynhoverlay .redbg:hover:before, +#ynhoverlay .redbg:hover:after, +#ynhoverlay .redbg:focus:after, +#ynhoverlay .redbg:hover:before, #ynhoverlay .redbg:focus:before { background: #921E12!important; } #ynhoverlay .turquoisebg { background: #1ABC9C!important; } -#ynhoverlay .turquoisebg:hover:after, -#ynhoverlay .turquoisebg:focus:after, -#ynhoverlay .turquoisebg:hover:before, +#ynhoverlay .turquoisebg:hover:after, +#ynhoverlay .turquoisebg:focus:after, +#ynhoverlay .turquoisebg:hover:before, #ynhoverlay .turquoisebg:focus:before { background: #0B4C3F!important; } #ynhoverlay .bluebg { background: #3498DB!important; } -#ynhoverlay .bluebg:hover:after, -#ynhoverlay .bluebg:focus:after, -#ynhoverlay .bluebg:hover:before, +#ynhoverlay .bluebg:hover:after, +#ynhoverlay .bluebg:focus:after, +#ynhoverlay .bluebg:hover:before, #ynhoverlay .bluebg:focus:before { background: #16527A!important; } #ynhoverlay .greenbg { background: #2ECC71!important; } -#ynhoverlay .greenbg:hover:after, -#ynhoverlay .greenbg:focus:after, -#ynhoverlay .greenbg:hover:before, +#ynhoverlay .greenbg:hover:after, +#ynhoverlay .greenbg:focus:after, +#ynhoverlay .greenbg:hover:before, #ynhoverlay .greenbg:focus:before { background: #176437!important; } #ynhoverlay .darkbluebg { background: #34495E!important; } -#ynhoverlay .darkbluebg:hover:after, -#ynhoverlay .darkbluebg:focus:after, -#ynhoverlay .darkbluebg:hover:before, +#ynhoverlay .darkbluebg:hover:after, +#ynhoverlay .darkbluebg:focus:after, +#ynhoverlay .darkbluebg:hover:before, #ynhoverlay .darkbluebg:focus:before { background: #07090C!important; } #ynhoverlay .lightbluebg { background: #6A93D4!important; } -#ynhoverlay .lightbluebg:hover:after, -#ynhoverlay .lightbluebg:focus:after, -#ynhoverlay .lightbluebg:hover:before, +#ynhoverlay .lightbluebg:hover:after, +#ynhoverlay .lightbluebg:focus:after, +#ynhoverlay .lightbluebg:hover:before, #ynhoverlay .lightbluebg:focus:before { background: #2B5394!important; } #ynhoverlay .lightpinkbg { background: #F76F87!important; } -#ynhoverlay .lightpinkbg:hover:after, -#ynhoverlay .lightpinkbg:focus:after, -#ynhoverlay .lightpinkbg:hover:before, +#ynhoverlay .lightpinkbg:hover:after, +#ynhoverlay .lightpinkbg:focus:after, +#ynhoverlay .lightpinkbg:hover:before, #ynhoverlay .lightpinkbg:focus:before { background: #DA0C31!important; } #ynhoverlay .lightyellow { background: #FFC973!important; } -#ynhoverlay .lightyellow:hover:after, -#ynhoverlay .lightyellow:focus:after, -#ynhoverlay .lightyellow:hover:before, +#ynhoverlay .lightyellow:hover:after, +#ynhoverlay .lightyellow:focus:after, +#ynhoverlay .lightyellow:hover:before, #ynhoverlay .lightyellow:focus:before { background: #F39500!important; } #ynhoverlay .lightgreen { background: #B5F36D!important; } -#ynhoverlay .lightgreen:hover:after, -#ynhoverlay .lightgreen:focus:after, -#ynhoverlay .lightgreen:hover:before, +#ynhoverlay .lightgreen:hover:after, +#ynhoverlay .lightgreen:focus:after, +#ynhoverlay .lightgreen:hover:before, #ynhoverlay .lightgreen:focus:before { background: #77CF11!important; } #ynhoverlay .purpledarkbg { background: #8E44AD!important; } -#ynhoverlay .purpledarkbg:hover:after, -#ynhoverlay .purpledarkbg:focus:after, -#ynhoverlay .purpledarkbg:hover:before, +#ynhoverlay .purpledarkbg:hover:after, +#ynhoverlay .purpledarkbg:focus:after, +#ynhoverlay .purpledarkbg:hover:before, #ynhoverlay .purpledarkbg:focus:before { background: #432051!important; } @@ -699,7 +699,7 @@ body {/*overflow-y: scroll;*/} } @keyframes fadeOut { 0% {opacity: 1;} - 100% {opacity: 0;} + 100% {opacity: 0;} } .ynh-fadeOut { -webkit-animation-name: fadeOut;