Difference between revisions of "MediaWiki:Common.css"

From Cross the Hurdles
(Created page with "→‎CSS placed here will be applied to all skins: body{background:#000;}")
 
Line 1: Line 1:
−
/* CSS placed here will be applied to all skins */
+
/*
−
body{background:#000;}
+
** 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;}
 +
}

Revision as of 05:02, 11 September 2020

/*
** 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;}
}
Retrieved from "https://crossthehurdles.org/cth/index.php?title=MediaWiki:Common.css&oldid=3942"