padmatexts/padmaTexts/static/css/text.css
2011-03-12 17:02:24 +05:30

240 lines
3.3 KiB
CSS

body {
background: #F0EBE2;
color: #363636;
font-family: "DejaVu Sans", Arial, Verdana, sans-serif;
}
a img {
border: 0px;
}
.padmaWrapper {
width: 100%;
position: relative;
margin-top: 5px;
margin-bottom: 5px;
/* margin-left: 10%; */
border: 1px solid #333;
background: #000;
padding: 4px;
}
#leftBar {
width: 250px;
height: 100%;
background: #ccc;
float: left;
}
#leftBar a {
color: #333 !important;
font-style: normal !important;
}
#essayWrapper {
float: left;
}
#essayAbstract {
font-style: italic;
}
.para {
padding: 8px;
border-left: 1px solid #000;
}
h1 {
font-size: 220%;
font-family: "Times New Roman", Times, serif;
margin-top: 0;
padding-top: 0;
margin-bottom: 0;
padding-bottom: 0;
margin-left: 8px;
}
h4 {
margin-top: 0;
padding-top: 0;
margin-left: 8px;
margin-bottom: 0;
}
h3 {
margin-bottom: 4px;
padding-bottom: 0;
font-family: "DejaVu Sans", Arial, Verdana, sans-serif;
}
p {
margin-top: 0;
}
#essay, #essayAbstract, #authorBio {
margin-left: 8px;
padding-bottom: 0px;
}
#authorBio p {
margin: 0;
}
#authorBio {
margin-top: 48px;
margin-bottom: 96px;
}
#loading {
position: fixed;
right: 0px;
bottom: 40%;
top: 40%;
width: 320px;
height: 20%;
font-size: 24px;
font-weight: bold;
color: #fff;
background: #898989;
opacity: 0;
z-index: 1000;
}
#padmaSidebar {
width: 360px;
height: 100%;
margin-right: 10px;
position: fixed;
top: 0px;
right: 0px;
background-color: rgb(187,187,87);
background-color: rgba(187,187,87,1);
bottom: 0px;
}
#aboutTxt {
color: #363636;
padding: 15px;
height: 90%;
margin-top: 10%;
overflow-y: scroll;
}
#padmaSidebarRelative {
position: relative;
}
.padmaVideo {
}
.annotationText {
color: #363636;
margin-top: 8px;
margin-bottom: 8px;
font-size: 13px;
height: 300px;
overflow-y: auto;
width: 90%;
margin-left: auto;
margin-right: auto;
/* padding: 8px;
margin-right: 2px; */
}
.padmaContributor {
font-style: italic;
font-size: 9px;
}
.padmaViewer {
position: relative;
width: 360px;
height: 100%;
padding: 6px;
color: #fff;
}
.padmaViewer video {
width: 360px;
margin-top: 10px;
margin-left: -6px;
}
.padmaLink {
text-decoration: none;
font-style: italic;
font-size: 90%;
color: #666;
}
.nowPlaying {
background: #ffff00;
}
.padmaLink:hover {
color: red;
}
.padmaViewer .close {
position: absolute;
top: 2px;
left: 2px;
width: 15px;
height: 15px;
font-size: 12px;
color: #f00;
cursor: pointer;
}
.padmaTrack {
color: #fff;
font-style: italic;
}
.padmaButtons {
width: 216px;
margin-left: 4px;
}
.padmaButtons a {
margin-right: 10px;
padding: 2px;
width: 20px;
border: 1px solid #000;
background: #363636;
color: #fff !important;
text-decoration: none !important;
text-align: center;
display: block;
float: left;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-o-border-radius: 20px;
}
.padmaButtons a:hover {
background: #fff;
color: #363636 !important;
}
/*
.viewOnPadma {
margin-top: 6px;
width: 100%;
text-align: center;
}
.viewOnPadma a {
color: #666;
text-decoration: none;
font-weight: bold;
border: 2px outset #666;
padding: 2px;
}
.viewOnPadma a:hover {
color: #fff;
}
.viewOnPadma a:active {
border: 2px inset #666;
}
*/