भारत की संस्कृति के लिए... भाषा की उन्नति के लिए... साहित्य के प्रसार के लिए

"मीडियाविकि:Common.css" के अवतरणों में अंतर

Kavita Kosh से
यहाँ जाएँ: भ्रमण, खोज
(पन्ने को खाली किया)
 
(इसी सदस्य द्वारा किये गये बीच के 8 अवतरण नहीं दर्शाए गए)
पंक्ति 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;}
}