html, body, p, h1, h2, h3, h4, section, aside, footer {
padding: 0;
margin: 0;
border: none;
font-size: 100%;
box-sizing: border-box;
}
header, section, footer, aside, nav, main, article, figure {
display: block;
}
#google_translate_element {
background-color: white;
/*margin-top:10px;*/
padding: 10px 0 0 10px;
}
body {
background: #003366;
font-family: Arial, Verdana, sans-serif;
font-size: 100%;
padding: 0;
}
a img {
border: none;
}
header img {
display: block;
margin: 2px auto;
box-sizing: border-box;
color: #ffffff;
font-family: "Times New Roman", Times, serif;
font-size: large;
}
header nav {
display: block;
box-sizing: border-box;
text-align: center;
min-width: 50px;
font-size: 100%;
padding: 2px;
overflow: auto;
}
header nav a {
text-align: right;
display: inline-block;
color: #ffffff;
text-decoration: none;
/*vertical-align: middle;*/
}
header nav a:hover {
color: #66ccff;
}
a.active {
color: #cc9;
}
header span.verticalBar {
color: #336699;
vertical-align: middle;
}
header p {
/*display: inline-block;*/
/*clear: both;*/
padding: 10px 10px;
color: #ffffff;
/*background: #ffffff;*/
font-size: 80%;
font-style: normal;
text-align: left;
min-height: 20px;
}
.leftNavBar {
display: block;
background: #003366;
font-size: 100%;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
.leftNavBar a {
display: block;
color: #ffffff;
background: #336699;
text-decoration: none;
padding: 5px 20px;
border: 1px solid;
border-color: #003366;
}
.leftNavBar a.active {
color: #336699;
background: #ffffff;
}
.leftNavBar a:hover {
color: #66ccff;
background: #003366;
}
.leftNavBar a img {
width: 15px;
}
.leftNavBar, .moroniSidebar, .messagesSidebar {
overflow: auto;
}
section {
padding: 15px 0px;
font-family: Arial, Verdana, sans-serif;
font-size: 100%;
background-color: #ffffff;
-webkit-overflow-scrolling: touch;
overflow-x: auto;
}
section img.header {
display: block;
width: 100%;
}
#Moroni {
display: block;
width: 74%;
margin: 0% auto;
}
main p {
display: block;
margin: 20px 15px;
}
h1, h2, h3, h4, .verseNumber, label {
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 100%;
color: #666633;
font-weight: normal;
text-decoration: none;
}
.verseNumber {
display: inline;
margin: 0px;
}
img.new {
display: inline-block;
width: 50px;
}
#GiftBook {
width: 200px;
display: block;
margin: 0px auto;
}
#ReadAndGain {
width: 400px;
display: block;
margin: 0px auto;
}
#youtubelogo {
width: 100px;
display: block;
margin: 0px auto;
}
#MoroniStatue {
width: 100px;
display: block;
margin: 0px auto;
}
#staricon {
display: inline-block;
width: 50px;
}
.homeicon {
width: 200px;
display: block;
margin: 0px auto;
}
.header {
text-align: center;
}
.citation {
font-size: 45%;
}
.moroniSidebar, .messagesSidebar {
background: #336699;
padding: 10px;
}
.moroniSidebar {
background: #ffffff;
padding-top: 10px;
padding-bottom: 10px;
}
.moroniSidebar.card {
box-shadow:none;
}
.moroniSidebar a img {
display: block;
text-decoration: none;
font-family: "Times New Roman", Times, serif;
font-size: 100%;
color: #666633;
width: 95%;
margin: 10px auto;
}
.messagesSidebar {
background: #ffffff;
padding-top: 0px;
padding-bottom: 50px;
}
.messagesSidebar h3 a {
font-size: 100%;
color: #003366;
text-decoration: none;
}
.messagesSidebar img {
display: block;
width: 65%;
margin: 20px auto;
}
.messagesSidebar #kutsal_kitap_img {
width: 100%;
}
a.capsHeading {
font-variant: small-caps;
text-decoration: none;
color: #666633;
}
input, select {
display: block;
width: 75%;
font-size: 100%;
border-style: solid;
border-width: 2px;
border-color: black;
margin: 0px 15px;
}
input[type=submit] {
width: 200px;
margin: 30px auto;
}
option {
font-size: 50%;
}
textarea {
display: block;
width: 90%;
height: 200px;
border-style: solid;
border-width: 2px;
border-color: black;
margin: 0px 15px;
}
label {
font-family: Arial;
font-weight: bold;
color: #000066;
margin-bottom: 10px;
}
.hover_opaque:hover {
opacity: 0.5;
filter: alpha(opacity=50);
}
.card {
margin: 15px 0;
box-shadow: 0 0 5px black;
border-radius: 1px;
}
footer {
display: block;
width: 100%;
padding: 10px;
background: #003366;
font-size: 50%;
font-family: Arial;
text-align: center;
color: #ffffff;
}
footer a {
text-decoration: none;
color: #ffffff;
}
iframe {
display: block;
border: 2px solid black;
width: 100%;
height: 1000px;
/*border: none;*/
}
.largeDisplay, .largeNavSideBar {
display: none;
}
@media only screen and (min-width: 700px) {
body, section, aside, h1, h2, p {
font-size: 100%;
}
#google_translate_element {
display: inline-block;
}
#header-nav-links-container {
display: inline-block;
}
#header-nav-links {
position: relative;
top: -18px;
}
.smallDisplay {
display: none;
}
.largeDisplay, .messagesSidebar, .largeNavSideBar {
display: inline-block;
box-sizing: border-box;
}
header img {
display: inline-block;
float: left;
}
header nav {
display: inline-block;
float: right;
}
header p {
clear: left;
/*float:left;*/
}
.largeNavSideBar {
width: 25%;
}
.messagesSidebar {
width: 20%;
}
.largeNavSideBar, section {
float: left;
}
.moroniSidebar {
margin: 5%;
padding: 2%;
border: 2px solid;
border-color: black;
max-height: 1200px;
}
.messagesSidebar {
float: right;
}
footer {
clear: both;
}
main {
height: 2100px;
background: #ffffff;
}
iframe {
box-sizing: border-box;
width: 100%;
height: 2100px;
}
section {
box-sizing: border-box;
width: 55%;
padding: 0px 0%;
height: 2100px;
background: #ffffff;
}
}