﻿/*JAYA GURU SANKARA*/
/*STYLEDEFS STYLESHEET FOR www.ATributeToSankaradeva.org*/
/*Edit this stylesheet for any change required in pure style definitions and also some defs for borders, padding, etc. for instance, to change border-colors and thickness, background-images, font-sizes, colors, text-decoration, text alignment and the like; also border-radii, box-shadows etc. Overall these defs are things which do not affect the LAYOUT of the pages*/

/*//// ELEMENTS ////*/
body{
color:#260041;/*rgb(38,0,65),#35005A (rgb(53,0,90)),#2A0048 (rgb(42,0,72)) , */
/* Alternatives to #35005a:
rgb(46,0,90)
rgb(38,0,90)
rgb(31,0,90)
rgb(61,0,90)
rgb(68,0,90)
rgb(76,0,90)
https://www.colorhexa.com/35005a
 */
font-family:"Georgia";
font-size:120%;/*Earlier it was 110%*/
background-image:url('../images/manuscript/saci_manuscript.jpg');
counter-reset:section;counter-reset:subsection;

}

div#notification p{
text-align:center;
font-family:"Courier";
background-color:rgb(139, 69, 19);/*SaddleBrown;#8b4513; closest web-safe color is #993300 */
color:white;
font-size:80%;
}

div#notification a{
color:white;
}

span#close_notification{
font-weight:bold;
font-size:smaller;
border:1px solid white;
padding:2px;
vertical-align:top;
margin-left:-4px;
background-color:brown;
}

span#close_notification:hover{
opacity:0.8;
}

main{
border-left:2px solid #B22222;
border-right:1px solid #B22222;
border-top:2px solid #B22222;
border-bottom:1px solid #B22222;
padding:2.5%;
background-color:rgba(255,255,255,0.1);/*Setting opacity of rgba to 0.2 helps to provide a little better contrast for the slightly blurry rendering of the text in Chrome, alternately*/
}

img#manikuta{
border:1px solid #B22222;
border-top:4px solid white;
box-shadow:inset 0 0 4px 4px #FF8C00;
background-color:rgba(255,255,255,0.2);
}

img#portrait{
width:12%;
}

h1, h2, h3, h4{
background-image:url('../images/manuscript/saci_manuscript.jpg');
color:firebrick;
}

main[lang="as"] h1{
text-align:center;
}

/*//// PARAS ////*/

main p {
line-height: 2;
font-weight: 500;/* 400 is the same as normal, and 700 is the same as bold */
}


p.print_author{
font-weight:bold;
text-align:right;
font-size:larger;
}
p.abstract{
}
p#intro_para{
}
p.quotation{
border:1px solid orange;
border-style:dashed;
padding:2%;
font-family:"Times New Roman";
text-align:center;
color:indigo;
background-color:rgba(255,255,255,0.2);
background-image:url('../images/manuscript/saci_manuscript_border_horizontal.jpg'),url('../images/manuscript/saci_manuscript_border_horizontal.jpg'),url('../images/manuscript/saci_manuscript_border_vertical.jpg'),url('../images/manuscript/saci_manuscript_border_vertical.jpg');
background-position:0% top,0% bottom,0% 0%,100% 0%;
background-repeat:repeat-x, repeat-x, repeat-y,repeat-y;
box-shadow:3px 3px 3px #666;
}
p.quoted_passage_transliterated{
border:4px double #B22222;
padding:8px;
font-family:"Times New Roman";
text-align:center;
box-shadow: 3px 3px 3px #666;
color:indigo;
background-color:rgba(255,255,255,0.2);
white-space:pre-wrap;
}
p.translated{




border:4px double #B22222;
box-shadow: 3px 3px 3px #666;
padding:8px;background-color:rgba(255,255,255,0.2);
/*text-align:center;color:indigo;font-weight:bold;font-style:oblique;font-family:"Times New Roman";*/

}

p.translated u, u.tw{text-decoration: underline solid orange;}


p.classical{
white-space:pre-wrap;
font-style:italic;
text-transform:lowercase;
}

p.standard{
white-space:pre-wrap;
font-style:normal;
text-transform:lowercase;
text-align:center;
background-color:rgba(255,255,255,0.1);
/*border:0px dotted firebrick;*/
}



