YunoHost/SSOwat
1
0
Fork 0
mirror of https://github.com/YunoHost/SSOwat.git synced 2024-09-03 20:06:27 +02:00
Code Issues Projects Releases Packages Wiki Activity
SSOwat/portal/assets/css/ynhpanel.css

813 lines
105 KiB
CSS
Raw Normal View History

[enh] Integrarte courgette's theme + i18n
2014-05-14 01:42:31 +02:00
/* ==========================================================================
Sommaire
1 = Font Face Base 64
2 = Apps
3 = User
4 = Color
5 = Animation
6 = Media queries Mobile
7 = Media queries Tablet
========================================================================== */
/* ==========================================================================
1 = Font face Base 64
========================================================================== */
@font-face {
font-family: 'icomoon';
src: url('fonts/icomoon.eot');
}
@font-face {
font-family: 'icomoon';
src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'),
url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
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;
}
#ynhoverlay [class^="icon-"]:before,
#ynhoverlay [class*=" icon-"]:before {
font-family: 'icomoon';
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;
}
#ynhoverlay .icon-connexion:before {
content: "\e600";
}
/* reset inherited style */
#ynhoverlay * {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
text-align: left;
line-height: 1.5;
position: static;
color: #fff;
font-family: inherit;
font-size: 1rem; /* 100% */
font-style: normal;
font-weight: normal;
font-variant: normal;
text-shadow: none;
opacity: 1;
filter: alpha(opacity=100);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#ynhoverlay li { list-style-type: none; }
#ynhoverlay .col { letter-spacing: -5px; }
#ynhoverlay .col > * {
display: inline-block;
letter-spacing: normal;
}
#ynhoverlay img {
max-width: 100%;
height: auto;
}
#ynhoverlay a { text-decoration: none; }
#ynhoverlay .sourcePro {
font-family: 'source_sans_proregular';
}
#ynhoverlay .sourceProBold {
font-family: 'source_sans_probold';
}
#ynhoverlay .sourceProBlack {
font-family: 'SourceSansPro-Black';
}
#ynhoverlay .wrapper {
width: 90%;
margin: 2% 5%;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
z-index: 10;
}
YNH Panel. 1st draft.
2014-02-17 13:07:28 +01:00
/* ******************************************************************
Button
******************************************************************* */
#ynhportal {
[enh] Integrarte courgette's theme + i18n
2014-05-14 01:42:31 +02:00
box-sizing: content-box;
YNH Panel. 1st draft.
2014-02-17 13:07:28 +01:00
display: block;
position: fixed;
z-index: 1000;
bottom: 2%;
right: 2%;
width: 60px;
height: 52px;
padding: 10px;
border-radius: 5px;
background: #000;
background-image: url(data:image/png;base64,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);
background-position: center center;
background-repeat: no-repeat;
opacity: 0.5;
zoom: 1;filter: alpha(opacity=50);
}
Set full opacity to Panel btn when overlay is visible.
2014-02-17 14:36:51 +01:00
#ynhportal.visible,
YNH Panel. 1st draft.
2014-02-17 13:07:28 +01:00
#ynhportal:hover {
opacity: 1;
filter: alpha(opacity=100);
}
/* ******************************************************************
Overlay
******************************************************************* */
/* Background */
#ynhoverlay {
display: block;
[enh] Integrarte courgette's theme + i18n
2014-05-14 01:42:31 +02:00
position: fixed;
Improve overlay animation.
2014-02-19 01:48:31 +01:00
top:0;
[enh] Integrarte courgette's theme + i18n
2014-05-14 01:42:31 +02:00
left: 0;
/*left: 96%; this is the trick ! */
width: 100%;
Improve overlay animation.
2014-02-19 01:48:31 +01:00
height: 100%;
YNH Panel. 1st draft.
2014-02-17 13:07:28 +01:00
z-index: 999;
[enh] Integrarte courgette's theme + i18n
2014-05-14 01:42:31 +02:00
display: none;
YNH Panel. 1st draft.
2014-02-17 13:07:28 +01:00
text-align: left;
overflow-y: auto;
[enh] Integrarte courgette's theme + i18n
2014-05-14 01:42:31 +02:00
padding: 2%;
YNH Panel. 1st draft.
2014-02-17 13:07:28 +01:00
color:#fff;
[enh] Integrarte courgette's theme + i18n
2014-05-14 01:42:31 +02:00
background: #41444F;
YNH Panel. 1st draft.
2014-02-17 13:07:28 +01:00
font-family: Arial, sans-serif;
[enh] Integrarte courgette's theme + i18n
2014-05-14 01:42:31 +02:00
font-size: 1em; /* 100% */
YNH Panel. 1st draft.
2014-02-17 13:07:28 +01:00
font-style: normal;
font-weight: normal;
font-variant: normal;
[enh] Integrarte courgette's theme + i18n
2014-05-14 01:42:31 +02:00
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
YNH Panel. 1st draft.
2014-02-17 13:07:28 +01:00
Fix double-width bug, remove transition.
2014-02-19 12:38:30 +01:00
/*
-webkit-transition: opacity .15s ease-in-out;
-moz-transition: opacity .15s ease-in-out;
-ms-transition: opacity .15s ease-in-out;
-o-transition: opacity .15s ease-in-out;
transition: opacity .15s ease-in-out;
*/
YNH Panel. 1st draft.
2014-02-17 13:07:28 +01:00
}
[enh] Integrarte courgette's theme + i18n
2014-05-14 01:42:31 +02:00
#ynhoverlay.yuno-active {
display: block!important;
YNH Panel. 1st draft.
2014-02-17 13:07:28 +01:00
}
/* Close button */
#ynhclose {
display: block;
float: right;
margin: 2%;
cursor: pointer;
z-index: 1002;
font-weight: bold;
font-size: 1.5em;
}
#ynhclose:hover {color:pink;}
/* Header */
#ynhoverlay .header {
display: block;
width:50%;
margin:1em auto;
}
#ynhoverlay h1 {
display: block;
margin:0 1em 0 0;
line-height: 1.4;
font-size: 3em;
}
Add logout link.
2014-02-17 14:40:34 +01:00
#ynhoverlay .header {
color: #ccc;
}
#ynhoverlay .header a {
YNH Panel. 1st draft.
2014-02-17 13:07:28 +01:00
display: inline-block;
text-decoration: none;
color: #ccc;
}
Add logout link.
2014-02-17 14:40:34 +01:00
#ynhoverlay .header a:hover {
YNH Panel. 1st draft.
2014-02-17 13:07:28 +01:00
text-decoration: underline;
color: #fff;
}
[enh] Integrarte courgette's theme + i18n
2014-05-14 01:42:31 +02:00
/* ==========================================================================
2 = Apps
========================================================================== */
YNH Panel. 1st draft.
2014-02-17 13:07:28 +01:00
[enh] Integrarte courgette's theme + i18n
2014-05-14 01:42:31 +02:00
#ynhoverlay .apps { margin: 4% 5%; }
YNH Panel. 1st draft.
2014-02-17 13:07:28 +01:00
[enh] Integrarte courgette's theme + i18n
2014-05-14 01:42:31 +02:00
#ynhoverlay .listing-apps { letter-spacing: -5px; }
#ynhoverlay .listing-apps li {
display: inline-block;
letter-spacing: normal;
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;
}
#ynhoverlay .listing-apps a {
display: block;
position: relative;
padding: 0.2em;
top: 0;
left: 0;
width: 173px;
height: 173px;
background: #666;
color: #FFFFFF;
font-size: 4em;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
}
#ynhoverlay .listing-apps a:hover,
#ynhoverlay .listing-apps a:focus {
left: -10px;
top: -10px;
box-shadow: none;
}
#ynhoverlay .listing-apps a:hover:before,
#ynhoverlay .listing-apps a:focus:before {
height: 10px;
}
#ynhoverlay .listing-apps a:hover:after,
#ynhoverlay .listing-apps a:focus:after {
width: 10px;
}
#ynhoverlay .listing-apps a:hover:after,
#ynhoverlay .listing-apps a:focus:after,
#ynhoverlay .listing-apps a:hover:before,
#ynhoverlay .listing-apps a:focus:before {
background: #333;
}
#ynhoverlay .listing-apps a:after,
#ynhoverlay .listing-apps a:before {
content: "";
position: absolute;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
}
#ynhoverlay .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);
}
#ynhoverlay .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);
}
#ynhoverlay .listing-apps span {
display: block;
font-size: 1em;
padding-top: 0.3em;
line-height: 1;
}
#ynhoverlay .listing-apps span + span {
font-size: 0.3em;
margin: -0.3em 0 0 0.2em;
padding-top: 0;
}
#ynhoverlay .listing-apps .first-letter:before {
content: attr(data-first-letter);
}
/* ==========================================================================
3 = User
========================================================================== */
#ynhoverlay .user-container { padding: 0.4em 1em; }
#ynhoverlay .user-container a { color: #FFF; }
#ynhoverlay .user-container h2 { margin-bottom: 0; }
#ynhoverlay .user-container h2 a { font: 24px 'source_sans_probold'; }
#ynhoverlay .user-container h2 small {
font-size: 75%;
font-family: 'source_sans_proregular';
display: block;
margin-top: -0.6em;
}
#ynhoverlay .user-info { margin-left: 0.5em;}
#ynhoverlay .user-mail {
color: #999;
font-size: 0.9em;
display: block;
margin-top: -0.2em;
}
#ynhoverlay .user-img {
margin-right: 1em;
border: 3px solid #FFF;
width: 58px;
height: 58px;
border-radius: 90px;
overflow: hidden;
margin: 0 auto;
position: relative;
top: 3px;
}
#ynhoverlay .user-menu {
float: right;
}
#ynhoverlay .user-menu a {
color: #999;
display: block;
padding: 1.25em 3em;
position: relative;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
z-index: 1;
}
#ynhoverlay .user-menu a:hover,
#ynhoverlay .user-menu a:focus {
color: #FFF;
}
/* ==========================================================================
4 = Color
========================================================================== */
#ynhoverlay .listing-apps .purplebg {
background: #9B59B6!important;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
}
#ynhoverlay .purplebg:hover:after,
#ynhoverlay .purplebg:focus:after,
#ynhoverlay .purplebg:hover:before,
#ynhoverlay .purplebg:focus:before {
background: #532C64!important;
}
#ynhoverlay .yellowbg {
background: #F1C40F!important;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
}
#ynhoverlay .yellowbg:hover:after,
#ynhoverlay .yellowbg:focus:after,
#ynhoverlay .yellowbg:hover:before,
#ynhoverlay .yellowbg:focus:before {
background: #796307!important;
}
#ynhoverlay .pinkbg {
background: #D66D92!important;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
}
#ynhoverlay .pinkbg:hover:after,
#ynhoverlay .pinkbg:focus:after,
#ynhoverlay .pinkbg:hover:before,
#ynhoverlay .pinkbg:focus:before {
background: #992B52!important;
}
#ynhoverlay .orangebg {
background: #F39C12!important;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
}
#ynhoverlay .orangebg:hover:after,
#ynhoverlay .orangebg:focus:after,
#ynhoverlay .orangebg:hover:before,
#ynhoverlay .orangebg:focus:before {
background: #7F5006!important;
}
#ynhoverlay .redbg {
background: #E74C3C!important;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
}
#ynhoverlay .redbg:hover:after,
#ynhoverlay .redbg:focus:after,
#ynhoverlay .redbg:hover:before,
#ynhoverlay .redbg:focus:before {
background: #921E12!important;
}
#ynhoverlay .turquoisebg {
background: #1ABC9C!important;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
}
#ynhoverlay .turquoisebg:hover:after,
#ynhoverlay .turquoisebg:focus:after,
#ynhoverlay .turquoisebg:hover:before,
#ynhoverlay .turquoisebg:focus:before {
background: #0B4C3F!important;
}
#ynhoverlay .bluebg {
background: #3498DB!important;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
}
#ynhoverlay .bluebg:hover:after,
#ynhoverlay .bluebg:focus:after,
#ynhoverlay .bluebg:hover:before,
#ynhoverlay .bluebg:focus:before {
background: #16527A!important;
}
#ynhoverlay .greenbg {
background: #2ECC71!important;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
}
#ynhoverlay .greenbg:hover:after,
#ynhoverlay .greenbg:focus:after,
#ynhoverlay .greenbg:hover:before,
#ynhoverlay .greenbg:focus:before {
background: #176437!important;
}
#ynhoverlay .darkbluebg {
background: #34495E!important;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
}
#ynhoverlay .darkbluebg:hover:after,
#ynhoverlay .darkbluebg:focus:after,
#ynhoverlay .darkbluebg:hover:before,
#ynhoverlay .darkbluebg:focus:before {
background: #07090C!important;
}
#ynhoverlay .lightbluebg {
background: #6A93D4!important;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
}
#ynhoverlay .lightbluebg:hover:after,
#ynhoverlay .lightbluebg:focus:after,
#ynhoverlay .lightbluebg:hover:before,
#ynhoverlay .lightbluebg:focus:before {
background: #2B5394!important;
}
#ynhoverlay .lightpinkbg {
background: #F76F87!important;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
}
#ynhoverlay .lightpinkbg:hover:after,
#ynhoverlay .lightpinkbg:focus:after,
#ynhoverlay .lightpinkbg:hover:before,
#ynhoverlay .lightpinkbg:focus:before {
background: #DA0C31!important;
}
#ynhoverlay .lightyellow {
background: #FFC973!important;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
}
#ynhoverlay .lightyellow:hover:after,
#ynhoverlay .lightyellow:focus:after,
#ynhoverlay .lightyellow:hover:before,
#ynhoverlay .lightyellow:focus:before {
background: #F39500!important;
}
#ynhoverlay .lightgreen {
background: #B5F36D!important;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
}
#ynhoverlay .lightgreen:hover:after,
#ynhoverlay .lightgreen:focus:after,
#ynhoverlay .lightgreen:hover:before,
#ynhoverlay .lightgreen:focus:before {
background: #77CF11!important;
}
#ynhoverlay .purpledarkbg {
background: #8E44AD!important;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
}
#ynhoverlay .purpledarkbg:hover:after,
#ynhoverlay .purpledarkbg:focus:after,
#ynhoverlay .purpledarkbg:hover:before,
#ynhoverlay .purpledarkbg:focus:before {
background: #432051!important;
}
/* ==========================================================================
5 = Animation
========================================================================== */
/*SlidetoLeft*/
@-webkit-keyframes slideInLeft {
0% {
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideInLeft {
0% {
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.yuno-slidetoleft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
/*SlidetoLeft*/
@-webkit-keyframes slideInTop {
0% {
opacity: 0;
-webkit-transform: translateY(-1000px);
-ms-transform: translateY(-1000px);
transform: translateY(-1000px);
}
100% {
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInTop {
0% {
opacity: 0;
-webkit-transform: translateY(-1000px);
-ms-transform: translateY(-1000px);
transform: translateY(-1000px);
}
100% {
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.yuno-slideintop {
-webkit-animation-name: slideInTop;
animation-name: slideInTop;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-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);
}
.yuno-slideintop.yuno-delay {
animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
}
/*FadeIn*/
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.yuno-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);
}
.yuno-fadeIn.yuno-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;
}
}
.yuno-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;
}
.yuno-fadeOut.yuno-delay {
animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
}
/*FadeIn left*/
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.yuno-fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-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);
}
.yuno-fadeInLeft.yuno-delay {
animation-delay: 0.3s;
-webkit-animation-delay: 0.3s;
}
/* ==========================================================================
6 = Media Queries Mobile
========================================================================== */
@media screen and (max-width: 500px) {
#ynhoverlay .listing-apps li { width: 44%; }
#ynhoverlay .listing-apps a {
height: 120px;
font-size: 3em;
width: 100%;
}
#ynhoverlay .user-menu { float: none; }
#ynhoverlay .user-menu a { padding: 0 1em; }
#yuno-user { text-align: center; }
#yuno-user > * { display: block!important; }
#yuno-user * { text-align: center; }
#ynhoverlay .user-info { margin-left: 0; }
#ynhportal {
width: 50px;
height: 50px;
}
}
/* ==========================================================================
6 = Media Queries tablet
========================================================================== */
Reference in a new issue Copy permalink