मीडियाविकि: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;}
h1#firstHeading {font-size: 16px; }
#top-global-bar {display: none;}
#gkleftadarea {display: none;}
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;}
}

@media only screen and (max-width: 839px) {
div#globalWrapper{width: 99% !important; margin: 0 auto;}
#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;}
}

@media only screen and (max-width: 400px) {
body{background-image: none;}
#logo-img{width: 100px; box-shadow: none;}
div#globalWrapper{width: 99% !important; font-size: 110%;}
div#content {padding: 0;}
div#bodyContent{border-radius: 0; box-shadow: none; padding: 10px; margin: 10px auto;}
.poet-list-section{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
}