WikiLerni/front/public/themes/wikilerni/css/account-mobile.css

68 lines
1.1 KiB
CSS

#account fieldset
{
width: 80%;
margin: auto;
}
#account label
{
width: 49%;
margin-right: 1%;
text-align: right;
display: inline-block;
}
#account label.check
{
text-align: left;
width:100%;
display: inline;
}
#account
{background-color: #FF8800;
width: 85%;
margin: auto;
padding-top: 2.5em;
margin-top: -2.5em;
box-shadow: 0px 0px 5px black;
padding-bottom: 2.5em;
margin-bottom: -2.5em;
text-align: center;}
#account h1
{width: 105%;
background-color: #FF8800;
box-shadow: 0px 0px 5px black;
margin-left: -2.5%;
text-align: center;
border-radius: 5px;
padding-top: 0.5em;
padding-bottom: 0.5em;
border-top: 1px solid rgba(255,255,255,0.5);
border-bottom: 1px solid rgba(0, 0, 0, 0.5);}
#account p,
#account ul
{margin: 1em;
text-align: justify;}
#account .error, #account .info, #account .success
{
margin: 1em;
width: auto;
border-radius: 5px;
}
@media screen and (max-width: 660px) {
#account label
{width: 100%;
text-align: center;
display: inline-block;}
#account fieldset input
{display: block;
margin: auto;}
}