mirror of
https://github.com/YunoHost/install-app.git
synced 2024-09-03 20:06:19 +02:00
738 lines
110 KiB
CSS
738 lines
110 KiB
CSS
|
/* ==========================================================================
|
|||
|
|
Sommaire
|
|||
|
|
1 = Font Face Base 64
|
|||
|
|
2 = Apps
|
|||
|
|
3 = User
|
|||
|
|
4 = Footer
|
|||
|
|
5 = Color
|
|||
|
|
6 = Animation
|
|||
|
|
7 = Media queries
|
|||
|
|
========================================================================== */
|
|||
|
|
|
|||
|
|
html.ynh-panel-active {
|
|||
|
|
/* Disable any scrolling on app */
|
|||
|
|
/*overflow: hidden;*/
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body {/*overflow-y: scroll;*/}
|
|||
|
|
|
|||
|
|
#ynh-overlay-switch,
|
|||
|
|
#ynh-overlay-switch *,
|
|||
|
|
#ynh-overlay,
|
|||
|
|
#ynh-overlay * {
|
|||
|
|
-webkit-box-sizing: border-box;
|
|||
|
|
-moz-box-sizing: border-box;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* ==========================================================================
|
|||
|
|
1 = Font face Base 64
|
|||
|
|
========================================================================== */
|
|||
|
|
|
|||
|
|
|
|||
|
|
@font-face {
|
|||
|
|
font-family: 'ynh_ssowat';
|
|||
|
|
src: url('fonts/ynh_ssowat/ynh_ssowat.eot');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@font-face {
|
|||
|
|
font-family: 'ynh_ssowat';
|
|||
|
|
src: url(data:application/x-font-ttf;charset=utf-8;base64,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
|
|||
|
|
url(data:application/font-woff;charset=utf-8;base64,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
|
|||
|
|
font-weight: normal;
|
|||
|
|
font-style: normal;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@font-face {
|
|||
|
|
font-family: 'source_sans_probold';
|
|||
|
|
src: url('sourcesanspro-bold-webfont.eot');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@font-face {
|
|||
|
|
font-family: 'source_sans_probold';
|
|||
|
|
src: url(data:application/x-font-woff;charset=utf-8;base64,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
|
|||
|
|
url('sourcesanspro-bold-webfont.ttf') format('truetype');
|
|||
|
|
font-weight: normal;
|
|||
|
|
font-style: normal;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@font-face {
|
|||
|
|
font-family: 'source_sans_proregular';
|
|||
|
|
src: url('sourcesanspro-regular-webfont.eot');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@font-face {
|
|||
|
|
font-family: 'source_sans_proregular';
|
|||
|
|
src: url(data:application/x-font-woff;charset=utf-8;base64,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
|
|||
|
|
url('sourcesanspro-regular-webfont.ttf') format('truetype');
|
|||
|
|
font-weight: normal;
|
|||
|
|
font-style: normal;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#ynh-overlay [class^="icon-"]:before,
|
|||
|
|
#ynh-overlay [class*=" icon-"]:before {
|
|||
|
|
font-family: 'ynh_ssowat';
|
|||
|
|
speak: none;
|
|||
|
|
font-style: normal;
|
|||
|
|
font-weight: normal;
|
|||
|
|
font-variant: normal;
|
|||
|
|
text-transform: none;
|
|||
|
|
line-height: 1;
|
|||
|
|
margin-right: 0.5em;
|
|||
|
|
|
|||
|
|
/* Better Font Rendering =========== */
|
|||
|
|
-webkit-font-smoothing: antialiased;
|
|||
|
|
-moz-osx-font-smoothing: grayscale;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#ynh-overlay .icon-user:before { content: '\e801'; }
|
|||
|
|
#ynh-overlay .icon-lock:before { content: '\e800'; }
|
|||
|
|
#ynh-overlay .icon-connexion:before { content: '\e802'; }
|
|||
|
|
#ynh-overlay .icon-pencil:before { content: '\e804'; }
|
|||
|
|
#ynh-overlay .icon-trash:before { content: '\e80c'; }
|
|||
|
|
#ynh-overlay .icon-angle-left:before { content: '\e803'; }
|
|||
|
|
|
|||
|
|
/* reset inherited style */
|
|||
|
|
#ynh-overlay {font-family: 'source_sans_proregular';}
|
|||
|
|
#ynh-overlay * {
|
|||
|
|
float: none;
|
|||
|
|
clear: none;
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
border: 0;
|
|||
|
|
border-radius: 0;
|
|||
|
|
vertical-align: baseline;
|
|||
|
|
text-align: left;
|
|||
|
|
line-height: 1.5;
|
|||
|
|
position: static;
|
|||
|
|
background: none;
|
|||
|
|
color: #fff;
|
|||
|
|
font-family: inherit;
|
|||
|
|
font-size: inherit;
|
|||
|
|
font-style: normal;
|
|||
|
|
font-weight: normal;
|
|||
|
|
font-variant: normal;
|
|||
|
|
text-shadow: none;
|
|||
|
|
text-transform: none;
|
|||
|
|
width: auto;
|
|||
|
|
height: auto;
|
|||
|
|
min-width: 0;
|
|||
|
|
min-height: 0;
|
|||
|
|
max-width: none;
|
|||
|
|
max-height: none;
|
|||
|
|
|
|||
|
|
opacity: 1;
|
|||
|
|
filter: alpha(opacity=100);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#ynh-overlay li { list-style-type: none; }
|
|||
|
|
|
|||
|
|
#ynh-overlay img {
|
|||
|
|
max-width: 100%;
|
|||
|
|
height: auto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#ynh-overlay a { text-decoration: none; }
|
|||
|
|
|
|||
|
|
|
|||
|
|
#ynh-overlay .ynh-wrapper {
|
|||
|
|
width: 90%;
|
|||
|
|
margin: 2% 5%;
|
|||
|
|
transition: all 0.2s ease;
|
|||
|
|
-moz-transition: all 0.2s ease;
|
|||
|
|
-webkit-transition: all 0.2s ease;
|
|||
|
|
z-index: 10;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .ynh-wrapper:before,
|
|||
|
|
#ynh-overlay .ynh-wrapper:after {content: " ";display: table;}
|
|||
|
|
#ynh-overlay .ynh-wrapper:after {clear: both;}
|
|||
|
|
|
|||
|
|
/* ******************************************************************
|
|||
|
|
Button
|
|||
|
|
******************************************************************* */
|
|||
|
|
#ynh-overlay-switch {
|
|||
|
|
display: block;
|
|||
|
|
position: fixed;
|
|||
|
|
z-index: 10000000;
|
|||
|
|
bottom: 20px;
|
|||
|
|
right: 35px;
|
|||
|
|
width: 100px;
|
|||
|
|
height: 90px;
|
|||
|
|
padding: 12px;
|
|||
|
|
border: 12px solid #41444f;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
background: #41444f;
|
|||
|
|
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluICAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIiBbCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4KXT4KPHN2ZyB2ZXJzaW9uPSIxLjEiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyIKCSB4PSIwcHgiIHk9IjBweCIgd2lkdGg9Ijk4cHgiIGhlaWdodD0iODVweCIgdmlld0JveD0iLTAuMjUgLTAuMjUgOTggODUiCgkgb3ZlcmZsb3c9InZpc2libGUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTAuMjUgLTAuMjUgOTggODUiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZGVmcz4KPC9kZWZzPgo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNOTcsNTFjLTIuMDIsNC45OC04LjMzLDUuNjctMTQsN2MtMC42MDksNi4yOSwzLjA1LDEwLjk1LTEsMTZjLTYuNDEtMC4yNi03LjQ3MS01Ljg1OS03LTEzYy0xLDAtMiwwLTMsMAoJYy0yLjA5LDIuNzcsMC45LDQuNTIsMCw4Yy0xLjEyLDQuMzQtNy44OCw3LjkxLTExLDdjLTIuMTgtMC42NDEtNS45Ni02LjYzLTUtMTJjMi44Mi0yLjcxLDIuNzYsMy4xMiw2LDNjNS4wNS03Ljg0LTkuNjMtOC41NS04LTE3CgljMS4yNC02LjQyLDExLjY2LTkuNjYsMTUtMWMxLjU0LDQuMjEtNS4xNywwLjE2LTUsM2MtMC4yNzksMS42MiwwLjk1LDEuNzIsMSwzYzIuNTIsMC43NywxLjY4LTIuMTYsMy0zYzEuODU5LTEuMTcsMy4wOS0wLjc1LDYtMQoJYzIuNDUtMi41NSwxLjA4LTguOTIsNC0xMWMzLjg3LDAuNDYsNi4wOCwyLjU5LDYsN0M5MS4wMSw0Ni4xMDksOTQuMyw0Ni4wNSw5Nyw1MXoiLz4KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTg3LDEzYzAuNjA5LDMuMjEsMi4zMiw0Ljk4LDIsOGMtMC4zNCwzLjIxLTIuOSw4LjgzLTQsOWMtMS4xNywwLjE4LTEuMzQsMS43OC0yLDIKCWMtNC42NiwxLjU3LTEyLjM5MS0xLjQ4LTE0LTdjLTEuMTYtMy45NywxLjktMTMuMzcsNC0xN2MxLjMtMi4yNSwxLjIyMS0yLjk5LDUtNGMyLjQxLTAuNjUsMy42NS0yLjI1LDYsMAoJYzAuNDcxLDAuNDUsMS4zLDAuNDksMS44NSwwLjg5Yy0wLjE5OSwwLDIsMy4xNCwyLjE1LDQuMTFDODguMzIsMTEuMDcsODYuNzcsMTEuNzgsODcsMTN6IE03OSwyMmMxLjc3OS0xLjg5LDMuMjktNC4wNCwzLTgKCUM3Ny40OSwxMi4zMyw3NC42NywyMS4zLDc5LDIyeiIvPgo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNjcsMjFjLTAuMDcsNS44MSwyLjQ4LDEwLjcsMCwxNWMtNi43MywxLjA2LTcuMjQtNC4xLTExLTZjLTEuOTM5LDEuMzktMS40OSw1LjE4LTMsNwoJYy0zLjc4LDAuNDQtNC42OS0xLjk3LTctM2MyLjQ3LTcuODEsMS4yNi0xOC45OCwyLTI2YzguNTgtMC41OCw3LjY4LDguMzIsMTIsMTJjMC41Mi00LjM0LTAuMzU5LTE1LjUyLDMtMjAKCUM3MC4zMywzLjI5LDY3LjA5LDEyLjk5LDY3LDIxeiIvPgo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNTIsNTVjMS45Myw4LjQxLDAuMTIsMjIuNjg5LTEyLDIwYy0xLjU5LTAuMzUtOC40Mi01LjIyLTktN2MtMS42Mi01LDAuMzQtMTMuMzQsMy0xNgoJQzM5LjAzLDQ2Ljk3LDQ1LjQ4LDUwLjM1OSw1Miw1NXogTTM5LDY2YzQuNTUsMC45Niw2LjMtNC4yLDQtN0MzOS4zNyw1OS4wMywzOC42MSw2MS45MzksMzksNjZ6Ii8+CjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zOSw4YzUuNTgsMC45LDYuNCw2LjgxLDUsMTVjLTEuNDMsOC4zOC0zLjAyLDE0LjU5LTksMTVjLTkuNTcsMC42NS0xMi4yNS0xNi42OS05LTI5CgljOC4zMiwxLjI3LDYuNTksMTAuMzYsNiwxN2MyLjcxLDAuODMsMi4yLTAuODUsMy0yQzM3LjA1LDIxLjA0LDM3LjgyLDEzLjYxLDM5LDh6Ii8+CjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOCw2MmMwLjEsNS42Nyw0LjQsMTEuMzMsMiwxN2MtNC4zMi0xLjAxLTYuNTctNC4wOS05LTdjLTMuMTUtMC40OC0yLjI2LDMuMDctNiwyCgljLTAuNjcsNS4wNjEsMi4yOSw3LjU3LTEsMTBjLTQuNy0wLjYzLTYuNjYtNC04LThjLTIuNjEtMS4zOC01LjQ4LTIuNTItNi02YzAuMTQtMy41Myw0LjQ4LTIuODUsNy00YzAuNDctNS41My0xLjQxLTEzLjQxLDItMTYKCWM4LjMxLDAuNDksOC4yMSw3LjEzLDcsMTVjNC4zNiwwLjI5LDQuOTQtNC4zNSw1LTdjMC4wNi0yLjQzLTEuODItOC4yNiwyLTExYzMuMDYtMC43MywyLjk0LDEuNzMsNiwxCglDMzIuMzUsNTIuNywyNy45Miw1Ny40MzksMjgsNjJ6Ii8+CjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yNCwxMmMxLjA3LDcuMDctMy44Niw4LjE0LTYsMTJjMC4yMSw2Ljg4LTAuNDcsMTIuODYtMiwxOGMtNS44Ni0xLjMyLTguNy0xMC4zOC02LTE3CgljLTAuMzMtMy41Mi01LjI2LTQuMjItNy04Yy0wLjMtMC42Ni0wLjQ3LTQuNDMtMS03QzEuMDksNS42MywwLjU1LDQuMzEsMywxYzguMTYtMC40OSw3LjIxLDguMTMsOSwxNGM1LjA1LDAuMzksMy45MS01LjQyLDgtNgoJQzIwLjk4LDEwLjM1LDIyLjY3LDExLDI0LDEyeiIvPgo8L3N2Zz4K);
|
|||
|
|
background-position: center center;
|
|||
|
|
background-repeat: no-repeat;
|
|||
|
|
background-size: contain;
|
|||
|
|
opacity: 0.7;
|
|||
|
|
}
|
|||
|
|
/*#ynh-overlay-switch.visible,*/
|
|||
|
|
#ynh-overlay-switch:hover {
|
|||
|
|
background-color: #41444f;
|
|||
|
|
border-color: #41444f;
|
|||
|
|
background-color: #111;
|
|||
|
|
border-color: #111;
|
|||
|
|
}
|
|||
|
|
/*html.ynh-panel-active #ynh-overlay-switch {right: 47px;}*/
|
|||
|
|
|
|||
|
|
@media screen and (max-width: 500px) {
|
|||
|
|
#ynh-overlay {
|
|||
|
|
width: 80px;
|
|||
|
|
height: 75px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* ******************************************************************
|
|||
|
|
Overlay
|
|||
|
|
******************************************************************* */
|
|||
|
|
|
|||
|
|
/* Background */
|
|||
|
|
#ynh-overlay {
|
|||
|
|
display: block;
|
|||
|
|
position: fixed;
|
|||
|
|
top:0;
|
|||
|
|
left: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
z-index: 9999999;
|
|||
|
|
display: none;
|
|||
|
|
text-align: left;
|
|||
|
|
overflow-y: auto;
|
|||
|
|
padding: 2%;
|
|||
|
|
|
|||
|
|
color:#fff;
|
|||
|
|
background: #41444F;
|
|||
|
|
|
|||
|
|
font-family: 'source_sans_proregular', sans-serif;
|
|||
|
|
font-size: 16px; /* 100% */
|
|||
|
|
font-style: normal;
|
|||
|
|
font-weight: normal;
|
|||
|
|
font-variant: normal;
|
|||
|
|
transition: all 0.2s ease;
|
|||
|
|
-moz-transition: all 0.2s ease;
|
|||
|
|
-webkit-transition: all 0.2s ease;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay.ynh-active {
|
|||
|
|
display: block!important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Header */
|
|||
|
|
#ynh-overlay .header {
|
|||
|
|
display: block;
|
|||
|
|
width:50%;
|
|||
|
|
margin:1em auto;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay h1 {
|
|||
|
|
display: block;
|
|||
|
|
margin:0 1em 0 0;
|
|||
|
|
line-height: 1.4;
|
|||
|
|
font-size: 3em;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .header {
|
|||
|
|
color: #ccc;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .header a {
|
|||
|
|
display: inline-block;
|
|||
|
|
text-decoration: none;
|
|||
|
|
color: #ccc;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .header a:hover {
|
|||
|
|
text-decoration: underline;
|
|||
|
|
color: #fff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* ==========================================================================
|
|||
|
|
2 = Apps
|
|||
|
|
========================================================================== */
|
|||
|
|
|
|||
|
|
#ynh-overlay .apps { margin: 4% 5%; }
|
|||
|
|
|
|||
|
|
#ynh-overlay .listing-apps {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
letter-spacing: -5px;
|
|||
|
|
font-family: 'source_sans_probold';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#ynh-overlay .listing-apps li {
|
|||
|
|
margin: 0 0 1em 1em;
|
|||
|
|
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;
|
|||
|
|
vertical-align: top;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#ynh-overlay .listing-apps a {
|
|||
|
|
display: block;
|
|||
|
|
position: relative;
|
|||
|
|
padding: 0.2em;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
width: 2.7em;
|
|||
|
|
height: 2.7em;
|
|||
|
|
background: #666;
|
|||
|
|
color: #fff;
|
|||
|
|
font-size: 4em;
|
|||
|
|
transition: all 0.3s ease;
|
|||
|
|
-moz-transition: all 0.3s ease;
|
|||
|
|
-webkit-transition: all 0.3s ease;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .listing-apps a:hover,
|
|||
|
|
#ynh-overlay .listing-apps a:focus {
|
|||
|
|
left: -10px;
|
|||
|
|
top: -10px;
|
|||
|
|
box-shadow: none;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .listing-apps a:hover:before,
|
|||
|
|
#ynh-overlay .listing-apps a:focus:before {
|
|||
|
|
height: 10px;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .listing-apps a:hover:after,
|
|||
|
|
#ynh-overlay .listing-apps a:focus:after {
|
|||
|
|
width: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#ynh-overlay .listing-apps a:hover:after,
|
|||
|
|
#ynh-overlay .listing-apps a:focus:after,
|
|||
|
|
#ynh-overlay .listing-apps a:hover:before,
|
|||
|
|
#ynh-overlay .listing-apps a:focus:before {
|
|||
|
|
background: #333;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#ynh-overlay .listing-apps a:after,
|
|||
|
|
#ynh-overlay .listing-apps a:before {
|
|||
|
|
content: "";
|
|||
|
|
position: absolute;
|
|||
|
|
transition: all 0.3s ease;
|
|||
|
|
-moz-transition: all 0.3s ease;
|
|||
|
|
-webkit-transition: all 0.3s ease;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#ynh-overlay .listing-apps a:before {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 0;
|
|||
|
|
left: 5px;
|
|||
|
|
top: 100%;
|
|||
|
|
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
|
|||
|
|
transform: skew(45deg, 0deg);
|
|||
|
|
-moz-transform: skew(45deg, 0deg);
|
|||
|
|
-webkit-transform: skew(45deg, 0deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#ynh-overlay .listing-apps a:after {
|
|||
|
|
width: 0;
|
|||
|
|
height: 100%;
|
|||
|
|
left: 100%;
|
|||
|
|
top: 5px;
|
|||
|
|
box-shadow: 5px 0 10px rgba(0, 0, 0, 0.4);
|
|||
|
|
transform: skew(0deg, 45deg);
|
|||
|
|
-moz-transform: skew(0deg, 45deg);
|
|||
|
|
-webkit-transform: skew(0deg, 45deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#ynh-overlay .listing-apps span {
|
|||
|
|
display: block;
|
|||
|
|
margin: -1.2em 0 0 0.2em;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .listing-apps .first-letter:before {
|
|||
|
|
content: attr(data-first-letter);
|
|||
|
|
display: inline-block;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .listing-apps .first-letter { margin: 0; }
|
|||
|
|
#ynh-overlay .listing-apps .name {
|
|||
|
|
font-family: 'source_sans_proregular';
|
|||
|
|
font-size: 0.3em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media screen and (max-width: 470px) {
|
|||
|
|
#ynh-overlay .apps {margin: 10% 5% 20% 5%;}
|
|||
|
|
#ynh-overlay .listing-apps a {font-size: 3em;}
|
|||
|
|
#ynh-overlay .listing-apps .name { font-size: 0.32em; }
|
|||
|
|
#ynh-overlay .listing-apps a:hover,
|
|||
|
|
#ynh-overlay .listing-apps a:focus {left: -5px;top: -5px;}
|
|||
|
|
#ynh-overlay .listing-apps a:hover:before,
|
|||
|
|
#ynh-overlay .listing-apps a:focus:before {height: 5px;}
|
|||
|
|
#ynh-overlay .listing-apps a:hover:after,
|
|||
|
|
#ynh-overlay .listing-apps a:focus:after {width: 5px;}
|
|||
|
|
#ynh-overlay .listing-apps a:before {left: 3px;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);}
|
|||
|
|
#ynh-overlay .listing-apps a:after {top: 3px;box-shadow: 3px 0 5px rgba(0, 0, 0, 0.4);}
|
|||
|
|
}
|
|||
|
|
@media screen and (max-width: 370px) {
|
|||
|
|
#ynh-overlay .listing-apps a {
|
|||
|
|
width: 108px;
|
|||
|
|
height: 108px;
|
|||
|
|
font-size: 2.8em;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* ==========================================================================
|
|||
|
|
3 = User
|
|||
|
|
========================================================================== */
|
|||
|
|
|
|||
|
|
#ynh-overlay .user-container {
|
|||
|
|
display:block;
|
|||
|
|
position: relative;
|
|||
|
|
max-width: 320px;
|
|||
|
|
padding: 0.4em 1em;
|
|||
|
|
color: #fff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#ynh-overlay .user-container:before {
|
|||
|
|
display: block;
|
|||
|
|
position: relative;
|
|||
|
|
z-index: 1;
|
|||
|
|
float: left;
|
|||
|
|
margin-right: 10px;
|
|||
|
|
content: '\e801';
|
|||
|
|
display: block;
|
|||
|
|
font-family: 'ynh_ssowat';
|
|||
|
|
font-size: 4em;
|
|||
|
|
text-align: center;
|
|||
|
|
border: 3px solid #fff;
|
|||
|
|
width: 1em;
|
|||
|
|
height: 1em;
|
|||
|
|
border-radius: 90px;
|
|||
|
|
background: #b4b4b4;
|
|||
|
|
color: #dedede;
|
|||
|
|
overflow: hidden;
|
|||
|
|
transition: all 0.1s ease;
|
|||
|
|
-moz-transition: all 0.1s ease;
|
|||
|
|
-webkit-transition: all 0.1s ease;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .user-container:hover:before {
|
|||
|
|
color: #fff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#ynh-overlay .user-container .user-username {
|
|||
|
|
font-size: 1.5em;
|
|||
|
|
margin: 0;
|
|||
|
|
font-family: 'source_sans_probold';
|
|||
|
|
font-weight: normal;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#ynh-overlay .user-container .user-fullname {
|
|||
|
|
font-size: 1em;
|
|||
|
|
font-family: 'source_sans_proregular';
|
|||
|
|
display: block;
|
|||
|
|
margin-top: -0.6em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
#ynh-overlay .user-container-info .user-username:after {
|
|||
|
|
content: '\e804';
|
|||
|
|
font-family: 'ynh_ssowat';
|
|||
|
|
color: #b4b4b4;
|
|||
|
|
background: none;
|
|||
|
|
display: inline-block;vertical-align: text-top;
|
|||
|
|
font-size: 0.8em;
|
|||
|
|
width: 1em;
|
|||
|
|
height: 1em;
|
|||
|
|
margin-left: .5em;
|
|||
|
|
opacity: 0;
|
|||
|
|
transition: all 0.1s ease;
|
|||
|
|
-moz-transition: all 0.1s ease;
|
|||
|
|
-webkit-transition: all 0.1s ease;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .user-container-info:hover .user-username:after {opacity: 1;}
|
|||
|
|
|
|||
|
|
#ynh-overlay .user-container .user-mail {
|
|||
|
|
color: #999;
|
|||
|
|
font-size: 0.9em;
|
|||
|
|
display: block;
|
|||
|
|
margin-top: -0.2em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
#ynh-overlay .user-menu {
|
|||
|
|
float: right;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .user-menu a {
|
|||
|
|
color: #999;
|
|||
|
|
display: block;
|
|||
|
|
padding: 1.25em 1em;
|
|||
|
|
position: relative;
|
|||
|
|
z-index: 1;
|
|||
|
|
transition: all 0.2s ease;
|
|||
|
|
-moz-transition: all 0.2s ease;
|
|||
|
|
-webkit-transition: all 0.2s ease;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .user-menu a:hover,
|
|||
|
|
#ynh-overlay .user-menu a:focus {
|
|||
|
|
color: #FFF;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media screen and (max-width: 500px) {
|
|||
|
|
|
|||
|
|
#ynh-overlay .user-menu { float: none; }
|
|||
|
|
#ynh-overlay .user-menu a { padding: 0 1em; }
|
|||
|
|
#ynh-user { text-align: center; }
|
|||
|
|
#ynh-user > * { display: block!important; }
|
|||
|
|
#ynh-user * { }
|
|||
|
|
#ynh-overlay .user-info { margin-left: 0; }
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* ==========================================================================
|
|||
|
|
4 = Footer
|
|||
|
|
========================================================================== */
|
|||
|
|
|
|||
|
|
#ynh-overlay .footer {
|
|||
|
|
display: inline-block;
|
|||
|
|
width: auto;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .footer nav {
|
|||
|
|
margin: 0 1em;
|
|||
|
|
padding: 0.25em;
|
|||
|
|
border-top: 1px solid #666;
|
|||
|
|
font-size: 0.9em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#ynh-overlay .footer a {
|
|||
|
|
display: inline-block;
|
|||
|
|
vertical-align: top;
|
|||
|
|
color: #999;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .footer a:before {
|
|||
|
|
content: "•";
|
|||
|
|
display: inline-block;
|
|||
|
|
vertical-align: top;
|
|||
|
|
padding: 0 0.5em 0 0.25em;
|
|||
|
|
color: #666;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .footer a:first-child:before {content: none;}
|
|||
|
|
|
|||
|
|
#ynh-overlay .footer a:hover,
|
|||
|
|
#ynh-overlay .footer a:active {
|
|||
|
|
color: #fff;
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
@media screen and (max-width: 480px) {
|
|||
|
|
#ynh-overlay .footer a {
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .footer a:before {
|
|||
|
|
content: none;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* ==========================================================================
|
|||
|
|
5 = Color
|
|||
|
|
========================================================================== */
|
|||
|
|
|
|||
|
|
#ynh-overlay .listing-apps {
|
|||
|
|
transition: all 0.2s ease 0s;
|
|||
|
|
-moz-transition: all 0.2s ease 0s;
|
|||
|
|
-webkit-transition: all 0.2s ease 0s;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .listing-apps .purplebg {
|
|||
|
|
background: #9B59B6!important;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .purplebg:hover:after,
|
|||
|
|
#ynh-overlay .purplebg:focus:after,
|
|||
|
|
#ynh-overlay .purplebg:hover:before,
|
|||
|
|
#ynh-overlay .purplebg:focus:before {
|
|||
|
|
background: #532C64!important;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .yellowbg {
|
|||
|
|
background: #F1C40F!important;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .yellowbg:hover:after,
|
|||
|
|
#ynh-overlay .yellowbg:focus:after,
|
|||
|
|
#ynh-overlay .yellowbg:hover:before,
|
|||
|
|
#ynh-overlay .yellowbg:focus:before {
|
|||
|
|
background: #796307!important;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .pinkbg {
|
|||
|
|
background: #D66D92!important;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .pinkbg:hover:after,
|
|||
|
|
#ynh-overlay .pinkbg:focus:after,
|
|||
|
|
#ynh-overlay .pinkbg:hover:before,
|
|||
|
|
#ynh-overlay .pinkbg:focus:before {
|
|||
|
|
background: #992B52!important;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .orangebg {
|
|||
|
|
background: #F39C12!important;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .orangebg:hover:after,
|
|||
|
|
#ynh-overlay .orangebg:focus:after,
|
|||
|
|
#ynh-overlay .orangebg:hover:before,
|
|||
|
|
#ynh-overlay .orangebg:focus:before {
|
|||
|
|
background: #7F5006!important;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .redbg {
|
|||
|
|
background: #E74C3C!important;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .redbg:hover:after,
|
|||
|
|
#ynh-overlay .redbg:focus:after,
|
|||
|
|
#ynh-overlay .redbg:hover:before,
|
|||
|
|
#ynh-overlay .redbg:focus:before {
|
|||
|
|
background: #921E12!important;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .turquoisebg {
|
|||
|
|
background: #1ABC9C!important;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .turquoisebg:hover:after,
|
|||
|
|
#ynh-overlay .turquoisebg:focus:after,
|
|||
|
|
#ynh-overlay .turquoisebg:hover:before,
|
|||
|
|
#ynh-overlay .turquoisebg:focus:before {
|
|||
|
|
background: #0B4C3F!important;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .bluebg {
|
|||
|
|
background: #3498DB!important;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .bluebg:hover:after,
|
|||
|
|
#ynh-overlay .bluebg:focus:after,
|
|||
|
|
#ynh-overlay .bluebg:hover:before,
|
|||
|
|
#ynh-overlay .bluebg:focus:before {
|
|||
|
|
background: #16527A!important;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .greenbg {
|
|||
|
|
background: #2ECC71!important;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .greenbg:hover:after,
|
|||
|
|
#ynh-overlay .greenbg:focus:after,
|
|||
|
|
#ynh-overlay .greenbg:hover:before,
|
|||
|
|
#ynh-overlay .greenbg:focus:before {
|
|||
|
|
background: #176437!important;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .darkbluebg {
|
|||
|
|
background: #34495E!important;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .darkbluebg:hover:after,
|
|||
|
|
#ynh-overlay .darkbluebg:focus:after,
|
|||
|
|
#ynh-overlay .darkbluebg:hover:before,
|
|||
|
|
#ynh-overlay .darkbluebg:focus:before {
|
|||
|
|
background: #07090C!important;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .lightbluebg {
|
|||
|
|
background: #6A93D4!important;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .lightbluebg:hover:after,
|
|||
|
|
#ynh-overlay .lightbluebg:focus:after,
|
|||
|
|
#ynh-overlay .lightbluebg:hover:before,
|
|||
|
|
#ynh-overlay .lightbluebg:focus:before {
|
|||
|
|
background: #2B5394!important;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .lightpinkbg {
|
|||
|
|
background: #F76F87!important;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .lightpinkbg:hover:after,
|
|||
|
|
#ynh-overlay .lightpinkbg:focus:after,
|
|||
|
|
#ynh-overlay .lightpinkbg:hover:before,
|
|||
|
|
#ynh-overlay .lightpinkbg:focus:before {
|
|||
|
|
background: #DA0C31!important;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .lightyellow {
|
|||
|
|
background: #FFC973!important;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .lightyellow:hover:after,
|
|||
|
|
#ynh-overlay .lightyellow:focus:after,
|
|||
|
|
#ynh-overlay .lightyellow:hover:before,
|
|||
|
|
#ynh-overlay .lightyellow:focus:before {
|
|||
|
|
background: #F39500!important;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .lightgreen {
|
|||
|
|
background: #B5F36D!important;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .lightgreen:hover:after,
|
|||
|
|
#ynh-overlay .lightgreen:focus:after,
|
|||
|
|
#ynh-overlay .lightgreen:hover:before,
|
|||
|
|
#ynh-overlay .lightgreen:focus:before {
|
|||
|
|
background: #77CF11!important;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .purpledarkbg {
|
|||
|
|
background: #8E44AD!important;
|
|||
|
|
}
|
|||
|
|
#ynh-overlay .purpledarkbg:hover:after,
|
|||
|
|
#ynh-overlay .purpledarkbg:focus:after,
|
|||
|
|
#ynh-overlay .purpledarkbg:hover:before,
|
|||
|
|
#ynh-overlay .purpledarkbg:focus:before {
|
|||
|
|
background: #432051!important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* ==========================================================================
|
|||
|
|
6 = Animation
|
|||
|
|
========================================================================== */
|
|||
|
|
|
|||
|
|
/*FadeIn*/
|
|||
|
|
@-webkit-keyframes fadeIn {
|
|||
|
|
0% {opacity: 0;}
|
|||
|
|
100% {opacity: 1;}
|
|||
|
|
}
|
|||
|
|
@keyframes fadeIn {
|
|||
|
|
0% {opacity: 0;}
|
|||
|
|
100% {opacity: 1;}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ynh-fadeIn {
|
|||
|
|
-webkit-animation-name: fadeIn;
|
|||
|
|
animation-name: fadeIn;
|
|||
|
|
-webkit-animation-duration: 0.5s;
|
|||
|
|
animation-duration: 0.5s;
|
|||
|
|
-webkit-animation-fill-mode: both;
|
|||
|
|
animation-fill-mode: both;
|
|||
|
|
-webkit-animation-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
|
|||
|
|
animation-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
|
|||
|
|
}
|
|||
|
|
/*
|
|||
|
|
.ynh-fadeIn.ynh-delay {
|
|||
|
|
animation-delay: 0.5s;
|
|||
|
|
-webkit-animation-delay: 0.5s;
|
|||
|
|
}
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
/*FadeOut*/
|
|||
|
|
@-webkit-keyframes fadeOut {
|
|||
|
|
0% {opacity: 1;}
|
|||
|
|
100% {opacity: 0;}
|
|||
|
|
}
|
|||
|
|
@keyframes fadeOut {
|
|||
|
|
0% {opacity: 1;}
|
|||
|
|
100% {opacity: 0;}
|
|||
|
|
}
|
|||
|
|
.ynh-fadeOut {
|
|||
|
|
-webkit-animation-name: fadeOut;
|
|||
|
|
animation-name: fadeOut;
|
|||
|
|
-webkit-animation-duration: 0.5s;
|
|||
|
|
animation-duration: 0.5s;
|
|||
|
|
-webkit-animation-fill-mode: both;
|
|||
|
|
animation-fill-mode: both;
|
|||
|
|
}
|
|||
|
|
/*
|
|||
|
|
.ynh-fadeOut.ynh-delay {
|
|||
|
|
animation-delay: 0.5s;
|
|||
|
|
-webkit-animation-delay: 0.5s;
|
|||
|
|
}
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* ==========================================================================
|
|||
|
|
7 = Media Queries
|
|||
|
|
========================================================================== */
|
|||
|
|
|
|||
|
|
@media screen and (max-width: 500px) {
|
|||
|
|
#ynh-overlay .listing-apps .name { font-size: 0.33em; }
|
|||
|
|
|
|||
|
|
#ynh-overlay .user-menu { float: none; }
|
|||
|
|
#ynh-overlay .user-menu a { padding: 0 1em; }
|
|||
|
|
#ynh-user { text-align: center; }
|
|||
|
|
#ynh-user > * { display: block!important; }
|
|||
|
|
#ynh-user * { }
|
|||
|
|
#ynh-overlay .user-info { margin-left: 0; }
|
|||
|
|
#ynh-overlay-switch {
|
|||
|
|
width: 80px;
|
|||
|
|
height: 75px;
|
|||
|
|
}
|
|||
|
|
}
|