plugin detection created as a widget; can't tell yet if swarmplayer is installed

[living-lab-site.git] / css / default.css

diff --git a/css/default.css b/css/default.css
index c5be6b3..e1abafa 100644 (file)
--- a/css/default.css
+++ b/css/default.css
@@ -3,7 +3,7 @@ body
        margin: 0;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 75%;
-       background: white url('/devel/img/bg.png') repeat-x left 90px;
+       background: white url('/devel/img/bg.png') repeat-x left 88px;
 }
 
 a:link
@@ -26,6 +26,26 @@ h1
        margin-bottom: 8px;
 }
 
+.inline
+{
+       vertical-align: middle;
+}
+
+.container-install
+{
+       width: 192px;
+       margin: 0 auto;
+       margin-top: 8px;
+       margin-bottom: 8px;
+}
+.container-install-in-widget
+{
+       width: 320px;
+       margin: 0 auto;
+       margin-top: 8px;
+       margin-bottom: 8px;
+}
+
 #nav-menu
 {/*
        left: 0;
@@ -49,7 +69,7 @@ h1
 #nav-menu a:link, #nav-menu a:visited
 {
        display: block;
-       height: 14px;
+       height: 12px;
        color: white;
        text-align: center;
        line-height: 100%;
@@ -58,18 +78,26 @@ h1
        padding-bottom: 5px;
        padding-left: 16px;
        padding-right: 16px;
+       border: 1px solid transparent;
        text-decoration: none;
 }
+#nav-menu a:hover
+{
+       background-color: rgb(90,148,216);
+       border: 1px outset rgb(0,90,192);
+}
+#nav-menu a:active
+{
+       background-color: rgb(90,148,216);
+       border: 1px inset rgb(60,128,208);
+}
 #nav-menu a.selected
 {
        background-color: rgb(60,128,208);
+       border: 1px inset rgb(60,128,208);
        color: #FFE4B5;
        font-weight: bold;
 }
-#nav-menu a:hover, #nav-menu a:active
-{
-       background-color: rgb(90,148,216);
-}
 
 #header
 {
@@ -78,9 +106,9 @@ h1
        top: 24px;
        left: 0;
        width: 100%;*/
-       height: 64px;
+       height: 62px;
        background: #e5ecf5;
-       border-bottom: 2px ridge rgb(60,128,208);
+       border: 1px outset #e5ecf5;
 }
 
 #logo
@@ -111,22 +139,71 @@ h1
        /*position: absolute;
        top: 90px;
        width: 100%;*/
-       margin: 12px;
+       /* padding: 12px; */
+       margin: 0 auto;
+       width: 1024px;
+       text-align: justify;
+}
+
+#main h1
+{
+       font-size:18px;
+       font-weight: bold;
+       color: #000D60;
+       text-align: left;
+       padding: 0px 0px 0px 8px;
+       margin: 8px 0px 8px 0px;
+       background: url(/devel/img/header.png) top repeat-x;
+       outline: 1px outset rgb(108,162,222);
+       clear: both;
+}
+
+#main table
+{
+       width: 100%;
+       border-collapse: collapse;
+}
+#main th, #main td
+{
+       /* border: 1px solid rgb(108,162,222); */
+       vertical-align: top;
+}
+#main table img
+{
+       vertical-align: middle;
+}
+
+#main dt
+{
+       font-weight: bold;
+       margin-top: 1em;
+       margin-bottom: 0.5em;
 }
 
 #content
 {
        float: left;
-       width: 616px;
+       width: 752px;
+       margin: 8px;
+       /* outline: 2px outset gray; */
+}
+
+#side
+{
+       float: right;
+       width: 240px;
+       margin: 8px;
+       /* outline: 2px outset gray; */
 }
 
 #footer
 {
        clear: both;
-       border-top: 2px ridge rgb(60,128,208);
-       padding-top: 8px;
-       padding-bottom: 8px;
+       border: 1px outset #e5ecf5;
+       padding-top: 0.5em;
+       padding-bottom: 0.4em;
        background: #e5ecf5;
+       font-size: 0.9em;
        text-align: center;
 }