1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586 |
- footer {
- margin: 50px 0;
- }
-
- .text-center() {
- text-align: center;
- }
-
- .border-radius(@radius) {
- -webkit-border-radius: @radius;
- -moz-border-radius: @radius;
- border-radius: @radius;
- }
-
- .no-text-select {
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
- /**
- ========================================================
- **/
-
- .md-group-button {
- margin: 0;
- padding: 0;
- min-height: 0;
- line-height: 30px;
- }
-
- .md-group-button-checked {
- background-color: rgba(0, 0, 0, 0.12);
- }
-
- .md-sidebar {
- height: 100%;
- min-height: 150px;
- }
-
- .md-main-content {
- margin-left: 5px;
- }
-
- .welcome-message {
- font-size: large;
- }
-
- @media (min-width: 768px){
- .seven-cols .col-xs-1,
- .seven-cols .col-sm-1,
- .seven-cols .col-md-1,
- .seven-cols .col-sm-1,
- .seven-cols .col-lg-1 {
- width: 100%;
- *width: 100%;
- }
- }
-
- @media (min-width: 992px) {
- .seven-cols .col-xs-1,
- .seven-cols .col-sm-1,
- .seven-cols .col-md-1,
- .seven-cols .col-sm-1,
- .seven-cols .col-lg-1 {
- width: 14.285714285714285714285714285714%;
- *width: 14.285714285714285714285714285714%;
- }
- }
-
- /**
- * The following is not really needed in this case
- * Only to demonstrate the usage of @media for large screens
- */
- @media (min-width: 1200px) {
- .seven-cols .col-xs-1,
- .seven-cols .col-sm-1,
- .seven-cols .col-md-1,
- .seven-cols .col-sm-1,
- .seven-cols .col-lg-1 {
- width: 14.285714285714285714285714285714%;
- *width: 14.285714285714285714285714285714%;
- }
- }
|