|
|
/** # Semantic UI* Version: 0.16.1* http://github.com/jlukic/semantic-ui*** Copyright 2014 Contributors* Released under the MIT license* http://opensource.org/licenses/MIT** Released: 09/09/2014*/
.ui.modal{display:none;position:fixed;z-index:1001;top:50%;left:50%;text-align:left;width:90%;margin-left:-45%;background:#fff;border:none;box-shadow:0 0 8px rgba(0,0,0,.8);border-radius:.25rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;will-change:top,left,margin,transform,opacity}.ui.modal>.icon:first-child+*,.ui.modal>:first-child:not(.icon){border-top-left-radius:.25rem;border-top-right-radius:.25rem}.ui.modal>:last-child{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.ui.modal>.close{cursor:pointer;position:absolute;top:-2.5em;right:-2.5em;z-index:1;opacity:.8;font-size:1.25em;color:#fff;width:2.25em;height:2.25em;padding:.625em 0 0}.ui.modal>.close:hover{opacity:1}.ui.modal>.header{display:block;font-family:"Open Sans","Helvetica Neue",Arial,Helvetica,sans-serif;background:-webkit-linear-gradient(transparent,rgba(0,0,0,.05)) #fff;background:linear-gradient(transparent,rgba(0,0,0,.05)) #fff;margin:0;padding:1.5rem 2rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);font-size:1.6em;font-weight:700;color:rgba(0,0,0,.85);border-bottom:1px solid rgba(0,0,0,.1)}.ui.modal>.content{display:table;table-layout:fixed;width:100%;font-size:1em;line-height:1.4;padding:2rem;background:#fff}.ui.modal>.content>.image{display:table-cell;width:'';vertical-align:top}.ui.modal>.content>.description{display:table-cell;min-width:'';vertical-align:top}.ui.modal>.content>.icon+.description,.ui.modal>.content>.image+.description{padding-left:1em}.ui.modal>.content>.image>i.icon{font-size:8rem;margin:0;opacity:1}.ui.modal .actions{background:#efefef;padding:1rem 2rem;border-top:1px solid rgba(0,0,0,.1);text-align:right}.ui.modal .actions>.button{margin-left:.75em}@media only screen and (max-width:767px){.ui.modal{width:95%;margin:0 0 0 -47.5%}}@media only screen and (min-width:768px){.ui.modal{width:88%;margin:0 0 0 -44%}}@media only screen and (min-width:992px){.ui.modal{width:74%;margin:0 0 0 -37%}}@media only screen and (min-width:1400px){.ui.modal{width:56%;margin:0 0 0 -28%}}@media only screen and (min-width:1900px){.ui.modal{width:42%;margin:0 0 0 -21%}}@media only screen and (max-width:767px){.ui.modal .content>.image{display:block;padding:0 0 1em}.ui.modal .content>.description{display:block;padding:0 0 1em;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:992px){.ui.modal>.header{padding-right:2.25em}.ui.modal>.close{top:1rem;right:1rem;color:rgba(0,0,0,.8)}}.ui.basic.modal{background-color:transparent;border:none;box-shadow:none;color:#fff}.ui.basic.modal>.actions,.ui.basic.modal>.content,.ui.basic.modal>.header{background-color:transparent}.ui.basic.modal>.header{color:#fff}.ui.basic.modal>.close{top:1.5rem;right:1rem}.ui.scrolling.dimmable.dimmed{overflow:hidden}.ui.scrolling.dimmable.dimmed>.dimmer{overflow:auto;-webkit-overflow-scrolling:touch}.ui.scrolling.dimmable>.dimmer{position:fixed}.ui.scrolling.modal{position:static;margin:3.5rem auto}@media only screen and (max-width:992px){.ui.scrolling.modal{margin-top:1rem;margin-bottom:1rem}}.ui.active.modal{display:block}.ui.fullscreen.modal{width:95%!important;margin:1em 0 1em -47.5%}.ui.fullscreen.modal>.header{padding-right:2.25em}.ui.fullscreen.modal>.close{top:1rem;right:1rem;color:rgba(0,0,0,.8)}@media only screen and (max-width:767px){.ui.fullscreen.modal{width:auto!important;margin:1em!important;top:0!important;left:0!important}}.ui.modal{font-size:1em}.ui.small.modal>.header{font-size:1.3em}@media only screen and (max-width:767px){.ui.small.modal{width:95%;margin:0 0 0 -47.5%}}@media only screen and (min-width:768px){.ui.small.modal{width:52.8%;margin:0 0 0 -26.4%}}@media only screen and (min-width:992px){.ui.small.modal{width:44.4%;margin:0 0 0 -22.2%}}@media only screen and (min-width:1400px){.ui.small.modal{width:33.6%;margin:0 0 0 -16.8%}}@media only screen and (min-width:1900px){.ui.small.modal{width:25.2%;margin:0 0 0 -12.6%}}.ui.large.modal>.
|
