[xiph-commits] r4068 - arkaiv/trunk/arkaiv/public
dcrowdy at svn.annodex.net
dcrowdy at svn.annodex.net
Sun Dec 13 19:51:46 PST 2009
Author: dcrowdy
Date: 2009-12-13 19:51:46 -0800 (Sun, 13 Dec 2009)
New Revision: 4068
Added:
arkaiv/trunk/arkaiv/public/arkaiv.css
Log:
Added new css file after work from Alex Mesker, and modified autohandler appropriately; also pulling prototype and scriptaculous libraries from Google
Added: arkaiv/trunk/arkaiv/public/arkaiv.css
===================================================================
--- arkaiv/trunk/arkaiv/public/arkaiv.css (rev 0)
+++ arkaiv/trunk/arkaiv/public/arkaiv.css 2009-12-14 03:51:46 UTC (rev 4068)
@@ -0,0 +1,312 @@
+ at charset "UTF-8";
+/* CSS Document */
+
+body {
+ font-family: Helvetica, Verdana, Arial, sans-serif;
+ font-size: small;
+ background-color: #efefef;
+ margin: 0;
+}
+
+h1 { text-shadow: 1px 1px 0px #FFFFFF; font-size: 30px; margin: 0; }
+h2 { text-shadow: 1px 1px 0px #FFFFFF; font-size: 24px; margin: 0; }
+h3 { text-shadow: 1px 1px 2px #FFFFFF; font-size: 18px; margin: 0 0 7px 0; }
+h4 { text-shadow: 1px 1px 1px #EEEEEE; font-size: 16px; margin: 0 0 7px 0; }
+h5 { text-shadow: 1px 1px 2px #000000; font-size: 14px; margin: 0 0 7px 0; padding-bottom: 4px; border-bottom: 1px dotted #9999AA; }
+
+a:link{
+ color: #369;
+}
+a:visited{
+ color: #00f;
+}
+a:hover{
+ color: #000;
+}
+a:active{
+ color: #666;
+}
+
+#content {
+ width: 980px;
+ margin: 0px auto 10px auto;
+}
+
+#description {
+ /*background-color: #33FFFF;*/
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -khtml-border-radius: 5px;
+ padding: 10px;
+ /*margin-top: -5px;*/
+ margin-bottom: 10px;
+}
+
+#navcontainer {
+ width: 976px;
+ padding: 1px 2px;
+ display: block;
+ background-color: #036;
+ text-shadow: 1px 1px 2px #000000;
+
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -khtml-border-radius: 5px;
+ margin-bottom: 10px;
+
+
+ box-shadow: 0px 0px 2px #333;
+ -moz-box-shadow: 0px 0px 2px #333;
+ -webkit-box-shadow: 0px 0px 2px #333;
+ -khtml-box-shadow: 0px 0px 2px #333;
+
+}
+
+
+
+#navcontainer ul {
+ padding-left: 0;
+ margin-left: 5px;
+ color: #fff;
+ /*height: 40px;*/
+ font-size: 18px;
+ /*width: 100%;*/
+ font-family: Helvetica, Verdana, Arial, sans-serif;
+}
+
+#navcontainer ul li {
+ display: inline;
+ padding: 0;
+ margin: 0;
+ /*margin-right: -5px;*/
+ /*float: left;*/
+}
+
+#navcontainer ul li a, #navcontainer ul li form {
+ padding: 0.7em 1em;
+ /* padding: 11px 15px; */
+ color: #fff;
+ text-decoration: none;
+ /*float: left;*/
+ /*border-right: 1px solid #fff;*/
+}
+
+#navcontainer ul li form input {
+ font-size: 10px;
+}
+
+#navcontainer ul li form {
+ display: inline;
+}
+
+
+#navlist {}
+
+#searchForm {
+ display: inline;
+}
+.searchpadding { /* unused */
+ padding: 0.6em 1em 0em 1em;
+/* padding: 10px 15px 11px 15px;*/
+ background-color: #036;
+ color: #fff;
+ text-decoration: none;
+ /*float: left;*/
+ border-right: 1px solid #fff;
+ width: 10px;
+}
+
+#navcontainer ul li a:hover, #navcontainer ul li form:hover {
+ background-color: #369;
+ color: #fff;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -khtml-border-radius: 5px;
+
+ box-shadow: 0px 0px 5px #333;
+ -moz-box-shadow: 0px 0px 5px #333;
+ -webkit-box-shadow: 0px 0px 5px #333;
+ -khtml-box-shadow: 0px 0px 5px #333;
+
+
+}
+
+#navcontainer ul li a:active {
+ background-color: #fb0;
+ color: #fff;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -khtml-border-radius: 5px;
+
+ box-shadow: 0px 0px 5px #333;
+ -moz-box-shadow: 0px 0px 5px #333;
+ -webkit-box-shadow: 0px 0px 5px #333;
+ -khtml-box-shadow: 0px 0px 5px #333;
+
+
+}
+
+
+
+#leftContent {
+ width: 650px;
+ padding: 10px;
+ margin-right: 10px;
+ font-family: sans-serif;
+ border: 0px solid #333;
+ margin: 0;
+ background-color: #ccc; /*#d3e0ea */
+/* padding: 5px 25px 25px 25px;*/
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -khtml-border-radius: 5px;
+ float: left;
+
+ box-shadow: 0px 0px 2px #333;
+ -moz-box-shadow: 0px 0px 2px #333;
+ -webkit-box-shadow: 0px 0px 2px #333;
+ -khtml-box-shadow: 0px 0px 2px #333;
+
+}
+#rightContent {
+ width: 280px;
+ padding: 10px;
+ margin-bottom: 10px;
+ float: right;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -khtml-border-radius: 5px;
+ background-color: #666666;
+ color: #ffffff;
+ font-size: 11px;
+
+ box-shadow: 1px 1px 5px #AAA;
+ -moz-box-shadow: 1px 1px 5px #AAA;
+ -webkit-box-shadow: 1px 1px 5px #AAA;
+ -khtml-box-shadow: 1px 1px 5px #AAA;
+
+}
+
+#clipContent {
+ width: 280px;
+ padding: 10px;
+ float: right;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -khtml-border-radius: 5px;
+ background-color: #666666;
+ color: #ffffff;
+ font-size: 11px;
+
+ box-shadow: 1px 1px 5px #AAA;
+ -moz-box-shadow: 1px 1px 5px #AAA;
+ -webkit-box-shadow: 1px 1px 5px #AAA;
+ -khtml-box-shadow: 1px 1px 5px #AAA;
+
+}
+
+#clipContent img {
+ border-radius: 2px;
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+ -khtml-border-radius: 2px;
+
+ box-shadow: 2px 2px 2px #333;
+ -moz-box-shadow: 2px 2px 2px #333;
+ -webkit-box-shadow: 2px 2px 2px #333;
+ -khtml-box-shadow: 2px 2px 2px #333;
+}
+
+#clipContent img:hover {
+ border-radius: 2px;
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+ -khtml-border-radius: 2px;
+
+ box-shadow: 2px 2px 2px #444;
+ -moz-box-shadow: 2px 2px 2px #444;
+ -webkit-box-shadow: 2px 2px 2px #444;
+ -khtml-box-shadow: 2px 2px 2px #444;
+}
+
+
+#video {
+ float: left;
+/* max-width: 350px*/
+ background-color: #dedede;
+ font-family: sans-serif;
+ font-size: small;
+ /*padding: 10px 20px 10px 40px;*/
+ padding: 8px;
+ margin: 0 10px 10px 0;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -khtml-border-radius: 5px;
+
+ box-shadow: 1px 1px 5px #888;
+ -moz-box-shadow: 1px 1px 5px #888;
+ -webkit-box-shadow: 1px 1px 5px #888;
+ -khtml-box-shadow: 1px 1px 5px #888;
+}
+#clips {
+ float: left;
+ width: 45%;
+ height: 500px;
+ overflow: scroll;
+ font-family: sans-serif;
+ font-size: small;
+ padding-left: 10px;
+}
+
+div.sourceinfo {
+ font-size: small;
+}
+
+h1.main {
+ width: 100%;
+ border-bottom: 1px solid #000;
+}
+
+#footer {
+ /*width: 100%;*/
+ margin-top: 10px;
+ padding: 10px;
+ font-size: 10px;
+ text-align: right;
+ background-color: #777777;
+ color: #EEEEEE;
+ /*border-top: 1px solid #000;*/
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -khtml-border-radius: 5px;
+
+ box-shadow: 0px 0px 2px #888;
+ -moz-box-shadow: 0px 0px 2px #888;
+ -webkit-box-shadow: 0px 0px 2px #888;
+ -khtml-box-shadow: 0px 0px 2px #888;
+}
+
+#footer a:link, #footer a:visited {
+ color: #EEEEEE;
+ font-weight: bold;
+ text-decoration: none;
+ text-shadow: 1px 1px 0px #000000;
+ border-bottom: 1px dotted #eeeeee;
+}
+#footer a:hover, #footer a:active {
+ color: #FFFFFF;
+ font-weight: bold;
+ text-decoration: underline;
+ text-decoration: none;
+ text-shadow: 1px 1px 0px #000000;
+ border-bottom: 1px solid #eeeeee;
+}
More information about the commits
mailing list