800 lines
104 KiB
CSS
800 lines
104 KiB
CSS
|
/*
|
||
|
|
===============================================================================
|
||
|
|
This file contain CSS rules loaded on the YunoHost user portal.
|
||
|
|
===============================================================================
|
||
|
|
*/
|
||
|
|
|
||
|
|
/* ==========================================================================
|
||
|
|
0 = Fonts
|
||
|
|
1 = Global
|
||
|
|
2 = Apps
|
||
|
|
3 = User
|
||
|
|
4 = Form
|
||
|
|
5 = Footer
|
||
|
|
6 = Colors
|
||
|
|
7 = Internet Explorer
|
||
|
|
========================================================================== */
|
||
|
|
|
||
|
|
/* ==========================================================================
|
||
|
|
0 = Fonts
|
||
|
|
========================================================================== */
|
||
|
|
@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,d09GRgABAAAAAA2AAA4AAAAAFYAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABRAAAAEQAAABWPeFIjmNtYXAAAAGIAAAAOwAAAVLoG+nYY3Z0IAAAAcQAAAAUAAAAHAbX/5RmcGdtAAAB2AAABPkAAAmRigp4O2dhc3AAAAbUAAAACAAAAAgAAAAQZ2x5ZgAABtwAAAPSAAAE8FHYnpxoZWFkAAAKsAAAADUAAAA2AafjmGhoZWEAAAroAAAAIAAAACQHCwNXaG10eAAACwgAAAAcAAAAHBSjAABsb2NhAAALJAAAABAAAAAQAxgEaG1heHAAAAs0AAAAIAAAACAA+AoobmFtZQAAC1QAAAGMAAAC5ZEV4Epwb3N0AAAM4AAAAEYAAABYNYITsnByZXAAAA0oAAAAVgAAAFaSoZr/eJxjYGT6zDiBgZWBg6mKaQ8DA0MPhGZ8wGDIyMTAwMTAysyAFQSkuaYwOLxgeMHDHPQ/iyGKOYjBHyjMCJIDAA53C+x4nGNgYGBmgGAZBkYGEPAB8hjBfBYGAyDNAYRMIIkXLC94/v8HsxggLAlG8V9QXWDAyMYw4gEA70UJwAB4nGNgQANGDEbMQf83gjAAE3oEb3icnVXZdtNWFJU8ZHASOmSgoA7X3DhQ68qEKRgwaSrFdiEdHAitBB2kDHTkncc+62uOQrtWH/m07n09JLR0rbYsls++R1tn2DrnRhwjKn0aiGvUoZKXA6msPZZK90lc13Uvj5UMBnFdthJPSZuonSRKat3sUC7xWOsqWSdYJ+PlIFZPVZ5noAziFB5lSUQbRBuplyZJ4onjJ4kWZxAfJUkgJaMQp9LIUEI1GsRS1aFM6dCr1xNx00DKRqMedVhU90PFJ8c1p9SsA0YqVznCFevVRr4bpwMve5DEOsGzrYcxHnisfpQqkIqR6cg/dkpOlIaBVHHUoVbi6DCTX/eRTCrNQKaMYkWl7oG43f102xYxPXQ6vi5KlUaqurnOKJrt0fGogygP2cbppNzQ2fbw5RlTVKtdcbPtQGYNXErJbHSfRAAdJlLj6QFONZwCqRn1R8XZ588BEslclKo8VTKHegOZMzt7cTHtbiersnCknwcyb3Z2452HQ6dXh3/R+hdM4cxHj+Jifj5C+lBqfiJOJKVGWMzyp4YfcVcgQrkxiAsXyuBThDl0RdrZZl3jtTH2hs/5SqlhPQna6KP4fgr9TiQrHGdRo/VInM1j13Wt3GdQS7W7Fzsyr0OVIu7vCwuuM+eEYZ4WC1VfnvneBTT/Bohn/EDeNIVL+5YpSrRvm6JMu2iKCu0SVKVdNsUU7YoppmnPmmKG9h1TzNKeMzLj/8vc55H7HN7xkJv2XeSmfQ+5ad9HbtoPkJtWITdtHblpLyA3rUZu2lWjOnYEGgZpF1IVQdA0svph3Fab9UDWjDR8aWDyLmLI+upER521tcofxX914gsHcmmip7siF5viLq/bFj483e6rj5pG3bDV+MaR8jAeRnocmtBZ+c3hv+1N3S6a7jKqMugBFUwKwABl7UAC0zrbCaT1mqf48gdgXIZ4zkpDtVSfO4am7+V5X/exOfG+x+3GLrdcd3kJWdYNcmP28N9SZKrrH+UtrVQnR6wrJ49VaxhDKrwour6SlHu0tRu/KKmy8l6U1srnk5CbPYMbQlu27mGwI0xpyiUeXlOlKD3UUo6yQyxvKco84JSLC1qGxLgOdQ9qa8TpoXoYGwshhqG0vRBwSCldFd+0ynfxHqtr2Oj4xRXh6XpyEhGf4ir7UfBU10b96A7avGbdMoMpVaqn+4xPsa/b9lFZaaSOsxe3VAfXNOsaORXTT+Rr4HRvOGjdAz1UfDRBI1U1x+jGKGM0ljXl3wR0MVZ+w2jVYvs93E+dpFWsuUuY7JsT9+C0u/0q+7WcW0bW/dcGvW3kip8jMb8tCvw7B2K3ZA3UO5OBGAvIWdAYxhYmdxiug23EbfY/Jqf/34aFRXJXOxq7eerD1ZNRJXfZ8rjLTXZZ16M2R9VOGvsIjS0PN+bY4XIstsRgQbb+wf8x7gF3aVEC4NDIZZiI2nShnurh6h6rsW04VxIBds2x43QAegAuQd8cu9bzCYD13CPnLsB9cgh2yCH4lByCz8i5BfA5OQRfkEMwIIdgl5w7AA/IIXhIDsEeOQSPyNkE+JIcgq/IIYjJIUjIuQ3wmByCJ+QQfE0OwTdGrk5k/pYH2QD6zqKbQKmdGhzaOGRGrk3Y+zxY9oFFZB9aROqRkesT6lMeLPV7i0j9wSJSfzRyY0L9iQdL/dkiUn+xiNRnxpeZIymvDp7zjg7+BJfqrV4AAAAAAQAB//8AD3ichVTdayNVFD/nzp2PTrNpJpmP9CPTJmkz3TamZTJJSpqGNAm0drvbr8ButrYq1CihCMpS+iCL0Cdf9KX4sMKigm8rdNeF9Un/AH1YffCl/gEtPuyzYqeeSQUFFS/Duefe84PzO/f8zgADuPyVHQn9IMMoOLVx4IDAcVsUGDAGa8EObAvotJSOTRRjEcmYjiULXiaMlqjpkpxMZRzNK1r5gld0TdnIu+ZXmGgdtBCfj5kX55aNY6Z2/P3HLEruF/vzLba+8Jn/jUn3BtbNMdzvHB939m2gFfB5LMSEELGZhNUbJ5H1O7VhAVHkDF8DETgT+XbArEXofmgO10Z6URH5W/8Sbj+LDaZj110iPaFLaeJa8Kqi5drMrbK8a4uCLqUyVbRRiG42/Hhjk4eidqacFDPZ1ZWV2ZScmpsc0VXp6f2T9/nh1wf1xq1bDXuuXpxLDbG4HafPzHjlagV/unOfMOw9YJcXVENb2KQKPEjWbOIjbIEgqA1AhK0rZnn3pezQoM4j06iHWSrHSl6xVDQtU5LDaOg9giUv4+SwivRuqAVES1rwxkK7+e6njz5/e0W4uxGvRKJKvFjJrncO91oZoVKMK+mKtXHX/2SqnMWpyiTu3n54r9m89/B250mVsFZFu37YKHdXc7nVbrl5MBUtzyrRhae47D9ITE0lsEM26AX2zC7bAAMStSEBiX09uMW1P+tAWLIGmUYVDKBlkpFSDma8EhbdUTRxVzo9laQRMSz5v0sScjHCRySWksWfT6Uw3VPPaCdDPqXivd7fZJcggQ6DMA6HNdM2GBMTJhPYoMAEoF6TPOs3TqKkiySITOwCxbpAoS4EtHYlgvBN4LyfkzrG/omB7t8h7ZoGkByLW9qAqlBmSZcj01bJISEb6KVTMkqGnnepJsfCdCEo1Sn16vvOPcov46shkfs/8GsixxnBPvNnz4Sb+s7Zjj5vHuly/ihfWWJSiPs/crKY4++c+TPn+CBh7Jy/YhhHJlDOoO4ozeAAqX4G5qEBb8JSrQlh6FPCfe2Ba0wJqUxCRQrmEjnpW0bYBlnu34J+Ws3O3uu72+3W5trqy0uLtZgXKwQrH4lPB8KZRtI9SWceXdP6n3NMS2q6jfmkW0XMOxknLcmiEWC0qwFytHQqs4ABulTFEo37KJJBW1XGFbVnPvrL/VCVr1xZXfZDisLwOVMU/4Pfhrn4WOL4i6oUvQl/dsLDQoB75PRlzSdmVnG+VFR85n8bXOJiYP/D9/eYdvEipKuqzt5YFOlnsEUZL17kmvUci/VI7BgjaOs7KvwBg17MzQAAeJxjYGRgYADiv5pTq+L5bb4ycDO/AIownJ+Z/QNCG+/4//f/RuZI5iAgl4OBCSQKAIruDlIAAAB4nGNgZGBgDvqfxRDF/IKB4f9f5hgGoAgKYAcAhsAFaAPoAAACggAAAxEAAANZAAABZQAAA1kAAAMRAAAAAAAAAEgAqgEOAUYBwgJ4AAEAAAAHAGgABgAAAAAAAgAgAC0AbgAAAFwJkQAAAAB4nHWSzUoDMRSFT2qt2IILFd1mJRVh+oMu7MZCoa4EcdGFmxJrOjNlmpRM2tJn8A18B19J8E08nQarUGfIzHdPTu69CQFwjE8IbJ4bjg0LVBltuIQD3AXeo94PXCY/Bt5HDc+BK9R14CquYAPXcIJ3ZhDlQ0YTfAQWOBXngUs4El
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ==========================================================================
|
||
|
|
1 = Global
|
||
|
|
========================================================================== */
|
||
|
|
|
||
|
|
* {
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
-moz-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
html {
|
||
|
|
font-family: sans-serif; /* 1 */
|
||
|
|
-ms-text-size-adjust: 100%; /* 2 */
|
||
|
|
-webkit-text-size-adjust: 100%; /* 2 */
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
background: #41444f;
|
||
|
|
background-image: url('../img/background.jpg');
|
||
|
|
background-size: auto;
|
||
|
|
font-family: 'source_sans_proregular';
|
||
|
|
font-size: 1em;
|
||
|
|
line-height:1.5;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
height: 100%;
|
||
|
|
top: 0;
|
||
|
|
position: absolute;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1:first-child,
|
||
|
|
h2:first-child,
|
||
|
|
h3:first-child,
|
||
|
|
h4:first-child,
|
||
|
|
h5:first-child,
|
||
|
|
h6:first-child,
|
||
|
|
p:first-child,
|
||
|
|
ul:first-child,
|
||
|
|
ol:first-child,
|
||
|
|
dl:first-child{
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* Responsive image */
|
||
|
|
img {
|
||
|
|
max-width: 100%;
|
||
|
|
height :auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.element-invisible {
|
||
|
|
border: 0;
|
||
|
|
clip: rect(0 0 0 0);
|
||
|
|
height: 1px;
|
||
|
|
margin: -1px;
|
||
|
|
overflow: hidden;
|
||
|
|
padding: 0;
|
||
|
|
position: absolute;
|
||
|
|
width: 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* Layout */
|
||
|
|
.content {
|
||
|
|
padding: 2%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.logged .content {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
overflow: auto; /* scroll .content, not body for easier background customization */
|
||
|
|
}
|
||
|
|
|
||
|
|
.ynh-wrapper {
|
||
|
|
width: 90%;
|
||
|
|
margin: 2% 5%;
|
||
|
|
position: relative;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
.ynh-wrapper:before,
|
||
|
|
.ynh-wrapper:after {content: " ";display: table;}
|
||
|
|
.ynh-wrapper:after {clear: both;}
|
||
|
|
|
||
|
|
/* Logo */
|
||
|
|
.ynh-logo {
|
||
|
|
opacity: 0.8;
|
||
|
|
margin-top: 6em;
|
||
|
|
width: 100%;
|
||
|
|
height: 9em;
|
||
|
|
background-image: url("../img/logo.png");
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: center 100%;
|
||
|
|
background-size: contain;
|
||
|
|
}
|
||
|
|
|
||
|
|
.logged .ynh-logo {
|
||
|
|
position: fixed;
|
||
|
|
width: 5em;
|
||
|
|
height: 5em;
|
||
|
|
bottom: 20px;
|
||
|
|
right: 20px;
|
||
|
|
z-index: 0;
|
||
|
|
opacity: 0.7;
|
||
|
|
background-position: center center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ynh-panel-active .ynh-logo {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.in_app_overlay .ynh-logo {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* messages */
|
||
|
|
.messages {
|
||
|
|
color: #FFF;
|
||
|
|
margin-bottom: 1em;
|
||
|
|
text-align: center;
|
||
|
|
max-width: 21em;
|
||
|
|
margin: 2% auto 1em auto;
|
||
|
|
padding: 1.5em;
|
||
|
|
}
|
||
|
|
.messages.danger { background: #c0392b; }
|
||
|
|
.messages.warning { background: #e67e22; }
|
||
|
|
.messages.success { background: #27ae60; }
|
||
|
|
.messages.info { background: #2980b9; }
|
||
|
|
|
||
|
|
.logged .messages {
|
||
|
|
max-width: none;
|
||
|
|
margin: 2% 5%;
|
||
|
|
padding: 1.5em 15%;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* Fonts & Colors */
|
||
|
|
|
||
|
|
a { text-decoration: none; }
|
||
|
|
|
||
|
|
h1,
|
||
|
|
h2,
|
||
|
|
h3,
|
||
|
|
h4,
|
||
|
|
h5,
|
||
|
|
h6 {
|
||
|
|
font-family: 'source_sans_probold';
|
||
|
|
font-weight: normal;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* headings */
|
||
|
|
h1,
|
||
|
|
.h1 {
|
||
|
|
font-size: 2.5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
h2,
|
||
|
|
.h2 {
|
||
|
|
font-size: 1.8em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cwhite {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
select,
|
||
|
|
.form-text,
|
||
|
|
textarea {
|
||
|
|
border: 0;
|
||
|
|
font-family: 'source_sans_proregular';
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* Icons */
|
||
|
|
|
||
|
|
[class^="icon-"]:before, [class*=" icon-"]:before {
|
||
|
|
font-family: 'ynh_ssowat';
|
||
|
|
font-size: 1em;
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.icon-user:before { content: '\e801'; }
|
||
|
|
.icon-lock:before { content: '\e800'; }
|
||
|
|
.icon-connexion:before { content: '\e802'; }
|
||
|
|
.icon-pencil:before { content: '\e804'; }
|
||
|
|
.icon-trash:before { content: '\e80c'; }
|
||
|
|
.icon-angle-left:before { content: '\e803'; }
|
||
|
|
|
||
|
|
|
||
|
|
/* ==========================================================================
|
||
|
|
2 = Apps
|
||
|
|
========================================================================== */
|
||
|
|
|
||
|
|
.apps { margin: 4% 5%; }
|
||
|
|
|
||
|
|
.listing-apps {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
letter-spacing: -5px; /*fix bug ff PC*/
|
||
|
|
font-family: 'source_sans_probold';
|
||
|
|
}
|
||
|
|
|
||
|
|
.listing-apps li {
|
||
|
|
display: inline-block;
|
||
|
|
vertical-align: top;
|
||
|
|
letter-spacing: normal;
|
||
|
|
list-style: none;
|
||
|
|
margin: 0 0 1.5em 1.5em;
|
||
|
|
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4),
|
||
|
|
-2px -2px 3px 0 rgba(0, 0, 0, 0.7) inset;
|
||
|
|
}
|
||
|
|
|
||
|
|
.listing-apps a {
|
||
|
|
display: block;
|
||
|
|
position: relative;
|
||
|
|
padding: 0.4em;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 4em;
|
||
|
|
height: 4em;
|
||
|
|
background: #666;
|
||
|
|
color: #fff;
|
||
|
|
font-size: 4em;
|
||
|
|
transition: all 0.3s ease;
|
||
|
|
-webkit-transition: all 0.3s ease;
|
||
|
|
}
|
||
|
|
.listing-apps a:hover,
|
||
|
|
.listing-apps a:focus {
|
||
|
|
left: -10px;
|
||
|
|
top: -10px;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
.listing-apps a:hover:before,
|
||
|
|
.listing-apps a:focus:before {
|
||
|
|
height: 10px;
|
||
|
|
}
|
||
|
|
.listing-apps a:hover:after,
|
||
|
|
.listing-apps a:focus:after {
|
||
|
|
width: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.listing-apps a:hover:after,
|
||
|
|
.listing-apps a:focus:after,
|
||
|
|
.listing-apps a:hover:before,
|
||
|
|
.listing-apps a:focus:before {
|
||
|
|
background: #333;
|
||
|
|
}
|
||
|
|
|
||
|
|
.listing-apps a:after,
|
||
|
|
.listing-apps a:before {
|
||
|
|
content: "";
|
||
|
|
position: absolute;
|
||
|
|
transition: all 0.3s ease;
|
||
|
|
-webkit-transition: all 0.3s ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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);
|
||
|
|
-webkit-transform: skew(45deg, 0deg);
|
||
|
|
}
|
||
|
|
|
||
|
|
.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);
|
||
|
|
-webkit-transform: skew(0deg, 45deg);
|
||
|
|
}
|
||
|
|
|
||
|
|
.listing-apps span {
|
||
|
|
display: block;
|
||
|
|
margin: -1.2em 0 0 0.2em;
|
||
|
|
}
|
||
|
|
.listing-apps .first-letter {
|
||
|
|
margin: 0;
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
.listing-apps .name {
|
||
|
|
font-family: 'source_sans_proregular';
|
||
|
|
font-size: 0.2em;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media screen and (max-width: 450px) {
|
||
|
|
.apps {margin: 10% 5%;}
|
||
|
|
.listing-apps a {font-size: 3em;}
|
||
|
|
.listing-apps span + span { font-size: 0.32em; }
|
||
|
|
.listing-apps a:hover,
|
||
|
|
.listing-apps a:focus {left: -5px;top: -5px;}
|
||
|
|
.listing-apps a:hover:before,
|
||
|
|
.listing-apps a:focus:before {height: 5px;}
|
||
|
|
.listing-apps a:hover:after,
|
||
|
|
.listing-apps a:focus:after {width: 5px;}
|
||
|
|
.listing-apps a:before {left: 3px;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);}
|
||
|
|
.listing-apps a:after {top: 3px;box-shadow: 3px 0 5px rgba(0, 0, 0, 0.4);}
|
||
|
|
}
|
||
|
|
@media screen and (max-width: 350px) {
|
||
|
|
.listing-apps a {
|
||
|
|
width: 2.5em;
|
||
|
|
height: 2.5em;
|
||
|
|
font-size: 2.8em;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* ==========================================================================
|
||
|
|
3 = User
|
||
|
|
========================================================================== */
|
||
|
|
|
||
|
|
.user-container {
|
||
|
|
display:block;
|
||
|
|
position: relative;
|
||
|
|
max-width: 320px;
|
||
|
|
padding: 0.4em 1em;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.user-container:before {
|
||
|
|
display: block;
|
||
|
|
position: relative;
|
||
|
|
z-index: 1;
|
||
|
|
float: left;
|
||
|
|
margin-right: 10px;
|
||
|
|
content: '';
|
||
|
|
display: block;
|
||
|
|
font-family: 'ynh_ssowat';
|
||
|
|
font-size: 4em;
|
||
|
|
text-align: center;
|
||
|
|
width: 1.3em;
|
||
|
|
height: 1.3em;
|
||
|
|
border-radius: 90px;
|
||
|
|
background: url('../img/logo.png');
|
||
|
|
background-size: contain;
|
||
|
|
color: #dedede;
|
||
|
|
overflow: hidden;
|
||
|
|
transition: all 0.1s ease;
|
||
|
|
-webkit-transition: all 0.1s ease;
|
||
|
|
}
|
||
|
|
.user-container:hover:before {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.user-container .user-username {
|
||
|
|
font-size: 1.5em;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.user-container .user-fullname {
|
||
|
|
font-size: 1em;
|
||
|
|
font-family: 'source_sans_proregular';
|
||
|
|
display: block;
|
||
|
|
margin-top: -0.6em;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.user-container-info .user-username:after {
|
||
|
|
content: '\e804';
|
||
|
|
font-family: 'ynh_ssowat';
|
||
|
|
color: #b4b4b4;
|
||
|
|
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;
|
||
|
|
-webkit-transition: all 0.1s ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.user-container .user-mail {
|
||
|
|
color: #999;
|
||
|
|
font-size: 0.9em;
|
||
|
|
display: block;
|
||
|
|
margin-top: -0.2em;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* User menu */
|
||
|
|
.user-menu {
|
||
|
|
float: right;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.user-menu li {
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
.user-menu a {
|
||
|
|
color: #999;
|
||
|
|
display: block;
|
||
|
|
padding: 1.25em 1em;
|
||
|
|
position: relative;
|
||
|
|
z-index: 1;
|
||
|
|
transition: all 0.1s ease;
|
||
|
|
-webkit-transition: all 0.1s ease;
|
||
|
|
}
|
||
|
|
.user-menu a:hover,
|
||
|
|
.user-menu a:focus {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media screen and (max-width: 480px) {
|
||
|
|
.user-menu {
|
||
|
|
float: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* ==========================================================================
|
||
|
|
4 = Forms
|
||
|
|
========================================================================== */
|
||
|
|
|
||
|
|
button,
|
||
|
|
input,
|
||
|
|
select,
|
||
|
|
textarea {
|
||
|
|
font-family: inherit;
|
||
|
|
font-size: 100%;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type="search"] {
|
||
|
|
-webkit-appearance: textfield;
|
||
|
|
}
|
||
|
|
[type="submit"],
|
||
|
|
[type="password"],
|
||
|
|
[type="email"],
|
||
|
|
[type="text"] {
|
||
|
|
/* <3 Apple */
|
||
|
|
-webkit-appearance: none;
|
||
|
|
-webkit-border-radius:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
input::-moz-focus-inner {
|
||
|
|
border: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media screen and (-webkit-min-device-pixel-ratio:0){
|
||
|
|
select{
|
||
|
|
-webkit-appearance: none;
|
||
|
|
border-radius: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-text {
|
||
|
|
padding: 0.8em;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.form-section {
|
||
|
|
display: inline-block;
|
||
|
|
vertical-align: top;
|
||
|
|
width: 47%;
|
||
|
|
}
|
||
|
|
.form-section + .form-section {margin-left: 5%;}
|
||
|
|
|
||
|
|
@media screen and (max-width: 768px) {
|
||
|
|
.form-section {width: 100%;}
|
||
|
|
.form-section + .form-section {margin-left: 0;}
|
||
|
|
}
|
||
|
|
|
||
|
|
label {
|
||
|
|
display: inline-block;
|
||
|
|
padding: 0.3em 1em;
|
||
|
|
background: #30333b;
|
||
|
|
color: #fff;
|
||
|
|
font-size: 1.2em;
|
||
|
|
margin-top: 1em;
|
||
|
|
font-family: 'source_sans_probold';
|
||
|
|
font-weight: normal;
|
||
|
|
}
|
||
|
|
label {cursor: pointer;}
|
||
|
|
|
||
|
|
label + .help-link {
|
||
|
|
display: inline-block;
|
||
|
|
padding: 0.3em 1em;
|
||
|
|
font-size: 1.2em;
|
||
|
|
background: #41444f;
|
||
|
|
color: #fff;
|
||
|
|
font-weight: bold;
|
||
|
|
transition: all 0.1s ease;
|
||
|
|
-webkit-transition: all 0.1s ease;
|
||
|
|
}
|
||
|
|
label + .help-link:hover {background: #30333b;}
|
||
|
|
|
||
|
|
.form-group {
|
||
|
|
background: none;
|
||
|
|
margin-bottom: 2em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-text {
|
||
|
|
border: 0;
|
||
|
|
background: #797b83;
|
||
|
|
color: #fff;
|
||
|
|
padding: 0.8em;
|
||
|
|
margin-bottom: 0.3em;
|
||
|
|
display: block;
|
||
|
|
position: relative;z-index: 1; /* prevent strange label overlap */
|
||
|
|
transition: all 0.1s ease;
|
||
|
|
-webkit-transition: all 0.1s ease;
|
||
|
|
}
|
||
|
|
.form-test:-moz-placeholder{color:#ccc;}
|
||
|
|
.form-text::-moz-placeholder{color:#ccc;}
|
||
|
|
.form-text:-ms-input-placeholder{color:#ccc;}
|
||
|
|
.form-text::-webkit-input-placeholder{color:#ccc;}
|
||
|
|
:empty:invalid {box-shadow: none;}
|
||
|
|
|
||
|
|
.form-text:last-child {margin-bottom:0;}
|
||
|
|
|
||
|
|
.form-text:hover,
|
||
|
|
.form-text:focus {
|
||
|
|
background-color: #5d5f68;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-text:disabled { color: #ccc; }
|
||
|
|
.form-text:disabled:hover {background-color:rgba(255, 255, 255, 0.3);}
|
||
|
|
input:disabled {
|
||
|
|
cursor: not-allowed;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media screen and (max-width: 480px) {
|
||
|
|
label,
|
||
|
|
label + .help-link {padding: 0.3em 0.8em;}
|
||
|
|
.form-text {padding: 0.8em;}
|
||
|
|
.form-group .btn {padding: 0.5em 0.8em;}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* Buttons */
|
||
|
|
.btn {
|
||
|
|
background: #999;
|
||
|
|
display: inline-block;
|
||
|
|
padding: 0.5em 1em;
|
||
|
|
line-height: normal;
|
||
|
|
text-decoration: none;
|
||
|
|
color: #FFF;
|
||
|
|
cursor: pointer;
|
||
|
|
transition: all 0.1s ease;
|
||
|
|
-webkit-transition: all 0.1s ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.large-btn {
|
||
|
|
padding: 0.8em 1.5em;
|
||
|
|
font-size: 1.1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
button.btn,
|
||
|
|
input.btn {
|
||
|
|
border:0;
|
||
|
|
cursor:pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn:hover,
|
||
|
|
.btn:focus {
|
||
|
|
background: #AAA;
|
||
|
|
}
|
||
|
|
|
||
|
|
.important-btn { background: #c0392b;}
|
||
|
|
.important-btn:hover,
|
||
|
|
.important-btn:focus {background: #e74c3c;}
|
||
|
|
|
||
|
|
.validate-btn { background: #27ae60;}
|
||
|
|
.validate-btn:hover,
|
||
|
|
.validate-btn:focus {background: #2ecc71;}
|
||
|
|
|
||
|
|
.warning-btn { background: #e67e22;}
|
||
|
|
.warning-btn:hover,
|
||
|
|
.warning-btn:focus {background: #f39c12;}
|
||
|
|
|
||
|
|
.classic-btn { background: #2980b9;}
|
||
|
|
.classic-btn:hover,
|
||
|
|
.classic-btn:focus {background: #3498db;}
|
||
|
|
|
||
|
|
.link-btn { background: none;}
|
||
|
|
.link-btn:hover,
|
||
|
|
.link-btn:focus {background: #41444f;text-decoration: underline;}
|
||
|
|
|
||
|
|
|
||
|
|
.btn-group {
|
||
|
|
margin: 4em 0;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Login form */
|
||
|
|
|
||
|
|
.login-form {
|
||
|
|
max-width: 21em;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.login-form .btn {
|
||
|
|
width: 100%;
|
||
|
|
padding: 0.8em 1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.login-form .form-group {
|
||
|
|
position: relative;
|
||
|
|
margin-bottom: 1em;
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.login-form label {
|
||
|
|
display: block;
|
||
|
|
min-width: 1em;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
font-size: 1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.login-form label:before {
|
||
|
|
background: #eee;
|
||
|
|
color: #666;
|
||
|
|
position: absolute;
|
||
|
|
z-index: 2;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 2.5em;
|
||
|
|
height: 100%;
|
||
|
|
line-height: 3em;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.login-form .form-text {
|
||
|
|
padding: 0.8em 0.8em 0.8em 3em;
|
||
|
|
width: 100%;
|
||
|
|
background: #fff;
|
||
|
|
color: #41444f;
|
||
|
|
}
|
||
|
|
.login-form .form-test:-moz-placeholder{color:#999;}
|
||
|
|
.login-form .form-text::-moz-placeholder{color:#999;}
|
||
|
|
.login-form .form-text:-ms-input-placeholder{color:#999;}
|
||
|
|
.login-form .form-text::-webkit-input-placeholder{color:#999;}
|
||
|
|
|
||
|
|
|
||
|
|
/* Edit form*/
|
||
|
|
|
||
|
|
.form-edit .form-group .btn:before {
|
||
|
|
content:"+";
|
||
|
|
display: inline-block;
|
||
|
|
padding-right: 0.75em;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
@media screen and (min-width: 768px) {
|
||
|
|
.form-edit .btn-group {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
.form-edit .btn-group + .btn-group {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* ==========================================================================
|
||
|
|
5 = Footer
|
||
|
|
========================================================================== */
|
||
|
|
|
||
|
|
.footer {
|
||
|
|
display: inline-block;
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
.footer nav {
|
||
|
|
margin: 0 1em;
|
||
|
|
padding: 0.25em;
|
||
|
|
border-top: 1px solid #666;
|
||
|
|
font-size: 0.9em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footer a {
|
||
|
|
display: inline-block;
|
||
|
|
vertical-align: top;
|
||
|
|
color: #999;
|
||
|
|
}
|
||
|
|
.footer a:before {
|
||
|
|
content: "•";
|
||
|
|
display: inline-block;
|
||
|
|
vertical-align: top;
|
||
|
|
padding: 0 0.5em 0 0.25em;
|
||
|
|
color: #666;
|
||
|
|
}
|
||
|
|
.footer a:first-child:before {content: none;}
|
||
|
|
|
||
|
|
.footer a:hover,
|
||
|
|
.footer a:active {
|
||
|
|
color: #fff;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media screen and (max-width: 480px) {
|
||
|
|
.footer a {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.footer a:before {
|
||
|
|
content: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ==========================================================================
|
||
|
|
Internet Explorer
|
||
|
|
========================================================================== */
|
||
|
|
|
||
|
|
/*IE8 and IE9*/
|
||
|
|
|
||
|
|
article,
|
||
|
|
aside,
|
||
|
|
details,
|
||
|
|
figcaption,
|
||
|
|
figure,
|
||
|
|
footer,
|
||
|
|
header,
|
||
|
|
hgroup,
|
||
|
|
main,
|
||
|
|
nav,
|
||
|
|
section,
|
||
|
|
summary {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|