Difference between revisions of "MediaWiki:Common.css"
From Symbol Copy
Line 150: | Line 150: | ||
/*position: fixed; */ | /*position: fixed; */ | ||
z-index: 2147483647 !important; | z-index: 2147483647 !important; | ||
− | left: | + | left: 15%; |
top: 10%; | top: 10%; | ||
− | width: | + | width: 70%; |
height: 100%; | height: 100%; | ||
overflow: scroll; | overflow: scroll; |
Revision as of 15:33, 2 June 2021
/* CSS placed here will be applied to all skins */ .symbol_div_to_copy{ display: block; border: 2px black solid; border-radius: 5px; padding: 5px; text-align: center; margin: 5px auto; background-color:white; width: 260px; font-size: 20px; font-weight: bold; } .symbol_div_to_copy:hover{ border: 2px #158cba dashed; } #copied_notif_msg{ background-color:hsla(0,0%,100%,.8); font-weight:bolder; font-size:16pt; position:absolute; top:-5000px; padding:0px; margin:0px; color: #ff6550; } #copied_notif_msg.disappearing{ -webkit-transition: visibility 2s, -webkit-transform 2s; /* Safari */ transition:visibility 2s, transform 1s; transition-delay: 1.5s; transform: scale(0); } .symbol-unicode .data { background: #b7657b; color: #fff; padding: 1px 3px; } .symbol-html .data { background: #78c4d4; color: #fff; padding: 1px 3px; } .symbol-css .data { background: #606c38; color: #fff; padding: 1px 3px; } #p-logo-text a{ font-size: 1.6em; } .symbol_info td { border-bottom: solid 1px #d5d3d4; padding-right: 10px; height: 32px; vertical-align: middle; line-height: 19px; } h1#firstHeading{ font-family: Arial,"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; } .sidebar-ads{ margin-top: 16px; } .adsbygoogle{ text-align: center; margin: 2px auto; } .emojiblock{ border-radius: .5rem; border-radius: .5rem; box-sizing: border-box; width: calc((100% - 10rem)/ 3); list-style-type: none; margin-right: 2rem; margin-bottom: 1rem; box-shadow: 0 2px 4px #9e9e9e; background-color: #fff; transition: all 150ms ease-out; display:inline-block; cursor: pointer; padding: 4px; } .emojiblock pre{ padding: 0px; margin:0px; } .emoji_container{ height: 100%; border-radius: .5rem; color: #000; /*font-size: 2rem;*/ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-decoration: none; overflow: hidden; } .emoji_value{ font-size: 4rem; line-height: 1.25; margin-right: 1rem; font-family: Arial,"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; } h1#firstHeading, #wpTextbox1{ font-family: Arial,"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; } .emoji_value{ float:left; } .emoji_desc{ float:left; } .sticky-ads-container { position: fixed; margin: 0px auto; padding: 0px; left: 0px; text-align: center; bottom: 0px; z-index: 2001; background-color: white; width: 100%; } .sticky-ads{ width: 970px; height: 90px; text-align: center; margin:0px auto; padding: 0px; } .mymodal { display: block; visibility: hidden; /*position: fixed; */ z-index: 2147483647 !important; left: 15%; top: 10%; width: 70%; height: 100%; overflow: scroll; border-radius: 5px; } #myModal .close{ color: #fff; opacity: 0.8; float: none; } #myModal .close:hover, #myModal .close:focus { text-decoration: none; cursor: pointer; opacity: 1.0; } .modal-header { padding: 2px 7px; background-color: #52aacc; color: white; text-align: center; word-wrap: break-word } #modal_header{ margin-top: 6px; margin-bottom: 6px; word-wrap: break-word } .modal-body { padding: 20px 4px 35px 4px; background-color: white; } .modal-footer { padding: 5px 15px; background-color: #52aacc; color: white; text-align: center; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .modal-footer.modal-footer-share{ padding: 1px 15px; background-color: white; color: black; border: none; } .modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; border: 1px solid #888; width: 99%; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); animation-name: animatetop; animation-duration: 0.4s } #myModal .the_copied_text{ font-weight: bold; font-size: 102%; } #myModal .symbol_content .the_copied_text{ font-weight: bold; font-size: 204%; } #myModal .emphasis{ font-weight: bold; } #myModal .the_copied_text_description{ font-weight: normal; font-size: 82%; } #ads_in_modal{ margin-left: auto; margin-right: auto; text-align: center; min-height: 300px; max-height: 330px; } @media only screen and (min-device-width: 800px) { .mobile_only{ display: none; } body{ margin-bottom: 100px; } }