मीडियाविकि:Common.css

ध्यान दें: संजोने के बाद बदलाव देखने के लिए आपको अपने ब्राउज़र की कैश खाली करनी पड़ सकती है।

• फ़ायरफ़ॉक्स / सफ़ारी: Reload (रीलोड) दबाते समय Shift (शिफ़्ट) दबा के रखें, या फिर Ctrl-F5 (कंट्रोल-F5) या Ctrl-R (कंट्रोल-R) दबाएँ (मैक पर ⌘-R)
• गूगल क्रोम: Ctrl-Shift-R (कंट्रोल-शिफ़्ट-R) दबाएँ (मैक पर ⌘-Shift-R)
• इन्टर्नेट एक्सप्लोरर: Ctrl (कंट्रोल) दबाकर Refresh (रिफ़्रेश) करें या Ctrl-F5 (कंट्रोल-F5) दबाएँ
• ऑपेरा: Tools → Preferences (उपकरण → वरीयताएँ) में कैश साफ़ करें

/**************************
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 10px 0; font-size: 120%;}

#kkparichay-box, #kkpustak-box{float: none; margin: 0 auto;}

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;}
.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;}
}