client/app/app.css
changeset 13 435d5c15275a
parent 10 90918426079c
child 21 89d235bcbbf3
equal deleted inserted replaced
12:a0f1f77148d9 13:435d5c15275a
     1 .row{
     1 .row{
     2 	margin-top: 10px;
     2     margin-top: 10px;
     3 }
     3 }
     4 footer{
     4 footer{
     5     background: none;
     5     background: none;
     6     color: #000;
     6     color: #000;
     7     float: left;
     7     float: left;
    11 }
    11 }
    12 .hand{
    12 .hand{
    13     cursor: pointer;
    13     cursor: pointer;
    14 }
    14 }
    15 .btn-lg{
    15 .btn-lg{
    16 	width: 100%;
    16     width: 100%;
    17 	line-height: 2;
    17     line-height: 2;
    18 	font-size: 4vw;
    18     font-size: 4vw;
    19 	background-color: #E6E6E6;
    19     background-color: #E6E6E6;
    20 }
    20 }
    21 .row{
    21 .row{
    22 	margin-left: 0px;
    22     margin-left: 0;
    23     margin-right: 0px;
    23     margin-right: 0;
    24 }
    24 }
    25 .mons-content{
    25 .mons-content{
    26     width: 100%;
    26     width: 100%;
    27 }
    27 }
    28 .mons-button{
    28 .mons-button{
    29 	background-color: #1e1e1e;
    29     box-sizing: content-box;
       
    30     background-color: #1e1e1e;
    30     border: 10px solid #fff;
    31     border: 10px solid #fff;
    31     float: left;
    32     float: left;
    32     margin: 0.5%;
    33     margin: 0.5%;
    33     overflow: hidden;
    34     overflow: hidden;
    34     padding-bottom: 32%;
    35     padding-bottom: 32%;
    35     position: relative;
    36     position: relative;
    36     width: 47%;
    37     width: 47%;
    37 }
    38 }
    38 .mons-button .content{
    39 .mons-button .content{
    39 	height: 90%;
    40     box-sizing: content-box;
       
    41     height: 90%;
    40     padding: 5%;
    42     padding: 5%;
    41     position: absolute;
    43     position: absolute;
    42     width: 90%;
    44     width: 90%;
    43 }
    45 }
    44 .mons-button .content .table{
    46 .mons-button .content .table{
    48 }
    50 }
    49 .mons-button .content .table .table-cell{
    51 .mons-button .content .table .table-cell{
    50     display: table-cell;
    52     display: table-cell;
    51     text-align: center;
    53     text-align: center;
    52     vertical-align: middle;
    54     vertical-align: middle;
    53     text-shadow: 0px 0px 5px #fff;
    55     text-shadow: 0 0 5px #fff;
    54 }
    56 }
    55 .large-cat{
    57 .large-cat{
    56     font-size: 300%;
    58     font-size: 300%;
    57     font-size: 4vw;
    59     font-size: 4vw;
    58 }
    60 }
    65 }
    67 }
    66 .return{
    68 .return{
    67     background-color: #e6e6e6;
    69     background-color: #e6e6e6;
    68 }
    70 }
    69 .send, .return{
    71 .send, .return{
    70 	padding-bottom: 20%;
    72     padding-bottom: 20%;
    71 }
    73 }
    72 
    74 
    73 .row input{
    75 .row input{
    74     font-size: 1.2em;
    76     font-size: 1.2em;
    75 }
    77 }
    76 
    78 
    77 .messages {
    79 .messages {
    78 	position: fixed;
    80     position: fixed;
    79 	top: 0px;
    81     top: 0;
    80 	z-index: 7000;
    82     z-index: 7000;
    81 }
    83 }
    82 .success-border{
    84 .success-border{
    83 	border: 10px solid #3c763d;
    85     border: 10px solid #3c763d;
    84 }
    86 }
    85 
    87 
    86 /*.ng-scope{
    88 /*.ng-scope{
    87     border: red 1px solid;
    89     border: red 1px solid;
    88 }*/
    90 }*/
    89