/*Highlight (could be used with em)*/
.emphasis{
font-weight:normal;
font-size:0.55cm;
font-family:"Times New Roman";
line-height:26px;
word-spacing:0.05em;
letter-spacing:0.05em;
background-color:#FFFF99;
}
blockquote p{
padding-left:4px;
border-left:1px dotted #B22222;
}
.attribution{
display:block;
text-align:right;
font-size:smaller;
margin-top:-2%;
}
nav#next_anchor{
text-align:center;
}
main .editor-notes{
/*border-left:4px solid brown;
padding-left:4px;
background-color:rgba(255,255,255,0.4);*/
font-style:italic;
font-size:smaller;
}
sup{
font-size:smaller;
}
abbr[title] {
  border-bottom: 1px dotted brown;
  }

pre{
font-size:larger;
text-align:center;
}

hr.separator{
border:1px inset white;
}

div#footnotediv{
position:absolute;
width:400px;
background:rgb(252, 243, 207);
color:black;
padding:8px;
opacity:1.0;	/*0.9*/
font-size:90%;
font-family:"Times New Roman";
box-shadow: 2px 2px 2px #666;
border: 1px solid ;
/*overflow:hidden;*/
}

main ol#main-list li, main ul.article-block li{margin-top: 20px; line-height:1.5; text-shadow:0 0 0 #000, 0 0 1px transparent;}
body.Cover ul.contents, body.Cover ul.related_docs {line-height:2;text-shadow:0 0 0 #000, 0 0 1px transparent;}
/*//// FIGURE & FIG-CAPTION ////*/
figure{
padding-left:1%;
padding-right:1%;
background-image:url('../images/manuscript/saci_manuscript.jpg');
}

img.fig{
padding:1px;
}

figcaption{
text-decoration:none;
text-align:center;
font-family:"Times New Roman";
font-weight:bold;
}

/*//// ANCHORS ////*/
main a{
color:rgb(0%, 0%, 72%);
}

ul li a{
color:Navy;
}
a.note{
text-decoration:none;
}
.faded{
color:#BBB;
}
/*//// HEADERS AND FOOTERS ////*/
header{
background-color:rgba(255,255,255,0.1);
border:1px solid #B22222;/*firebrick*/
padding:1%;
}

nav#nav_bar ul li{
display:inline;
list-style:none;
}

h6#watermark{
background-image:url('../images/icons/sanchi_watermark_icon.gif');
background-position:50% 50%;
background-repeat:no-repeat;
-ms-filter:"progidDXImageTransform.Microsoft.Alpha(Opacity40)"; 
filter:alpha(opacity=40);
opacity:0.4;
font-size:80%;
font-family:'Courier';
}

footer{
background-color:rgba(255,255,255,0.1);
border:1px solid #B22222;
padding:1%;
}

footer#footer p{
font-size:small;
}

img.footer{
-ms-filter:"progidDXImageTransform.Microsoft.Alpha(Opacity40)"; 
filter:alpha(opacity=40);
opacity:0.4;
}
/*//// SECTIONS ////*/
div#ancillary{
background:rgba(255,255,255,0.1);
border:1px solid #B22222;
}
section.ancillary-content{
font-size:92%;
margin-left:1%;
}
section.ancillary-content h5{
border:1px solid #B22222;
font-size:96%;
margin:0px;
background:rgba(255,255,255,0.2);
padding-left:2px;
padding-top:2px;
}
div#ancillary-print{}
section#end-notes{}
section#references-biblio{}
section#author-info{}
div#ancillary-web{}
section#editor-notes{}
section#ref-info{}
section#related{}
div.see-also{
padding:12px;
overflow:hidden;
font-size:80%;
border:1px solid #B22222;
box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2);
background:rgba(255,255,255,0.2);
}
div.see-also h6{
margin:0px;
font-size:84%;
border:1px solid;
padding:2px;
background-image:url('../images/icons/list_icon.gif');
background-repeat:no-repeat;
background-position:100% 0%;
}
div.see-also h6 a{
text-decoration:none;

}
/*//// MENU-LAYER & TOC ////*/
nav#menu_layer{
display:block;
border:4px double #B22222;
background-image:url('../images/manuscript/saci_manuscript.jpg');
-ms-filter:"progidDXImageTransform.Microsoft.Alpha(Opacity90)"; 
filter:alpha(opacity=90);
opacity:0.9;
}

