12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697 |
- //
- // Misago Modals
- // --------------------------------------------------
- // Modals displaying messages
- // Small displays
- @media screen and (max-width: @screen-sm-max) {
- .modal-message {
- text-align: center;
- .message-icon {
- margin: @line-height-computed * 1.5;
- .material-icon {
- font-size: @message-page-icon-size * 2;
- }
- }
- }
- }
- // Full displays
- @media screen and (min-width: @screen-md-min) {
- .modal-message {
- .modal-body {
- padding-top: @line-height-computed;
- padding-bottom: @line-height-computed * 1.5;
- }
- .message-icon {
- float: left;
- position: relative;
- left: 7px;
- .material-icon {
- font-size: @line-height-computed * 2.5;
- }
- }
- .message-body {
- margin-left: @line-height-computed * 3.75;
- margin-top: @line-height-computed * .6 - 2px;
- p {
- margin-top: @line-height-computed;
- }
- .lead {
- margin-top: 0px;
- margin-bottom: 0px;
- }
- }
- }
- }
- // Modal loader
- .modal-loader {
- padding: @line-height-computed * 2.5 0px;
- .loader {
- width: 100%;
- height: @loader-size;
- text-align: center;
- }
- .loader-spinning-wheel {
- width: @loader-size;
- height: @loader-size;
- }
- }
- // Registration modal
- .modal-register .modal-footer a {
- float: left;
- margin-top: @line-height-computed / 3;
- }
- @media screen and (max-width: @screen-sm-max) {
- .modal-register .modal-footer {
- text-align: center;
- a {
- display: block;
- }
- .btn {
- display: block;
- float: none;
- margin-top: @line-height-computed / 2;
- width: 100%;
- }
- }
- }
|