MediaWiki:Common.css
From Cross the Hurdles
Revision as of 05:02, 11 September 2020 by Lalit Kumar (talk | contribs)
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/*
** MediaWiki 'monobook' style sheet for CSS2-capable browsers.
** Copyright Gabriel Wicke - http://wikidev.net/
** License: GPL (http://www.gnu.org/copyleft/gpl.html)
**
** Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John
** and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi,Joe Geldart & Tom Croucher,
** Michael Zeltner and Geir Bækholt)
** All you guys rock :)
*/
/************************************************************
KAVITA KOSH CSS
*************************************************************/
div#column-content {
width: 100%;
padding: 0;
}
div#content {
margin: 3.4em 0 0 15em;
padding: 0 1em 0.5em 1em;
position: relative;
z-index: 2;
}
div#column-one {
background: #fff none repeat scroll 0 0;
display: table;
margin: 0 auto;
padding-top: 0;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
div#content {
margin: 0 auto;
position: relative;
z-index: 2;
}
div#bodyContent{
background: #fff;
border-radius: 3px;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
margin: 0 auto;
max-width: 930px;
padding: 20px;
}
/* the left column width is specified in class .portlet */
/* Font size:
** We take advantage of keyword scaling- browsers won't go below 9px
** More at http://www.w3.org/2003/07/30-font-size
** http://style.cleverchimp.com/font_size_intervals/altintervals.html
*/
body {
background: #f2f2f2 !important;
font-size: 14px !important;
color: black;
margin: 0;
padding: 0;
direction: ltr; /* Needed for RTL flipping */
unicode-bidi: embed;
}
#top-fixed-bar{
background: #fafafa none repeat scroll 0 0;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
height: 60px;
position: fixed;
top: 0;
width: 100%;
z-index: 101;
}
/* scale back up to a sane default */
div#globalWrapper {
background: #fff none repeat scroll 0 0;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
font-size: 127%;
margin: 80px 120px 20px 400px;
padding: 0;
}
/* scale back up to a sane default */
div#globalWrapper img{
max-width: 100%;
height: auto;
}
/* general styles */
a {
color: #1c7bdc;
}
a:visited {
color: #5a3696;
}
a.new,
#p-personal a.new {
color: #cc2200;
}
h2 {font-size: 30px !important; font-weight: bold !important;}
h3 {font-size: 27px !important;}
h4 {font-size: 22px !important;}
ul {
/* @embed */
list-style-image: url(bullet.gif);
}
input.historysubmit {
padding: 0 .3em .3em .3em !important;
font-size: 94%;
cursor: pointer;
height: 1.7em !important;
margin-left: 1.6em;
}
pre {
line-height: 1.1em;
}
/*
** the main content area
*/
#siteNotice {
font-size: 95%;
padding: 0 0.9em;
}
#localNotice {
margin: 0;
}
#siteNotice p {
margin: 0;
padding: 0;
}
/*
** classes for special content elements like town boxes
** intended to be referenced directly from the wiki src
*/
/*
** User styles
*/
/* table standards */
table.rimage {
float: right;
position: relative;
margin-left: 1em;
margin-bottom: 1em;
text-align: center;
}
/*
** edit views etc
*/
.special li {
line-height: 1.4em;
margin: 0;
padding: 0;
}
/*
** keep the whitespace in front of the ^=, hides rule from konqueror
** this is css3, the validator doesn't like it when validating as css2
*/
#bodyContent a.external,
#bodyContent a.external[href ^="gopher://"] {
/* @embed */
background: url(external-ltr.png) center right no-repeat;
padding-right: 13px;
}
#bodyContent a.external[href ^="https://"],
.link-https {
/* @embed */
background: url(lock_icon.gif) center right no-repeat;
padding-right: 16px;
}
#bodyContent a.external[href ^="mailto:"],
.link-mailto {
/* @embed */
background: url(mail_icon.gif) center right no-repeat;
padding-right: 18px;
}
#bodyContent a.external[href ^="news:"] {
/* @embed */
background: url(news_icon.png) center right no-repeat;
padding-right: 18px;
}
#bodyContent a.external[href ^="ftp://"],
.link-ftp {
/* @embed */
background: url(file_icon.gif) center right no-repeat;
padding-right: 18px;
}
#bodyContent a.external[href ^="irc://"],
#bodyContent a.external[href ^="ircs://"],
.link-irc {
/* @embed */
background: url(discussionitem_icon.gif) center right no-repeat;
padding-right: 18px;
}
#bodyContent a.external[href $=".ogg"], #bodyContent a.external[href $=".OGG"],
#bodyContent a.external[href $=".mid"], #bodyContent a.external[href $=".MID"],
#bodyContent a.external[href $=".midi"], #bodyContent a.external[href $=".MIDI"],
#bodyContent a.external[href $=".mp3"], #bodyContent a.external[href $=".MP3"],
#bodyContent a.external[href $=".wav"], #bodyContent a.external[href $=".WAV"],
#bodyContent a.external[href $=".wma"], #bodyContent a.external[href $=".WMA"],
.link-audio {
/* @embed */
background: url(audio.png) center right no-repeat;
padding-right: 13px;
}
#bodyContent a.external[href $=".ogm"], #bodyContent a.external[href $=".OGM"],
#bodyContent a.external[href $=".avi"], #bodyContent a.external[href $=".AVI"],
#bodyContent a.external[href $=".mpeg"], #bodyContent a.external[href $=".MPEG"],
#bodyContent a.external[href $=".mpg"], #bodyContent a.external[href $=".MPG"],
.link-video {
/* @embed */
background: url(video.png) center right no-repeat;
padding-right: 13px;
}
#bodyContent a.external[href $=".pdf"], #bodyContent a.external[href $=".PDF"],
#bodyContent a.external[href *=".pdf#"], #bodyContent a.external[href *=".PDF#"],
#bodyContent a.external[href *=".pdf?"], #bodyContent a.external[href *=".PDF?"],
.link-document {
/* @embed */
background: url(document.png) center right no-repeat;
padding-right: 12px;
}
/* Interwiki Styling */
#bodyContent a.extiw,
#bodyContent a.extiw:active {
color: #36b;
}
/* External links */
#bodyContent a.external {
color: #36b;
}
/*
** Structural Elements
*/
/*
** general portlet styles (elements in the quickbar)
*/
.portlet {
border-right: 0px solid #ccc;
margin: 0 0 .5em;
padding: 0;
overflow: hidden;
}
.portlet h1,
.portlet h2,
.portlet h3,
.portlet h4 {
margin: 0;
padding: 0;
}
.portlet h2 {
font-size: 120%;
background: #ccc;
margin: 4px 0 0;
padding: 8px;
font-weight: normal;
border-left: 6px solid #a00000;
border-radius: 3px;
width: 210px;
color: #000;
}
#p- ul li a {
font-size: 18px;
}
.portlet h4 {
font-size: 95%;
font-weight: normal;
white-space: nowrap;
}
.portlet h5 {
background: transparent;
padding: 0 1em 0 .5em;
display: inline;
height: 1em;
text-transform: lowercase;
font-size: 91%;
font-weight: normal;
white-space: nowrap;
}
.portlet h6 {
background: #ffae2e;
border: 1px solid #2f6fab;
border-style: solid solid none solid;
padding: 0 1em 0 1em;
text-transform: lowercase;
display: block;
font-size: 1em;
height: 1.2em;
font-weight: normal;
white-space: nowrap;
}
.pBody {
font-size: 100%;
color: black;
border-collapse: collapse;
border-right: 0px solid #aaa;
padding: 7.5em 0.8em 0.3em 0.5em;
}
.generated-sidebar{display: none;}
.portlet h1,
.portlet h2,
.portlet h3,
.portlet h4 {
margin: 0;
padding: 0;
}
.portlet h2 {
font-size: 120%;
background: #ccc;
margin: 4px 0 0;
padding: 8px;
font-weight: normal;
border-left: 6px solid #a00000;
border-radius: 3px;
width: 200px;
color: #000;
}
.portlet ul {
line-height: 1.5em;
list-style-type: square;
/* @embed */
list-style-image: url(bullet.gif);
font-size: 95%;
max-width: 100%;
}
.portlet li {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
line-height: 200%;
list-style: outside none none;
margin: 0;
min-height: 40px;
padding-left: 5px;
}
/*
** Logo properties
*/
#logo-div{margin: 15px auto 30px; display: table;}
#logo-img {max-width: 100%; height: auto;}
#logo-link{border: none; outline: none; display: table; margin: 0 auto;}
#p-logo {
padding-top: 1.5em;
bottom: 10px;
left: 10px;
position: fixed; /*needed to use z-index */
margin: 0;
z-index: 3;
height: 160px;
width: 160px;
overflow: visible;
display: none;
}
#p-logo h5 {
display: none;
}
#p-logo a,
#p-logo a:hover {
//background-color: #FFA500;
//border: 1px solid #FFA500;
background-position: 50% 50% !important;
width: 160px;
margin: 0 auto;
border-radius: 50%;
//box-shadow: 4px -3px 40px 20px #FFA500;
display: block;
height: 160px;
background-repeat: no-repeat;
text-decoration: none;
opacity: 0.5;
}
/*
** Search portlet
*/
#p-search {
position: relative;
z-index: 3;
}
input.searchButton {
margin-top: 1px;
font-size: 95%;
}
#searchGoButton {
padding-left: .5em;
padding-right: .5em;
font-weight: bold;
}
#searchInput {
width: 10.9em;
margin: 0;
font-size: 95%;
}
#p-search .pBody {
padding: .5em .4em .4em .4em;
text-align: center;
}
#p-search #searchform div div {
margin-top: .4em;
font-size: 95%;
}
/*
** the personal toolbar
*/
#p-personal {
z-index: 0;
}
#p-personal {
width: 100%;
margin: 10px auto;
overflow: visible;
white-space: nowrap;
}
#p-personal h5 {
display: none;
}
#p-personal .portlet,
#p-personal .pBody {
z-index: 0;
padding: 0;
margin: 0 auto;
overflow: visible;
display: table;
}
/* this is the ul contained in the portlet */
#p-personal ul {
border: none;
line-height: 1.4em;
color: #2f6fab;
padding: 0 2em 0 3em;
margin: 0;
text-align: right;
list-style: none;
z-index: 0;
background: none;
cursor: default;
}
#p-personal li {
z-index: 0;
border: none;
padding: 0;
display: inline;
color: #2f6fab;
margin-left: 1em;
line-height: 1.2em;
background: none;
}
#p-personal li a {
text-decoration: none;
color: #005896;
padding-bottom: .2em;
background: none;
}
#p-personal li a:hover {
background-color: white;
padding-bottom: .2em;
text-decoration: none;
}
#p-personal li.active a:hover {
background-color: transparent;
}
/* the icon in front of the user name, single quotes
in bg url to hide it from iemac */
li#pt-userpage,
li#pt-anonuserpage,
li#pt-login {
/* @embed */
background: url(user.gif) top left no-repeat;
padding-left: 20px;
text-transform: none;
}
#p-personal ul {
text-transform: lowercase;
}
#p-personal li.active {
font-weight: bold;
}
/*
** the page-related actions- page/talk, edit etc
*/
#p-cactions {
margin: 10px auto;
white-space: nowrap;
line-height: 1.1em;
overflow: visible;
background: none;
border-collapse: collapse;
list-style: none;
font-size: 95%;
border: none;
}
#p-cactions ul {
list-style: none;
}
#p-cactions li {
display: inline;
border: 1px solid #aaa;
border-bottom: none;
padding: 0 0 .1em 0;
margin: 0 .3em 0 0;
overflow: visible;
background: white;
}
#p-cactions li.selected {
border-color: #fabd23;
padding: 0 0 .2em 0;
font-weight: bold;
}
#p-cactions li a {
background-color: #fbfbfb;
color: #002bb8;
border: none;
padding: 0 .8em .3em;
position: relative;
z-index: 0;
margin: 0;
text-decoration: none;
}
#p-cactions li.selected a {
z-index: 3;
background-color: white;
}
#p-cactions .new a {
color: #ba0000;
}
#p-cactions li a:hover {
z-index: 3;
text-decoration: none;
background-color: white;
}
#p-cactions h5 {
display: none;
}
#p-cactions li.istalk {
margin-right: 0;
}
#p-cactions li.istalk a {
padding-right: .5em;
}
#p-cactions #ca-addsection a {
padding-left: .4em;
padding-right: .4em;
}
/* offsets to distinguish the tab groups */
li#ca-talk {
margin-right: 1.6em;
}
li#ca-watch,
li#ca-unwatch,
li#ca-varlang-0,
li#ca-print {
margin-left: 1.6em;
}
#p-cactions .pBody {
font-size: 1em;
background-color: transparent;
color: inherit;
border-collapse: inherit;
border: 0;
padding: 0;
margin: 0 auto;
display: table;
}
#p-cactions li a {
text-transform: lowercase;
}
#p-lang {
position: relative;
z-index: 3;
}
/* Override text-transform on languages where capitalization is significant */
.capitalize-all-nouns .portlet h5,
.capitalize-all-nouns .portlet h6,
.capitalize-all-nouns #p-personal ul,
.capitalize-all-nouns #p-cactions ul li a {
text-transform: none;
}
/* TODO: #t-iscite is only used by the Cite extension, come up with some
* system which allows extensions to add to this file on the fly
*/
#t-ispermalink, #t-iscite {
color: #999;
}
/*
** footer
*/
div#footer {
background: #555;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
color: #fff;
padding: .4em 20px 1.2em 20px;
text-align: center;
font-size: 90%;
margin: 0 auto 20px;
max-width: 930px;
border-radius: 0 0 3px 3px;
border-top: 1px solid #ccc;
}
div#footer li {
display: inline;
margin: 0 1.3em;
}
#f-poweredbyico, #f-copyrightico {
margin: 0 8px;
position: relative;
top: -2px; /* Bump it up just a tad */
}
#f-poweredbyico {
float: right;
height: 1%;
display:none;
}
#f-copyrightico {
float: left;
height: 1%;
}
#privacy, #about, #disclaimer, #mobileview {display: none !important;}
.mw-htmlform-submit {
font-weight: bold;
padding-left: .3em;
padding-right: .3em;
margin-right: 2em;
}
/* js pref toc */
#preftoc {
margin: 0;
padding: 0;
width: 100%;
clear: both;
}
#preftoc li {
background-color: #f0f0f0;
color: #000;
}
#preftoc li {
margin: 1px -2px 1px 2px;
float: left;
padding: 2px 0 3px 0;
border: 1px solid #fff;
border-right-color: #716f64;
border-bottom: 0;
position: relative;
white-space: nowrap;
list-style-type: none;
list-style-image: none;
z-index: 3;
}
#preftoc li.selected {
font-weight: bold;
background-color: #f9f9f9;
border: 1px solid #aaa;
border-bottom: none;
cursor: default;
top: 1px;
padding-top: 2px;
margin-right: -3px;
}
#preftoc > li.selected {
top: 2px;
}
#preftoc a,
#preftoc a:active {
display: block;
color: #000;
padding: 0 .7em;
position: relative;
text-decoration: none;
}
#preftoc li.selected a {
cursor: default;
text-decoration: none;
}
#preferences {
margin: 0;
border: 1px solid #aaa;
clear: both;
padding: 1.5em;
background-color: #F9F9F9;
}
.prefsection {
border: none;
padding: 0;
margin: 0;
}
.prefsection legend {
font-weight: bold;
}
.prefsection table, .prefsection legend {
background-color: #F9F9F9;
}
.mainLegend {
display: none;
}
td.htmlform-tip {
font-size: x-small;
padding: .2em 2em;
color: #666;
}
.preferences-login {
clear: both;
margin-bottom: 1.5em;
}
.prefcache {
font-size: 90%;
margin-top: 2em;
}
div#userloginForm,
div#userlogin {
margin: 0 3em 1em 0;
border: 1px solid #aaa;
clear: both;
padding: 1.5em 2em;
background-color: #f9f9f9;
float: left;
}
div#userloginForm table,
div#userlogin table {
background-color: #f9f9f9;
}
div#userloginForm h2,
div#userlogin h2 {
padding-top: 0;
}
div#userlogin .captcha,
div#userloginForm .captcha {
border: 1px solid #bbb;
padding: 1.5em 2em;
background-color: white;
}
#loginend, #signupend {
clear: both;
}
#userloginprompt, #languagelinks {
font-size: 85%;
}
#login-sectiontip {
font-size: 85%;
line-height: 1.2;
padding-top: 2em;
}
#userlogin .loginText, #userlogin .loginPassword {
width: 12em;
}
#userloginlink a, #wpLoginattempt, #wpCreateaccount {
font-weight: bold;
}
/*
** IE/Mac fixes, hope to find a validating way to move this
** to a separate stylesheet. This would work but doesn't validate:
** @import("IEMacFixes.css");
*/
/* tabs: border on the a, not the div */
* > html #p-cactions li {
border: none;
}
* > html #p-cactions li a {
border: 1px solid #aaa;
border-bottom: none;
}
* > html #p-cactions li.selected a {
border-color: #fabd23;
}
/* footer icons need a fixed width */
* > html #f-poweredbyico,
* > html #f-copyrightico {
width: 88px;
}
* > html #bodyContent,
* > html #bodyContent pre {
overflow-x: auto;
width: 100%;
padding-bottom: 25px;
}
/* more IE fixes */
/* float/negative margin brokenness */
* html div#footer {
margin-top: 0;
}
* html div#column-content {
display: inline;
margin-bottom: 0;
}
#pagehistory li.selected {
position: relative;
}
/* Mac IE 5.0 fix; floated content turns invisible */
* > html div#column-content {
float: none;
}
* > html div#column-one {
position: absolute;
left: 0;
top: 0;
}
* > html div#footer {
margin-left: 13.2em;
}
.redirectText {
font-size: 150%;
margin: 5px;
}
.printfooter {
display: none;
}
div.patrollink {
clear: both;
}
.sharedUploadNotice {
font-style: italic;
}
span.updatedmarker {
color: black;
background-color: #0f0;
}
.editExternally {
border: 1px solid gray;
background-color: #ffffff;
padding: 3px;
margin-top: 0.5em;
float: left;
font-size: small;
text-align: center;
}
.editExternallyHelp {
font-style: italic;
color: gray;
}
.toggle {
margin-left: 2em;
text-indent: -2em;
}
/* @bug 1714 */
input#wpSave,
input#wpDiff {
margin-right: 0.33em;
}
#wpSave {
font-weight: bold;
}
/* noarticletext */
div.noarticletext {
border: 1px solid #ccc;
background: #fff;
padding: .2em 1em;
color: #000;
}
div#searchTargetContainer {
left: 10px;
top: 10px;
width: 90%;
background: white;
}
div#searchTarget {
padding: 3px;
margin: 5px;
background: #F0F0F0;
border: solid 1px blue;
}
div#searchTarget ul li {
list-style: none;
}
div#searchTarget ul li:before {
color: orange;
content: "\00BB \0020";
}
div#searchTargetHide {
float: right;
border: solid 1px black;
background: #DCDCDC;
padding: 2px;
}
#powersearch p {
margin-top:0px;
}
div.multipageimagenavbox {
border: solid 1px silver;
padding: 4px;
margin: 1em;
background: #f0f0f0;
}
div.multipageimagenavbox div.thumb {
border: none;
margin-left: 2em;
margin-right: 2em;
}
div.multipageimagenavbox hr {
margin: 6px;
}
table.multipageimage td {
text-align: center;
}
.templatesUsed {
margin-top: 1.5em;
}
.mw-summary-preview {
margin: 0.1em 0;
}
/* Friendlier slave lag warnings */
div.mw-lag-warn-normal,
div.mw-lag-warn-high {
padding: 3px;
text-align: center;
margin: 3px auto;
}
div.mw-lag-warn-normal {
border: 1px solid #FFCC66;
background-color: #FFFFCC;
}
div.mw-lag-warn-high {
font-weight: bold;
border: 2px solid #FF0033;
background-color: #FFCCCC;
}
.MediaTransformError {
background-color: #ccc;
padding: 0.1em;
}
.MediaTransformError td {
text-align: center;
vertical-align: middle;
font-size: 90%;
}
/* God-damned hack for the crappy layout */
.os-suggest {
font-size: 127%;
}
/* Sometimes people don't want personal tools to be lowercase! */
.no-text-transform {
text-transform: none;
}
/* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */
.tipsy {
font-size: 127%;
}
/* make the Cite extension list of references look smaller and highlight clicked reference in blue */
ol.references { font-size: 90%; }
ol.references li:target { background-color: #ddeeff; }
sup.reference:target { background-color: #ddeeff; }
/**************************************************************/
/* CSS RULES By Lalit Kumar */
/**************************************************************/
.poem {
font-size: 20px;
font-weight: normal;
line-height: 32px;
max-width: 820px;
min-height:650px;
border: 1px solid #ccc;
box-shadow: 0 -1px 1px rgba(0,0,0,0.15), 0 -10px 0 -5px #eee, 0 -10px 1px -4px rgba(0,0,0,0.15), 0 -20px 0 -10px #eee, 0 -20px 1px -9px rgba(0,0,0,0.15); padding: 30px;
padding: 20px 20px 20px 200px;
margin: 0 auto;
background: url('https://kavitakosh.org/kk/lalit/images/kk-poem-border-1.png') no-repeat 35px 35px;
min-height: 590px;
min-width: 300px;
}
.poem p{
text-align: justify;
line-height: 2.1em;
}
.kk-page-nav-template {
margin: 0 auto;
}
.shloka{font-size:larger;font-weight:bold}
.chaupaai{}
.soratha{font-size:larger}
.vishraam{font-size:15;color:#ff0000}
.doha{font-size:larger;font-weight:bold}
.chhand{font-size:larger;font-weight:bold;color:gray}
.upnishad_mantra{font-size:larger;font-weight:bold;color:#FF652F}
.mantra{font-size:larger;font-weight:bold;color:#FF652F}
.mantra_translation{font-size:larger}
.verse_type{font-size:larger;font-weight:bold;color:#6C2E17}
.shashvat_kaavya_section{font-size:larger;font-weight:bold;color:#000000}
.diff-addedline{color:#ff0000;}
.diff-marker{color:#ff0000;font-weight:bold}
.diff-deletedline{color:#ff0000;}
.newpage{background-color:#0000ff;color:#ffffff;font-weight:bold}
/*******/
#p-search{display:none;}
.uttarpradesh_side_col{
background:url(https://www.kavitakosh.org/kk/images/b/b3/Uttarpradesh_side_col.jpg) repeat-y;
}
.rajasthan_side_col{
background:url(https://www.kavitakosh.org/kk/images/3/37/Rajasthan_side_col.jpg) repeat-y;
}
.himachal_side_col{
background:url(https://www.kavitakosh.org/kk/images/d/d4/Himachal_side_col.jpg) repeat-y;
}
.lokgeet_home{
background:url(https://www.kavitakosh.org/kk/images/7/75/Warli_folk_art.jpg)
}
.livelet-loading {
border: 0px solid #ccc;
width: 32px;
height: 32px;
background: url( https://www.kavitakosh.org/kk/images/d/de/Ajax-loader.gif) no-repeat center center;
}
.reference a {
font-size:11px;
}
.brdcrumb{border-bottom: 0; border-radius: 3px 3px 0 0;}
#breadcrumb
{
font: 11px Arial, Helvetica, sans-serif;
background-image:url('https://www.kavitakosh.org/kk/lalit/images/bc_bg.png');
background-repeat:repeat-x;
height:30px;
line-height:30px;
color:#9b9b9b;
border:solid 1px #cacaca;
width:100%;
overflow:hidden;
margin:0px;
padding:0px;
}
#breadcrumb li
{
list-style-type:none !important;
list-style-image: none !important;
float:left;
padding-left:10px;
}
#breadcrumb a
{
height:30px;
display:block;
background-image:url('https://www.kavitakosh.org/kk/lalit/images/bc_separator.png');
background-repeat:no-repeat;
background-position:right;
padding-right: 15px;
padding-left: 10px;
text-decoration: none;
color:#454545;
}
#breadcrumb a:hover
{
color:#35acc5;
}
#breadcrumb .home
{
border: none;
margin: 8px 0px;
}
.secH1Head{
font-family: arial;
font-weight:bold;
font-size:15;
text-transform:uppercase;
border-bottom:3px solid #F7941D;
padding:4px;
text-align:left;
}
.secH1Text{
font-family: arial;
font-weight:normal;
font-size:12;
line-height:1.3em;
margin-top:0px;
}
#p-tb{
display:none;
}
.sq-round-img{
border-radius: 50%;
}
#dsq-content #dsq-global-toolbar li,
#dsq-content #dsq-comments li,
#dsq-content #dsq-pagination li,
#dsq-content #dsq-post-tools li{
list-style-image: none !important;
}
#kk_disqus_wrapper{
margin: 30px auto;
background: #EEEEEE;
border: 1px solid #CCCCCC;
padding: 20px;
max-width: 930px;
}
#kk_comment_desc{
border: 1px solid #cccccc;
padding: 5px;
font-size:11px;
}
.kk-button{
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight:normal;
line-height: 27px;
min-width: 54px;
padding: 4px 12px 1px 12px;
text-align: center;
border-radius: 2px 2px 2px 2px;
}
.kk-button-sidebar{
cursor: pointer;
display: inline-block;
font-size: 22px;
font-weight:normal;
height: 22px;
line-height: 22px;
width: 168px;
padding: 5px 0px;
margin: 2px 0;
text-align: center;
border-radius: 2px 2px 2px 2px;
}
.kk-button-blue{
background: #4D90FE;
background-image: -moz-linear-gradient(center top , #4D90FE, #4787ED);
border: 1px solid transparent;
color: #FFFFFF !important;
text-shadow: 0 1px rgba(0, 0, 0, 0.1)
}
.kk-button-blue:hover {
background-color: #357AE8;
background-image: -moz-linear-gradient(center top , #4D90FE, #357AE8);
border: 1px solid #2F5BB7;
color: #FFFFFF;
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}
.kk-button-blue:active {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
}
.kk-button-green{
background: #258C00;
border: 1px solid transparent;
color: #FFFFFF !important;
text-shadow: 0 1px rgba(0, 0, 0, 0.1)
}
.kk-button-green:hover {
background-color: #217F00;
border: 1px solid #2F5BB7;
color: #FFFFFF;
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}
.kk-button-green:active {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
}
.kk-button-grey {
background-color: #F5F5F5;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px 2px 2px 2px;
text-shadow: 0 1px rgba(0, 0, 0, 0.1);
color: #666666;
}
.kk-button-grey:hover {
background-color: #F8F8F8;
border: 1px solid #C6C6C6;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
color: #333333;
}
.kk-button-red{
background-color: #D14836;
background-image: -moz-linear-gradient(center top , #DD4B39, #D14836);
border: 1px solid transparent;
color: #FFFFFF !important;
text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}
.kk-button-red:hover {
background-color: #C53727;
background-image: -moz-linear-gradient(center top , #DD4B39, #C53727);
border: 1px solid #B0281A;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
color: #FFFFFF;
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}
.kk-button-red:active {
background-color: #B0281A;
background-image: -moz-linear-gradient(center top , #DD4B39, #B0281A);
border: 1px solid #992A1B;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
}
.kk-button-ab {
background-color: #6891E7;
background-image: -moz-linear-gradient(center top , #6891E7 0pt, #304EA6 100%);
border-color: #304EA6 #304EA6 #000000;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.45) inset;
color: #FFFFFF !important;
text-shadow: 0 0 0 transparent, 0 1px 0 rgba(0, 0, 0, 0.45);
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1px;
padding: 0 0.5em;
font-size: 22px;
font-weight:normal;
height: 22px;
}
#kk-meanings-div-heading{
background: #e06055;
border-radius: 0 0 7px;
color: #fff;
font-size: 20px;
line-height: 130%;
margin: 0;
padding: 5px 5px 5px 12px;
text-shadow: 2px 1px #333;
}
#kk-meanings-div{
margin: 25px auto;
max-width: 815px;
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
border: 1px solid #ccc;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.catlinks{
border: 1px solid #ddd;
border-width: 1px 0 1px 0;
clear: both;
margin-top: 1em;
padding: 5px 10px;
}
.catlinks li:before{content: "\f02b"; font-family: FontAwesome; margin-right: 5px;}
.catlinks li {
border: none;
box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.4);
border-radius: 3px;
display: inline-block;
line-height: 2em;
margin-left: 15px;
padding: 0 0.5em;
transition: background 0.1s ease 0.05s;
}
.catlinks li:hover{background: #ccc; text-decoration: none;}
.catlinks li:hover{background: #ccc; text-decoration: none;}
.catlinks a:link, .catlinks a:visited {color: #000 !important; text-decoration: none;}
.firstHeading, #firstHeading {
background: #ddd;
font-family: inherit;
font-size: 22px;
line-height: 150% !important;
margin: 10px auto;
max-width: 930px;
padding: 10px 20px;
border-radius: 3px;
text-align: center;
color: #000000;
font-weight: normal;
overflow: hidden;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
#contentSub, #contentSub2 {
display: none;
}
h2{
border: none;
}
.poet-list-section {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
border: 1px solid #aaa;
border-radius: 3px;
box-shadow: 2px 2px 2px #AAAAAA;
margin-bottom: 15px;
}
h5.poet-list-heading {
background: #e06055 !important;
color: #fff;
text-shadow: 2px 1px #333;
font-size:40px;
border-radius: 0 0 7px;
padding: 0 10px;
line-height: 130%;
margin: 0;
font-weight: bold;
}
#poet-list-anchors-container {
background:#f9f9f9;
border: 1px solid #aaa;
border-bottom: none;
font-size: 18px;
margin-right: 10px;
position: fixed;
bottom: 0;
}
#poet-list-anchors {
background: #ddd;
display: none;
font-size: 22px;
left: 350px;
overflow: hidden;
padding: 10px 0;
width: 887px;
max-width: 887px;
z-index: 1;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
#poet-list-anchors p{
padding: 5px;
margin: 0 !important;
}
#poet-list-anchors .poet-list-anchors-toggle {display: none;}
#poet-list-letter-set {display: table; margin: 0 auto;}
#poet-list-letter-set a {
border: 1px solid transparent;
color: #000;
display: inline-block;
padding: 1px 0;
text-align: center;
border-radius: 2px;
text-decoration: none;
width: 30px;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
transition: background 0.1s ease 0.05s;
font-size: 85%;
line-height: 145%;
}
#poet-list-letter-set a:hover {
background: #fff;
border: 1px solid #aaa;
color: #000;
}
#poet-list-anchors.visible {
display: block !important;
}
.gadya p{
margin-bottom: 30px;
text-align: justify;
}
#mtransbtnDiv{display: none;}
#wpTextbox1{padding: 10px; }
#kk-content-top {
background: -moz-linear-gradient(top, rgba(211,211,211,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(211,211,211,1)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(211,211,211,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(211,211,211,1) 0%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(211,211,211,1) 0%,rgba(125,185,232,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(211,211,211,1) 0%,rgba(125,185,232,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
padding: 1px 0;
border-radius: 3px 3px 0 0;
margin: 0 auto;
max-width: 940px;
}
#kk-top-quote {font-size:125%;margin: 15px 0;text-align: center;color: #444; line-height: 110%;}
#kk-top-lang-bar{max-width:100%; overflow: auto; padding: 0; margin: 0 auto; font-size: 100%; margin: 20px auto; text-align: center;}
#kk-top-button-bar{max-width:940px; overflow: auto; padding: 0; margin: 0 auto;}
#kkreadercommentsblock {border: 1px solid #ccc; border-radius: 3px; box-shadow: 2px 2px 2px #aaaaaa; margin-bottom: 20px; padding: 40px 40px 40px 80px;}
#kkreadercommentsblock:before {content: "“"; display: block; font-family: arial; font-size: 6rem; color: #ccc; height: 0; left: -55px; position: relative; top: 35px;}
#kkcomentatorname:before {content: "--- ";}
#kkcomentatorname {font-weight: bold; text-align: right; padding: 8px;}
#kkreadercomment p {margin-bottom: 15px;}
#KKLokGeetBhaashaSoochiDiv{background:transparent url("https://kavitakosh.org/kk/lalit/images/folk-art-bg-kavitakosh-1.png") no-repeat scroll 0% 0%; width:250px; text-align:left; padding:10px}
.kkDropDownSelectMenu{
border-radius: 3px;
padding: 2px;
background: #cedff2;
border: 1px solid #a3a0bf;
color: #000;
font-size: 16px;
white-space: nowrap;
}
.kkDropDownSelectMenu li{
padding: 5px;
}
#cutsomPageNavEnabledTD{
background:#ccc;
color:#000;
padding:4px 20px;
font-size: 17px;
text-align:center;
}
#cutsomPageNavDisabledTD{
color:#ccc;
padding:4px 20px;
font-size: 17px;
text-align:center;
border: 1px solid #f2f2f2;
}
#cutsomPageNavEnabledTD a:link,
#cutsomPageNavEnabledTD a:visited{
color: #333;
text-decoration: none;
}
#cutsomPageNavEnabledTD a:hover{
color: #00f;
}
.mw-search-formheader{
display: none !important;
}
.custom-t-buttons{color: #000; font-size: 15px;}
.kkrachna{
max-width: 800px;
margin: 10px auto;
text-align: center;
}
.kk-breadcrumb{
color: #000;
text-decoration: none;
line-height: 1.35em;
padding: 4px 12px 7px;
border:1px solid #ccc;
white-space: nowrap;
font-size: 14px;
display: inline-block;
margin-left: -1px;
}
.kk-breadcrumb a,
.kk-breadcrumb a:visited{
color: #000;
text-decoration: none;
}
.kk-breadcrumb:hover{
background: #e6e6e6;
color: #000 !important;
}
.kk-breadcrumb a:hover{
color: #0000ff;
text-decoration: none;
}
.kk-breadcrumb-sep{
font-size: 20px;
font-family: arial;
padding-left: 5px;
}
.kk-article-cust-heading-div{
text-align: center;
background: #444;
background-image: -moz-linear-gradient(center top , #aaa 0px, #444 45px);
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), 0 0 1px rgba(0, 0, 0, 0.2) inset;
color: #FFFFFF;
margin: 10px 0 0;
padding: 10px;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.45);
}
.kk-article-cust-heading{
font-size: 200%;
line-height: 130%;
}
.kk-article-cust-subheading{
font-size: 140%;
line-height: 130%;
}
#kkparichay-box-name-head, #kkpustak-box-name-head, #kkpatrika-box-name-head
{background:#CEDFF2; border: 1px solid #ccc; text-align: center; padding: 5px 0; border-radius: 3px; margin-bottom: 5px;}
.kkparichay-box, .kkpustak-box, .kkpatrika-box
{
background-color:#fff;
max-width:300px;
min-width:300px;
empty-cells:show;
border: 1px solid #ddd;
float:right;
text-align:left;
line-height: 140%;
margin: 0 0 15px 15px;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
border-radius: 4px;
padding: 10px;
}
#kkparichay-name, #kkpustak-name, #kkpatrika-name
{font-size: 160%; line-height: 160%; display: inline-block; color: #fff; text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);}
.kkparichay-photo, .kkpustak-photo, .kkpatrika-photo
{ margin:0 auto -1px; border:1px solid #aaa; background:#ffffff; position: relative; overflow: hidden; padding: 5px;}
#kkparichay-photo-stampdiv{position: absolute; left: -35px; bottom: -40px; width: 120px; height: 120px; transform: rotate(40deg); background: transparent url(https://kavitakosh.org/kk/lalit/kavita-kosh-logo.png) no-repeat scroll -3px 4px / 130px auto;}
.kkparichay-photo-stamp{max-width: 100%; height: auto; border-radius: 50%; box-shadow: 3px 2px 5px rgb(51, 51, 51);}
.kkparichay-poet-photo, .kkpustak-cover-photo, .kkpatrika-cover-photo
{height: auto; width: 100%;}
.no-poet-photo, .no-cover-photo{height: auto; width: 100%;}
#kkparichay-box-row{clear: both; overflow: auto; margin: 5px 0px; padding:5px;}
.kkparichay-box-row-head{font-weight: bold; margin: 0 20px 0 0; display: inline-block;}
.kkparichay-box-row-info{font-size: 90%; display: inline-block;}
#kkparichay-cpnotice{font-size: 14px; line-height: 18px; background: #ddd; border: 1px solid #aaa; overflow: auto; padding: 5px; margin: 5px 0;}
#kkparichay-cpnotice-cpsign{}
#kkparichay-cpnotice-cptext{}
#kkparichay-nopicmsg{text-align: center;}
#kkparichay-shorturl-box{background:#DFEFFF;border:1px dashed #8FC7FF; margin: 5px 0;}
#kkparichay-shorturl, #kkpatrika-shorturl{overflow: hidden; text-overflow: ellipsis; font-size:12px; font-family:verdana,arial; color: #a00000; text-align: center; margin:10px 0;}
#kkparichay-linktokk-box{background:#DFEFFF;border:1px dashed #8FC7FF;}
#kkparichay-linktokk{font-size:95%; padding:5px}
#kkparichay-engname{display: none;}
#kkparichay-dob{text-align: center; margin: 5px 0 8px 0;}
#kkparichay-dod{text-align: center; margin: 0 0 20px 0;}
#kkparichay-no-shorturl{background:#ccc; border:1px solid #fff; font-size:12px; margin: 5px 0; padding: 0 5px; color: #000;}
#kkparichay-lower-border{background: #e06055; height: 5px;}
#kkpagestack{max-width:832px; margin: 0 auto;}
.kkpageleaf{background: #fcfcfc; height: 2px; border-top: 1px solid #ccc; margin-top: 1px; border-bottom: 1px solid #ccc; }
#top-global-bar{border: none; border-bottom: 1px solid #ccc; height: 6em; width: 100%;}
#template-buttons-area{
background: #A44B16;
background-image: -moz-linear-gradient(center top , #D17821 0px, #A44B16 45px);
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), 0 0 1px rgba(0, 0, 0, 0.2) inset;
color: #FFFFFF;
line-height: 130%;
margin: 10px 0 0;
padding: 10px;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.45);
}
#category-tools-div{
background: #A44B16; background-image: -moz-linear-gradient(center top , #D17821 0px, #A44B16 45px); border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), 0 0 1px rgba(0, 0, 0, 0.2) inset;color: #FFFFFF; line-height: 130%; margin: 10px auto; padding: 5px; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.45); max-width: 930px;
}
#p-cactions h3{display: none;}
#p-personal h3{display: none;}
.kkrachna-icon {font-size: 17px !important;}
/*************************************
adjust CSS for NOT logged in users
**************************************/
div#content { margin: 0 auto !important; }
/*************************************/
#column-one h2 {display: none;}
#mobileview {display: none !important;}
.sidebar-section h2 {
background: #f44336;
border-left: 6px solid #D32F2F;
color: #fff;
font-size: 120%;
margin: 4px 0 0;
padding: 8px;
font-weight: normal;
border-radius: 3px;
width: 210px;
display: block !important;
}
/**************************
WORD MEANING
**************************/
.KKMwordmeaningC{
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.KKMmm {
background: #4584f0;
border: 1px solid #ccc;
padding: 20px;
margin: 50px 0 50px 0;
position: fixed;
z-index: 1051;
font-size: 20px;
color: #fff !important;
box-shadow: 10px 10px 10px #aaa;
display: none;
width: 35%;
position: fixed;
left: 50%;
margin-left: -17.5%;
min-width: 200px;
}
.wmAv{display:none; font-size: 12px;}
.KKMcloseMeaning{position: absolute; text-align: right; color: #aaa; cursor: pointer; right: 10px; top: 10px; color: yellow;}
.KKMcloseMeaning:hover{color: #000}
.KKMloader {
border: 7px solid #ddd; /* Light grey */
border-top: 7px solid #3498db; /* Blue */
border-radius: 50%;
width: 40px;
height: 40px;
animation: spin 2s linear infinite;
display: none;
margin: 0 auto;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/**********************************/
/**************************
BHAVARTH
**************************/
#bhavarth-container{
background-color: #fff;
empty-cells: show;
border: 1px solid #ddd;
text-align: left;
line-height: 140%;
border-radius: 0 0 10px 10px;
padding: 10px;
max-width: 820px;
margin: 0px auto 10px;
}
.bhavarth-header {
font-size: 100%;
font-weight: bold;
background: #efefef;
padding: 10px;
cursor: pointer;
max-width: 820px;
margin: 20px auto 0;
}
.bhavarth-header:hover{background: #ddd;}
.bhavarth-text{
font-size: 80%;
padding: 10px;
}
.bhavarth-author-box{
padding: 10px;
text-align: right;
}
.bhavarth-author-pic {
width: 100px;
border-radius: 50%;
}
.bhavarth-author-name{font-size: 90%; font-weight: bold;}
.bhavarth-author-qualification{font-size: 90%; font-style: italic;}
/**********************************/
/**************************
TOP BAR DROPDOWN
**************************/
#drop-wrapper .drop_menu {
background:#D32F2F;
display: table;
padding:0;
margin:0;
height:35px;
border-radius: 3px;
box-shadow: 2px 2px 2px;
list-style-image: none !important;
list-style-type: disc !important;
}
#drop-wrapper .drop_menu li { float:left; z-index: 97443987; width: 100%; list-style: inside none none;}
#drop-wrapper .drop_menu li:hover {box-radius: 0;}
#drop-wrapper .drop_menu li a {
padding:9px 20px;
display:block;
color:#fff;
text-decoration:none;
font-family: inherit;
}
/* Submenu */
#drop-wrapper .drop_menu ul {
position:absolute;
left:-9999px;
top:-9999px;
list-style-type:none;
}
#drop-wrapper .drop_menu li:hover { position:relative; background:#680000; }
#drop-wrapper .drop_menu li:hover ul {
left:-22px;
top:30px;
background:#680000;
padding:0px;
}
#drop-wrapper .drop_menu li:hover ul li a {
padding:10px;
display:block;
text-indent:15px;
background-color:#680000;
}
#drop-wrapper .drop_menu li:hover ul li a:hover { background:#a00000; }
#drop-wrapper{
background: #399FFC url("https://kavitakosh.org/kk/otherapps/bhartiya-kavya-ka-vishwakosh-kavitakosh.png") no-repeat scroll center center;
height: 6em;
}
#drop-logo{
color: #fff;
float: left;
font-family: arial;
font-weight: bold;
height: 35px;
letter-spacing: 1px;
line-height: 35px;
text-align: center;
width: 150px;
}
#drop-logo a{
color: #fff;
font-family: arial;
font-weight: bold;
letter-spacing: 1px;
line-height: 35px;
text-align: center;
}
#drop-wrapper .drop{
right: 2em;
position: absolute;
top: 1.5em;
}
#customFooter{
background: #fff;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
border-radius: 3px;
color: #000;
height: 100%;
overflow: auto;
margin: 10px auto 0;
padding: 10px 20px;
max-width: 930px;
}
#footer-col-2{width: 40%; height: 100%; float: left; padding-right: 30px;}
#footer-col-3{width: 40%; height: 100%; float: left;}
#customFooter h2{color: #000; padding: 20px 0 0; font-size: 20px !important;}
#customFooter a{}
.twitter-share {color: #1acbfa; font-size: 40px !important; margin-right: 10px;}
.gplus-share {color: #dc4732; font-size: 40px !important; margin-right: 10px;}
.facebook-share {color: #3b5998; font-size: 40px !important; margin-right: 10px;}
.whatsapp-share {color: #189d0e; font-size: 40px !important; margin-right: 10px;}
#fixed-bar {background: #007DCA; border-top: 3px solid #333; box-shadow: 0 0 10px #ccc inset; bottom: 0; left: 320px; display: block; height: 75px; max-width: 940px; width: 940px; position: fixed; color: #fff; z-index: 100000; text-align: center;}
#msgOuterDiv{background: rgba(0, 0, 0, 0.8);border:0px solid #000;position: fixed;top:0;left: 0;width:100%;height: 100%;filter:alpha(opacity=60);display: none;z-index: 2147483647;}
#msgMiddleDiv{display: table-cell;vertical-align: middle;}
#msgInnerDiv{background: #fff; border-radius: 3px; padding: 0px; border: 1px solid #fff; margin: 20px auto; position: relative;}
#lalitAjaxContent{overflow: auto; margin: 10px;}
#lalitAjaxContent-close-btn{background: #fff; color: #333; cursor: pointer; display: table; font-size: 14px; padding: 4px 8px;
border-radius: 50%; position: absolute; right: 50%; top: -27px;}
#lalitAjaxContent-close-btn:hover{background: #f00;color: #fff;}
.photo-list * {margin: 0; padding: 0;}
.photo-list {list-style-type: none !important;}
.photo-list h3 {font: bold 20px/1.5}
.photo-list li img {float: left; margin: 0 15px 0 0;}
.photo-list li p {font: 200 12px/1.5}
.photo-list li {padding: 10px; overflow: auto;}
.photo-list li:hover {background: #eee;}
.multi-col-list{-webkit-column-count: 4; -moz-column-count: 4; column-count: 4;}
.div-with-shadow {border: 1px solid #aaa; border-radius: 3px; box-shadow: 2px 2px 2px #AAAAAA; margin-bottom: 15px;}
h5.multi-col-list-heading {background: #e06055 !important; color: #fff; text-shadow: 2px 1px #333; font-size: 20px; border-radius: 0 0 7px; padding: 5px 5px 5px 12px; line-height: 130%; margin: 0px;}
#top-bhasha-menu{float: right; margin: 0px 0px 10px 0px;}
#bodyContent h3, #bodyContent h4, #bodyContent h5 {background: #ccc; padding-left: 5px; border-radius: 2px;}
#extrainfobox{max-width:300px; float:right; clear:both; margin-top:5px; background:#EFEFEF; border:1px solid #D3C2EF; padding: 10px; border-radius: 3px;}
.col-sm{background: #efefef; text-align: center; margin: 0 auto; display: block;}
.flex-row{display: flex; flex-wrap: wrap;}
.info-cell{background: #e7e7e7; color: #000; border: 1px solid #dddddd;}
.one-cell{margin: 5px;}
.one-cell:hover{-webkit-filter: none; filter: none; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 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, #kkpatrika-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;}
.whatsapp-share {display: inline-block !important;}
.KKMmm {width: 100%; position: fixed; left: 0; margin-left: 0;}
.wmAv{display: none;}
}
@media only screen and (max-width: 400px) {
body{background-image: none;}
#logo-img{display:none; 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;}
}
