post new offering travel, and user page

This commit is contained in:
arnaucode
2017-01-26 14:13:32 +01:00
parent 5f16f060c1
commit 17f0f740d8
15 changed files with 177 additions and 104 deletions

View File

@@ -1,50 +1,95 @@
/* Empty. Add your own CSS if you like */
.o-imgMenu{
width: 25px!important;
height: 25px!important;
.o_noPaddingMargin{
padding: 0!important;
margin: 0!important;
}
.o-imgTitle{
width: 40px!important;
height: 40px!important;
.o_mainRow{
height: calc(100%/4);
}
.o-imgSelectAvatar{
width: 45px!important;
height: 45px!important;
}
.o-bold{
font-weight: bold!important;
}
.o-float-right{
.o_floatRight{
float: right;
}
.o-text-right{
text-align: right;
/*
SISTEMA DE COLORS
users: blue
routines: red
diets: yellow
la nomenclatura és:
o_bColor
la 'o' és de 'own', per saber que és una classe pròpia nostra i que no colisioni amb les classes dels frameworks css
la 'b' és de background, si és una 'f' és de font
a part podem posar ColorDark o ColorLight per fer un color més fosc o més clar
*/
.o_bSidenav{
background: #333b42!important;
color: #c6ccd2!important;
}
.o-mini-text{
font-size: 12px;
display: inline-block;
.o_fWhiteLight{
color: #c6ccd2!important;
}
.o-img-joined{
width: 20px!important;
height: 20px!important;
.o_bGrey{
background: #e6e6e6!important;
color: #000000!important;
}
.o-img-new{
width: 30px!important;
height: 30px!important;
.o_bGreyLight{
background: #CFD8DC!important;
color: #000000!important;
}
.o-badgeCollectivized{
background: #33CD5F;
padding: 5px;
border-radius: 5px;
font-size: 12px;
color: #ffffff;
font-weight: bold;
/* backgrounds color: bColor */
.o_bRed{
background: rgb(252,87,85)!important;
color: #ffffff!important;
}
.o-badge-calm{
background: #11C1F3;
padding: 5px;
border-radius: 7px;
font-size: 12px;
color: #ffffff;
font-weight: bold;
.o_bRedLight{
background: #E57373!important;
color: #ffffff!important;
}
.o_bRedDark{
background: rgb(218, 89, 120)!important;
color: #ffffff!important;
}
.o_bGreen{
background: rgb(123,195,70)!important;
color: #ffffff!important;
}
.o_bGreenLight{
background: #81C784!important;
color: #ffffff!important;
}
.o_bGreenDark{
background: rgb(54,188,155)!important;
color: #ffffff!important;
}
.o_bBlue{
background: rgb(104,195,240)!important;
color: #ffffff!important;
}
.o_bBlueDark{
background: rgb(72,118,180)!important;
color: #ffffff!important;
}
.o_bYellow{
background: rgb(251,187,61)!important;
color: #ffffff!important;
}
.o_bYellowDark{
background: #F9A825!important;
color: #ffffff!important;
}
.o_bOrange{
background: rgb(251, 126, 61)!important;
color: #ffffff!important;
}
.o_bOrangeDark{
background: #FF7043!important;
color: #ffffff!important;
}
.o_bPurple{
background: #9575CD!important;
color: #ffffff!important;
}
.o_bPurpleDark{
background: #512DA8!important;
color: #ffffff!important;
}