nav#menu_layer ul li{
padding:0px;
font-size:smaller;
list-style:square;
color:#B22222;
}
/* SWITCH-CSS */
nav#switch-css-nav{
position:fixed;
top:16%;
left:2%;
overflow:hidden;
}

nav#switch-css-nav p.switch-css{
margin:0px;
padding:8px;
background:rgba(0,0,0,0.5);
}

nav#switch-css-nav p.switch-css a{
text-decoration:none;
font-weight:bold;
font-size:small;
color:white;
}

nav#switch-css-nav p.switch-css:hover{
background:rgba(0,0,0,1.0);
cursor:auto;
}

/*targetting the site-menu list-items on the basis of body Class*/
body.Sankaradeva nav#menu_layer a#Sankaradeva,body.Madhavadeva nav#menu_layer a#Madhavadeva,body.Works nav#menu_layer a#Works,body.Biography nav#menu_layer a#Biography,body.Religion nav#menu_layer a#Religion,body.Literature nav#menu_layer a#Literature,body.Culture nav#menu_layer a#Culture,
body.Art nav#menu_layer a#Art,body.Institutions nav#menu_layer a#Institutions,body.Movement nav#menu_layer a#Movement,body.Caritas nav#menu_layer a#Caritas,body.Translations nav#menu_layer a#Translations,body.Documents nav#menu_layer a#Documents{
border:1px solid #B22222;
text-decoration:none;
}

body.Cover h1{
text-align:center;
}

nav#toc{
border:1px dotted #B22222;
margin-left:4px;
margin-right:4px;
padding-right:4px;
}


nav#toc h6{
text-align:center;
border:2px outset white;
}

nav#toc ul li{

}

ul.contents{
border-right:1px solid #BBB;
}
/*//// LANGUAGE ATTRIBUTE SELECTOR ////*/
*[lang="as"]{
font-size-adjust:0.455;
}

/*//// GENERATED CONTENT ////*/
.pdf-doc:after{
content:url(../images/icons/pdf_icon.gif);
}
.word-doc:after{
content:url(../images/icons/word_icon.gif);
}
.external-link:after,.ref-media:after{
content:url(../images/icons/external-link-icon.gif);
}
.yt:after{
content:url(../images/icons/yt_icon.gif);
}
.section-end:before,.section-end:after{
content:" || ";
color:white;
background-image:url(../images/icons/Assamese_Stop_Character_icon.gif);
background-repeat:no-repeat;
}

@keyframes new-animate
{
from{font-weight:normal;}
to{font-weight:bold;}
}
@-webkit-keyframes new-animate/* Safari and Chrome */
{
from{font-weight:normal;}
to{font-weight:bold;}
}


.new:before{
content:"new! ";
text-transform:uppercase;
font-size:small;
font-weight:normal;
color:#fff;
background-color:rgb(200, 69, 19);
border:1px solid;
padding:2px;
text-shadow:0px 1px white;
animation:new-animate 2s;
-webkit-animation:new-animate 2s;/* Safari and Chrome */
}

@keyframes target-animate
{
from{box-shadow:0px 1px black;}
to{box-shadow:0px 1px white;}
}
@-webkit-keyframes target-animate/* Safari and Chrome */
{
from{box-shadow:0px 1px black;}
to{box-shadow:0px 1px white;}
}

:target{
/*animation*/
animation:target-animate 4s;
-webkit-animation:target-animate 4s;/* Safari and Chrome */
background-color:rgba(255,255,255,0.4);

}

#switch-css-nav p.switch-css a:before{
content:url(../images/icons/list_icon.gif);
}
#switch-css-nav p.switch-css a:after{
content:url(../images/icons/paper_icon.jpg);
}


/*//// BEHAVIOR ////*/
::selection{
background-color:white;
color:#B22222;
text-shadow:none;
}
::-moz-selection {
background-color:white;
color:#B22222;
text-shadow:none;
}
h6#watermark:hover{opacity:1.0;}

main p:hover{
background-color:rgba(255,255,255,0.2);
}

main a:hover{
color:rgb(0%, 0%, 90%);
text-decoration:none;
}

main p,pre{
cursor:url(../images/icons/peacock_quill_icon.gif), auto;
}

blockquote[cite] p{
cursor:pointer;
}

div#ancillary p
{
cursor:auto;
}

