Difference between revisions of "MediaWiki:Common.css"
From Symbol Copy
(11 intermediate revisions by the same user not shown) | |||
Line 61: | Line 61: | ||
vertical-align: middle; | vertical-align: middle; | ||
line-height: 19px; | line-height: 19px; | ||
+ | } | ||
+ | |||
+ | h1#firstHeading{ | ||
+ | font-family: Arial,"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; | ||
} | } | ||
Line 70: | Line 74: | ||
margin: 2px auto; | margin: 2px auto; | ||
} | } | ||
− | h1#firstHeading{ | + | |
+ | |||
+ | .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; | 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: 100%; | ||
+ | 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: 1px; | ||
+ | margin-bottom: 1px; | ||
+ | word-wrap: break-word | ||
+ | } | ||
+ | .modal-body { | ||
+ | padding: 10px 4px 20px 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: 250%; | ||
+ | } | ||
+ | |||
+ | #myModal .emphasis{ | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | #myModal .the_copied_text_description{ | ||
+ | font-weight: normal; | ||
+ | font-size: 120%; | ||
+ | } | ||
+ | |||
+ | #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; | ||
+ | } | ||
} | } |
Latest revision as of 22:34, 3 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: 100%; 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: 1px; margin-bottom: 1px; word-wrap: break-word } .modal-body { padding: 10px 4px 20px 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: 250%; } #myModal .emphasis{ font-weight: bold; } #myModal .the_copied_text_description{ font-weight: normal; font-size: 120%; } #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; } }