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.
|
|
.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;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.ui.modal>.close{cursor:pointer;position:absolute;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;-webkit-border-radius:.325em .325em 0 0;-moz-border-radius:.325em .325em 0 0;border-radius:.325em .325em 0}.ui.modal>.content{display:table 0;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{display:table-cell;padding-left:1.5%;min-width:25%}.ui.modal>.content>.right{display:table-cell;padding-right:1.5%;vertical-align:top}.ui.modal>.content>.left>.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 .left{display:block;padding:0 1em 0 0}.ui.modal .content .right{display:block;padding:1em 0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}}@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:0;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%}}
|
