भारत की संस्कृति के लिए... भाषा की उन्नति के लिए... साहित्य के प्रसार के लिए
"मीडियाविकि:Common.css" के अवतरणों में अंतर
Kavita Kosh से
Lalit Kumar (चर्चा | योगदान) |
|||
(3 सदस्यों द्वारा किये गये बीच के 17 अवतरण नहीं दर्शाए गए) | |||
पंक्ति 1: | पंक्ति 1: | ||
− | + | /************************** | |
− | + | FOR SMALL SCREEN SIZES | |
− | + | **************************/ | |
− | . | + | @media only screen and (max-width: 1024px) { |
− | + | #p- ul li a { font-size: 16px; } | |
− | . | + | .portlet h2{ font-size: 16px; color: #fff;} |
− | + | .poem { font-size: 16px; background: none; padding: 10px; text-align: center; border: none; box-shadow: none;} | |
− | + | h1#firstHeading {font-size: 16px; } | |
− | + | #top-global-bar, #gkleftadarea, #kk-content-top, #kk-top-button-bar, #kkpagestack, #mnt4n8 {display: none;} | |
− | + | ||
− | + | ||
− | + | #mw-content-text ul li {margin:0 0 20px 0; font-size: 120%;} | |
− | + | ||
− | + | ||
− | # | + | #kkparichay-box, #kkpustak-box, #extrainfobox{float: none; margin: 0 auto; box-shadow: none; border-radius: 0;} |
− | + | div#content {padding: 0;} | |
− | + | #p-logo {top:0.5em;} | |
− | + | .gkparichay-box{float: none; margin: 0 auto;} | |
− | + | div#globalWrapper{width: 99% !important;} | |
− | + | div#bodyContent{border-radius: 0; box-shadow: none; padding: 10px; margin: 10px auto;} | |
− | . | + | #customFooter{height: auto;} |
− | + | #footer-col-1, #footer-col-2, #footer-col-3 {float: none; margin: 0 auto; width: 90%; padding: 0 0 20px;} | |
− | + | .poet-list-section{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; box-shadow: none;} | |
− | + | #kk-meanings-div{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; box-shadow: none;} | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | . | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | @media only screen and (max-width: 839px) { | |
− | + | div#globalWrapper{width: 99% !important; margin: 80px auto 20px !important;} | |
− | + | #poet-list-anchors{bottom: 0px; left: 0px; font-size: 18px; width: 100%;} | |
− | + | #poet-list-letter-set a {width: 24px;} | |
− | } | + | #footer-col-1{display: none;} |
− | + | #fixed-bar{display: none;} | |
− | + | .catlinks li{display:block;} | |
− | } | + | .multi-col-list{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;} |
− | + | ||
− | + | ||
− | } | + | |
− | . | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ||
− | + | ||
} | } | ||
− | + | @media only screen and (max-width: 400px) { | |
− | + | body{background-image: none;} | |
− | + | #logo-img{width: 100px; box-shadow: none;} | |
− | + | div#globalWrapper{font-size: 110%;} | |
− | + | div#content {padding: 0;} | |
− | + | div#bodyContent{border-radius: 0; box-shadow: none; padding: 10px; margin: 10px auto;} | |
− | + | .multi-col-list{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;} | |
− | + | .poet-list-section{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;} | |
− | + | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− |
22:08, 8 फ़रवरी 2017 के समय का अवतरण
/************************** FOR SMALL SCREEN SIZES **************************/ @media only screen and (max-width: 1024px) { #p- ul li a { font-size: 16px; } .portlet h2{ font-size: 16px; color: #fff;} .poem { font-size: 16px; background: none; padding: 10px; text-align: center; border: none; box-shadow: none;} h1#firstHeading {font-size: 16px; } #top-global-bar, #gkleftadarea, #kk-content-top, #kk-top-button-bar, #kkpagestack, #mnt4n8 {display: none;} #mw-content-text ul li {margin:0 0 20px 0; font-size: 120%;} #kkparichay-box, #kkpustak-box, #extrainfobox{float: none; margin: 0 auto; box-shadow: none; border-radius: 0;} div#content {padding: 0;} #p-logo {top:0.5em;} .gkparichay-box{float: none; margin: 0 auto;} div#globalWrapper{width: 99% !important;} div#bodyContent{border-radius: 0; box-shadow: none; padding: 10px; margin: 10px auto;} #customFooter{height: auto;} #footer-col-1, #footer-col-2, #footer-col-3 {float: none; margin: 0 auto; width: 90%; padding: 0 0 20px;} .poet-list-section{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; box-shadow: none;} #kk-meanings-div{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; box-shadow: none;} } @media only screen and (max-width: 839px) { div#globalWrapper{width: 99% !important; margin: 80px auto 20px !important;} #poet-list-anchors{bottom: 0px; left: 0px; font-size: 18px; width: 100%;} #poet-list-letter-set a {width: 24px;} #footer-col-1{display: none;} #fixed-bar{display: none;} .catlinks li{display:block;} .multi-col-list{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;} } @media only screen and (max-width: 400px) { body{background-image: none;} #logo-img{width: 100px; box-shadow: none;} div#globalWrapper{font-size: 110%;} div#content {padding: 0;} div#bodyContent{border-radius: 0; box-shadow: none; padding: 10px; margin: 10px auto;} .multi-col-list{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;} .poet-list-section{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;} }