padmaEssay/test.css

127 lines
1.7 KiB
CSS
Raw Normal View History

2010-11-06 00:38:34 +00:00
body {
background: #F0EBE2;
color: #363636;
font-family: "DejaVu Sans", Arial, Verdana, sans-serif;
}
.padmaWrapper {
width: 100%;
position: relative;
margin-top: 5px;
margin-bottom: 5px;
2010-11-06 16:30:52 +00:00
/* margin-left: 10%; */
2010-11-06 00:38:34 +00:00
border: 1px solid #333;
background: #000;
padding: 4px;
}
#essay {
2010-11-06 16:22:13 +00:00
width: 60%;
2010-11-06 00:38:34 +00:00
}
.para {
padding: 8px;
border-left: 1px solid #000;
}
h1 {
font-size: 220%;
font-family: "Times New Roman", Times, serif;
}
#padmaSidebar {
2010-11-06 16:26:24 +00:00
width: 320px;
2010-11-06 16:30:52 +00:00
margin-right: 10px;
2010-11-06 00:38:34 +00:00
position: fixed;
top: 0px;
right: 0px;
2010-11-06 16:22:13 +00:00
background: #000;
2010-11-06 00:38:34 +00:00
bottom: 0px;
}
2010-11-06 16:22:13 +00:00
#aboutTxt {
color: #ccc;
padding: 15px;
}
2010-11-06 00:38:34 +00:00
#padmaSidebarRelative {
position: relative;
}
.padmaVideo {
}
.annotationText {
color: #ccc;
margin-top: 15px;
margin-bottom: 15px;
font-size: 13px;
2010-11-06 16:22:13 +00:00
height: 35%;
2010-11-06 16:30:52 +00:00
width: 90%;
margin-left: auto;
margin-right: auto;
/* padding: 8px;
margin-right: 2px; */
2010-11-06 00:38:34 +00:00
overflow-y: auto;
}
.padmaViewer {
position: relative;
2010-11-06 16:30:52 +00:00
width: 320px;
2010-11-06 00:38:34 +00:00
height: 100%;
padding: 6px;
color: #fff;
}
.padmaViewer video {
width: 320px;
2010-11-06 16:26:24 +00:00
margin-top: 25px;
margin-left: -6px;
2010-11-06 00:38:34 +00:00
}
.padmaLink {
text-decoration: none;
font-style: italic;
font-size: 90%;
color: #666;
}
.padmaLink:hover {
color: blue;
}
.padmaViewer .close {
position: absolute;
top: 2px;
left: 2px;
width: 15px;
height: 15px;
font-size: 12px;
color: #f00;
cursor: pointer;
}
.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;
}