|
|
(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;}
| |
− | } | |