Difference between revisions of "MediaWiki:Common.css"

From Cross the Hurdles
 
(20 intermediate revisions by the same user not shown)
Line 1: Line 1:
/*
+
body{
** MediaWiki 'monobook' style sheet for CSS2-capable browsers.
+
background:#f2f2f2;
** Copyright Gabriel Wicke - http://wikidev.net/
+
background-image: none !important;
** License: GPL (http://www.gnu.org/copyleft/gpl.html)
+
font-size: 14px;
**
 
** 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;
 
color: black;
 
margin: 0;
 
margin: 0;
Line 62: Line 10:
 
}
 
}
  
#top-fixed-bar{
+
#p-cactions{
background: #fafafa none repeat scroll 0 0;
+
position: inherit !important;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
+
background: #aaa !important;
    height: 60px;
+
width: 100% !important;
    position: fixed;
+
padding: 5px !important;
    top: 0;
+
box-sizing: border-box !important;
    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 {
+
#p-cactions ul{margin: 0 !important;}
background: #ffae2e;
+
#p-cactions li{
border: 1px solid #2f6fab;
+
padding: 0 !important;
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 {
+
#p-personal{
font-size: 100%;
+
position: inherit !important;
color: black;
+
background: #ccc !important;
border-collapse: collapse;
+
padding: 5px;
border-right: 0px solid #aaa;
+
box-sizing: border-box;
padding: 7.5em 0.8em 0.3em 0.5em;
 
 
}
 
}
  
.generated-sidebar{display: none;}
+
#content {
 
 
.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;
 
margin: 0 auto;
border-radius: 50%;
+
padding: 0 1em 0.5em 1em;
//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;
 
position: relative;
z-index: 3;
+
z-index: 2;
 
}
 
}
input.searchButton {
+
#column-one {
margin-top: 1px;
+
background: #fff none repeat scroll 0 0;
font-size: 95%;
+
    margin: 0 auto;
}
+
    padding-top: 0;
#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);
 
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
color: #fff;
+
position: fixed;
padding: .4em 20px 1.2em 20px;
+
display: block !important;
text-align: center;
+
top: 60px !important;
font-size: 90%;
+
width: 260px !important;
margin: 0 auto 20px;
+
height: calc(100% - 220px) !important;
max-width: 930px;
+
overflow: auto !important;
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;}
+
.portlet h3 {text-transform: none !important}
 +
.pBody {border: 0 !important;}
  
.mw-htmlform-submit {
+
#column-content {
font-weight: bold;
+
width: unset !important;
padding-left: .3em;
 
padding-right: .3em;
 
margin-right: 2em;
 
}
 
 
 
/* js pref toc */
 
#preftoc {
 
margin: 0;
 
 
padding: 0;
 
padding: 0;
width: 100%;
+
margin: 80px 120px 20px 400px !important;
clear: both;
+
float: none !important;
}
 
#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 */
+
#bodyContent{
* > 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;
 
background: #fff;
padding: .2em 1em;
+
    border-radius: 3px;
color: #000;
+
     box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
 
 
 
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;
 
     padding: 20px;
max-width: 930px;
 
 
}
 
}
  
#kk_comment_desc{
+
#globalWrapper {
border: 1px solid #cccccc;
+
     background: transparent;
padding: 5px;
+
     background-image: none !important;
font-size:11px;
+
     box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
}
+
     font-size: 127%;
 
+
     padding: 0;
.kk-button{
+
     position: unset !important;
cursor: pointer;
+
     width: unset !important;
display: inline-block;
+
    box-shadow: none !important;
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{
+
#top-fixed-bar {
border-radius: 3px;
+
background: #fafafa none repeat scroll 0 0;
padding: 2px;
+
box-shadow: 0 0 10px 0 rgba(0,0,0,0.35);
background: #cedff2;
+
height: 60px;
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;
 
position: fixed;
 
top: 0;
 
top: 0;
right: 0;
+
width: 100%;
bottom: 0;
+
z-index: 101;
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 {
+
#top-baar-logo{width: 240px;}
    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 {
+
#globalWrapper img{
     0% { transform: rotate(0deg); }
+
     max-width: 100%;
    100% { transform: rotate(360deg); }
+
height: auto;
 
}
 
}
  
/**********************************/
+
#firstHeading, .firstHeading {
 
+
padding-top: 0;
 
+
overflow: visible;
 
+
max-width: 930px;
 
+
padding: 10px 20px;
/**************************
+
border: 0;
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{
+
#footer{
background: #fff;
+
margin: 0px 120px 20px 400px !important;
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;}
+
#p-tb, #p-search{display: none !important;}
.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;}
+
#privacy, #about, #disclaimer, #mobileview, #f-poweredbyico {display: none !important;}
 
 
 
 
#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;}
 
}
 

Latest revision as of 06:40, 25 October 2020

body{
	background:#f2f2f2;
	background-image: none !important;
	font-size: 14px;
	color: black;
	margin: 0;
	padding: 0;
	direction: ltr; /* Needed for RTL flipping */
	unicode-bidi: embed;
}

#p-cactions{
	position: inherit !important;
	background: #aaa !important;
	width: 100% !important;
	padding: 5px !important;
	box-sizing: border-box !important;
}
#p-cactions ul{margin: 0 !important;}
#p-cactions li{
	padding: 0 !important;
}
#p-personal{
	position: inherit !important;
	background: #ccc !important;
	padding: 5px;
	box-sizing: border-box;
}

#content {
	margin: 0 auto;
	padding: 0 1em 0.5em 1em;
	position: relative;
	z-index: 2;
}
#column-one {
	background: #fff none repeat scroll 0 0;
    margin: 0 auto;
    padding-top: 0;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
	position: fixed;
	display: block !important;
	top: 60px !important;
	width: 260px !important;
	height: calc(100% - 220px) !important;
	overflow: auto !important;
	
}

.portlet h3 {text-transform: none !important}
.pBody {border: 0 !important;}

#column-content {
	width: unset !important;
	padding: 0;
	margin: 80px 120px 20px 400px !important;
	float: none !important;
}

#bodyContent{
	background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    padding: 20px;
}

#globalWrapper {
    background: transparent;
    background-image: none !important;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
    font-size: 127%;
    padding: 0;
    position: unset !important;
    width: unset !important;
    box-shadow: none !important;
}

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

#top-baar-logo{width: 240px;}

#globalWrapper img{
    max-width: 100%;
	height: auto;
}

#firstHeading, .firstHeading {
	padding-top: 0;
	overflow: visible;
	max-width: 930px;
	padding: 10px 20px;
	border: 0;
}

#footer{
	margin: 0px 120px 20px 400px !important;
}

#p-tb, #p-search{display: none !important;}

#privacy, #about, #disclaimer, #mobileview, #f-poweredbyico {display: none !important;}