ul li a:hover{
background-color:orange;
color:white;
}

img.footer:hover{
-ms-filter:"progidDXImageTransform.Microsoft.Alpha(Opacity80)"; 
filter:alpha(opacity=80);
opacity:0.8;
}

/*//// CSS3 COLUMNS ////*/
.columnar{
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;
-webkit-column-rule:1px solid #BBB;
-moz-column-rule:1px solid #BBB;
column-rule:1px solid #BBB;
}/* Font-family may be set to "Times New Roman" or class "columnar" may be combined with some other <p> class containing that property*/


/**CSS FOR PAPER**/

body#paper{
/*font-size:120%;*/
color:black;
background-image:none;
background:white;
margin:0px;
padding:16px;
border-top:2px solid black;
}

body#paper footer, body#paper nav:not(#switch-css-nav), body#paper #manikuta, body#paper header, body#paper #notification,body#paper iframe{
display:none;
}

body#paper main{
margin-left:12%;
margin-right:12%;
border:0px;
padding:0%;
background-color:transparent;
}

body#paper h1, body#paper h2, body#paper h3, body#paper h4{
text-align:left;
font-style:normal;
clear:right;
background-image:none;
}

body#paper p.quotation{
border:none;
color:inherit;
padding:2%;
font-family:"Times New Roman";
text-align:center;
background-image:none;
background-color:transparent;
box-shadow:none;
}

body#paper p.quoted_passage_transliterated{
border:none;
padding:8px;
font-family:"Times New Roman";
text-align:center;
box-shadow:none;
color:inherit;
background-color:transparent;
white-space:pre-wrap;
}

body#paper p.translated{
border:none;
box-shadow:none;
padding:8px;
background-color:transparent;
font-family:"Times New Roman";
}

body#paper p.classical{
white-space:pre-wrap;
font-style:italic;
text-transform:lowercase;
font-family:"Times New Roman";
}

body#paper p.standard{
white-space:pre-wrap;
font-style:normal;
text-transform:lowercase;
text-align:center;
background-color:transparent;
font-family:"Times New Roman";
}

body#paper hr{
height:18px;
width:16px;
background-image:url(../images/icons/Assamese_Stop_Character_icon.gif);
background-repeat:no-repeat;
border:none;
}

body#paper main[lang="as"] h1{
font-style:normal;
}

body#paper a[href="#top"]{
float:right;
}

body#paper p img{
float:none;
display:block;
margin:8px auto;
}

body#paper figure{
background-image: none;
}

body#paper div#ancillary-print{
font-size:70%;
margin:1%;
}

body#paper main nav#switch-css-nav p{
float:right;
}

body#paper main nav#switch-css-nav{
top: 2%;
right: 2%;
}
body#paper div#ancillary, body#paper div#ancillary h5{border:0px;}
/*//// MEDIA QUERIES ////*/
@media all and (max-width:360px){/*236px*/
body,body#paper{margin:0px;}
div#notification,header h6#watermark,nav#menu_layer, section#related, div#footnotediv{display:none;}
main,header,footer{border:1px solid #B22222;overflow:hidden;}
nav#toc{display:none;}/* float:none */
nav#toc ul#page_contents li{list-style:square;}
figcaption,body#paper figcaption, div#footnotediv{font-size:smaller;font-weight:normal;}
p.quotation{background-image:none;box-shadow:none;border:1px solid #B22222;}
} 

@media all and (max-width:720px){/*320px*/  
html{width:100%;margin:0px;} 
body,body#paper{font-size:110%;}/*70%*/
footer#footer p{font-size:smaller;}
hr,body#paper hr{background-image:none;}
main,body#paper main{
margin-left:2%;
margin-right:2%;
}
.columnar,body#paper .columnar{-webkit-column-count:1;-moz-column-count:1;column-count:1;}
}

@media all and (min-width:1920px){  
body,body#paper{font-size:144%;}
footer#footer p{font-size:smaller;}
}

@media print{
* {background-image:none;background-color:white;color:black;font-size:12px;}
div#notification,nav#menu_layer,nav#toc{display:none;}
}

@media (hover:none), (hover:on-demand) {
nav#switch-css-nav p.switch-css:hover{ /* suppress hover effect on devices that don't support hover fully*/
        background:rgba(0,0,0,0.5);
    }
}