You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
14 lines
3.1 KiB
14 lines
3.1 KiB
/*
|
|
* # Semantic UI
|
|
* Version: 0.19.0
|
|
* http://github.com/jlukic/semantic-ui
|
|
*
|
|
*
|
|
* Copyright 2014 Contributors
|
|
* Released under the MIT license
|
|
* http://opensource.org/licenses/MIT
|
|
*
|
|
* Released: 07/10/2014
|
|
*/
|
|
|
|
.ui.modal{display:none;position:fixed;z-index:1001;top:50%;right:50%;text-align:right;width:90%;margin-right:-45%;background-color:#FFF;border:1px solid #DDD;border-radius:5px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.ui.modal>.close{cursor:pointer;position:absolute;z-index:1;opacity:.8;font-size:1.25em;top:-1.75em;left:-1.75em;color:#FFF}.ui.modal>.close:hover{opacity:1}.ui.modal>.header{margin:0;padding:1.5rem 2rem;font-size:1.6em;font-weight:700;border-radius:.325em .325em 0 0}.ui.modal>.content{display:table;width:100%;position:relative;padding:2em;background-color:#F4F4F4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.modal>.content>.left:not(.ui){display:table-cell;padding-left:1.5%;min-width:25%}.ui.modal>.content>.right:not(.ui){display:table-cell;padding-right:1.5%;vertical-align:top}.ui.modal>.content>.right:not(.ui)>i.icon{font-size:8em;margin:0}.ui.modal>.content p{line-height:1.6}.ui.modal .actions{padding:1rem 2rem;text-align:left}.ui.modal .actions>.button{margin-right:.75em}@media only screen and (max-width:768px){.ui.modal .content>.right:not(.ui){display:block;padding:0 0 1em}.ui.modal .content>.left:not(.ui){display:block;padding:1em 0 0;-webkit-box-shadow:none;box-shadow:none}.ui.modal .content .image{width:auto!important;max-width:100%}.ui.modal .actions{padding-bottom:0}.ui.modal .actions>.button,.ui.modal .actions>.buttons{margin-bottom:1em}}@media only screen and (max-width:998px){.ui.modal{width:92%;margin-right:-46%}.ui.modal>.close{color:rgba(0,0,0,.8);top:1.5rem;left:1rem}}@media only screen and (min-width:998px){.ui.modal{width:74%;margin-right:-37%}}@media only screen and (min-width:1500px){.ui.modal{width:56%;margin-right:-28%}}@media only screen and (min-width:1750px){.ui.modal{width:42%;margin-right:-21%}}@media only screen and (min-width:2000px){.ui.modal{width:36%;margin-right:-18%}}.ui.basic.modal{background-color:transparent;border:none;color:#FFF}.ui.basic.modal>.close{top:1.5rem;left:1rem}.ui.basic.modal .content{background-color:transparent}.ui.modal.scrolling{position:absolute;margin-top:10px}.ui.active.modal{display:block}.ui.small.modal>.header{font-size:1.3em}@media only screen and (min-width:998px){.ui.small.modal{width:58%;margin-right:-29%}}@media only screen and (min-width:1500px){.ui.small.modal{width:40%;margin-right:-20%}}@media only screen and (min-width:1750px){.ui.small.modal{width:26%;margin-right:-13%}}@media only screen and (min-width:2000px){.ui.small.modal{width:20%;margin-right:-10%}}@media only screen and (min-width:998px){.ui.large.modal{width:74%;margin-right:-37%}}@media only screen and (min-width:1500px){.ui.large.modal{width:64%;margin-right:-32%}}@media only screen and (min-width:1750px){.ui.large.modal{width:54%;margin-right:-27%}}@media only screen and (min-width:2000px){.ui.large.modal{width:44%;margin-right:-22%}}
|