Difference between revisions of "MediaWiki:Common.css"
From Symbol Copy
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; | ||
} | } | ||
− | + | ||
− | |||
− | |||
.emojiblock{ | .emojiblock{ | ||
Line 121: | Line 123: | ||
.emoji_desc{ | .emoji_desc{ | ||
float:left; | 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; | ||
+ | } | ||
+ | |||
+ | @media only screen and (min-device-width: 800px) { | ||
+ | .mobile_only{ | ||
+ | display: none; | ||
+ | } | ||
+ | body{ | ||
+ | margin-bottom: 100px; | ||
+ | } | ||
} | } |
Revision as of 21:49, 24 May 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; } @media only screen and (min-device-width: 800px) { .mobile_only{ display: none; } body{ margin-bottom: 100px; } }