Changeset 235

Timestamp:

01/05/09 15:37:49 (4 years ago)

Author:

samuraraujo

Message:

 

Files:

• Explorator/trunk/public/stylesheets/explorator.css (modified) (47 diffs)

Explorator/trunk/public/stylesheets/explorator.css

@@ -3 +3 @@
  */
 body {
-         background-color: #efefef;
-}
+    background-color: #efefef;
+}
+
 h1 {
     font-family: Arial, Helvetica, sans-serif;
@@ -16 +17 @@
     border: 1px solid #efefef;
 }
+
 /**********************************************************************************/
 /*********************************************************************************
  * ****************************** HELP INTERFACE **********************
  * this section contains the css for the help interface.
- */
-.help_container {
+ */ .help_container {
     position: fixed;
     width: 100%;
@@ -34 +35 @@
     font-family: Arial, Helvetica, sans-serif;
 }
+
 /**********************************************************************************/
 /*********************************************************************************
  * ****************************** CSS BEHAVIOUR  **********************
  * This section defines some css rules that does some interface elements appear on mouse over (hover).
- */
-.resourceuioperations div {
+ */ .resourceuioperations div {
     font-weight: bold;
     font-size: 12px;
@@ -52 +53 @@
     margin-bottom: 0px;
     background-color: #efefef;
-}
-
-.expand div {
+} .expand div {
     font-weight: bold;
     font-size: 12px;
@@ -78 +77 @@
     float: right;
 }
+
 /*****************************************************************************
  * ******************************* RDF RELATED FORMATTING ********************
  *
  */
-/* Format a resource*/
-.resource {
+/* Format a resource*/ .resource {
     overflow: hidden;
     margin-bottom: 2px;
@@ -106 +105 @@
     color: black;
     text-decoration: underline;
-}
-
-.properties {
+} .properties {
     margin: 10px;
-}
-
-.objects {
+} .objects {
     border: 2px solid #999;
     margin: 10px;
     padding: 5px;
     background-color: transparent;
-}
-
-.predicate {
+} .predicate {
     float: none;
     border: 1px dashed #8FBC8F;
     font-size: 14px;
     text-align: left;
-}
-
-.object {
+} .object {
     text-align: left;
     float: none;
@@ -135 +126 @@
     margin: 10px;
 }
+
 /**
  * Facets
- */
-.facetgroupwindow div.window {
+ */ .facetgroupwindow div.window {
     margin: 5px;
     top: 0px;
-}
-
-.facetgroupwindow {
+} .facetgroupwindow {
     background-color: #efefef;
     font-family: Arial, Helvetica, sans-serif;
@@ -152 +141 @@
     top: 40px;
     position: relative;
-}
-
-.term {
+} .term {
     background-color: #dcdcdc;
     border: 2px ridge #708090;
     font-weight: bold;
-}
-
-.cardinality {
-    font-size: 12px;
-    font-weight: bold;
-}
-
-.class {
+} .cardinality {
+    font-size: 12px;
+    font-weight: bold;
+} .class {
     /*border: 1px solid #9AC0CD;*/
     color: blue;
     font-style: normal;;
     font-weight: bold;
-}
-
-.property {
+} .property {
     color: green;
     /* border: 1px solid #8FBC8F;*/
     font-weight: bold;
-}
-
-.string {
+} .string {
     font-size: 90%;
     font-family: georgia, serif;
     color: #8B4513;
-}
-
-.inverse {
+} .inverse {
     text-align: right;
 }
+
 /*********************************************************************************
  * ****************************** USER INTERFACE FORMATTING **********************
@@ -205 +183 @@
     background-color: transparent;
 }
-/*an window representing a configuration screen*/
-.config {
+
+/*an window representing a configuration screen*/ .config {
     font-family: Arial, Helvetica, sans-serif;
     float: left;
@@ -223 +201 @@
     background-color: #fefefe;
 }
-/*format the window ui component*/
-.window {
+
+/*format the window ui component*/ .window {
     font-family: Arial, Helvetica, sans-serif;
     float: left;
@@ -241 +219 @@
     width: 350px;
 }
-/* CSS for the window toolbar */
-.windowtoolbar {
+
+/* CSS for the window toolbar */ .windowtoolbar {
     padding: 8px;
     background-color: #efefef;
@@ -248 +226 @@
     margin-bottom: 3px;
 }
-/*css for each operation widgets*/
-.windowtoolbar div {
+
+/*css for each operation widgets*/ .windowtoolbar div {
     font-weight: bold;
     font-size: 12px;
@@ -261 +239 @@
     border: 2px solid #fff;
     margin-bottom: 0px;
-}
-
-.windowtoolbar div:hover {
+} .windowtoolbar div:hover {
     background-color: white;
 }
@@ -270 +246 @@
     width: 40px;
 }
+
 /****************************************/
-/* CSS for the window header */
-.windowheader {
+/* CSS for the window header */ .windowheader {
     font-weight: bold;
     padding: 4px 4px 4px 4px;
@@ -278 +254 @@
     background-color: #efefef;
     margin-bottom: 3px;
-}
-
-.windowtitle {
+} .windowtitle {
     z-index: 9;
     position: absolute;
-}
-
-#resname {
+} #resname {
     height: 25px;
-}
-
-.winoperations {
+} .winoperations {
     background: inherit;
     z-index: 10;
@@ -295 +265 @@
     right: 12px;
 }
-/*The button on the window header.*/
-.winoperations div {
+
+/*The button on the window header.*/ .winoperations div {
     font-weight: bold;
     font-size: 12px;
@@ -308 +278 @@
     margin-bottom: 0px;
 }
-/****** pagination css.*/
-.pagination {
+
+/****** pagination css.*/ .pagination {
     font-weight: bold;
     font-size: 12px;
@@ -321 +291 @@
     border: 1px solid #cccccc;
 }
+
 /********************
  * Loading Window
@@ -337 +308 @@
     left: 50%;
     border: 2px solid #cccccc;
-}
-
-.filterwindow {
+} .filterwindow {
     float: left;
     margin-left: 14px;
@@ -351 +320 @@
     background-color: #fefefe;
 }
+
 /*****************************************************************************
  ******************************** TOOL TIP FORMATTING ***********************
@@ -357 +327 @@
     display: none; /* so is this */
 }
+
 /* tooltip will display on :hover event */
 span.tool:hover span.exp {
@@ -374 +345 @@
     text-align: left;
 }
+
 /*The css below are used in the tool tip feature*/
 span.tool {
@@ -382 +354 @@
     display: none; /* so is this */
 }
+
 /* tooltip will display on :hover event */
 span.tool:hover span.tip {
@@ -400 +373 @@
     text-align: left;
 }
+
 /*
  *   Landmaks layout definition
- */
-
-.landmarks {
-    font-family: Arial, Helvetica, sans-serif;
-    float: left;
-    position: absolute;
-    top: 0px;
+ */ .landmarks {
+    font-family: Arial, Helvetica, sans-serif;
+    float: left;
+    
+    top: 33px;
     left: 0px;
     width: 100%;
     background-color: #fff;
-    left: 0px;
     font-weight: bold;
     font-size: 12px;
     color: #777;
-    z-index: 14;
+    z-index: 19;
     border-bottom: 1px solid #afafaf;
-    padding-bottom: 0.5em;
+
+    padding-bottom: 0.3em;
     position: fixed;
-}
-
-.landmark {
+} .landmark {
     float: left;
     margin-left: 6px;
@@ -432 +402 @@
 }
 
-div.searchform {
-    margin-left: 6px;
-    margin-top: 8px;
-}
-
-#submit {
+#searchform {
+        border: 1px solid #afafaf;
+    float: left;
+ padding-top:4px;
+ padding-left:4px;
+ height:29px;
+        left:0px;
+        top:0px;
+        position:fixed;
+    background:white;
+        width:100%;
+        z-index:21;
+         
+} #submit {
     margin-left: 0.5em;
 }
+
 /************************************************************************************
  * Operation model -css for the operation widgets
- */
-.toolbars {
+ */ .toolbars {
     float: right;
-}
-
-.toolbar {
+} .toolbar {
     float: left;
     margin-left: 12px;
@@ -453 +429 @@
     border: 1px solid #4f94cd;
     padding: 3px;
-}
-
-.toolbar div {
+} .toolbar div {
     float: left;
     padding: 4px;
@@ -490 +464 @@
     width: 48px;
 }
+
 /*************************************************8
  * CSS for forms' elements and search form.
- */
-.searchform {
-    z-index: 150;
-    float: left;
-    margin-left: 30em;
-}
-
+ */  
 input {
     padding: 3px;
@@ -525 +494 @@
 }
 
-input[type =button]{
+input[type = button] {
     padding: 2px;
     background-color: #4f94cd;
@@ -531 +500 @@
     border: 1px outset #4f94cd;
 }
-input[type =submit] {
+
+input[type = submit] {
     padding: 2px;
     background-color: #4f94cd;
@@ -537 +507 @@
     border: 1px outset #4f94cd;
 }
+
 /*********************************************************************************
  
@@ -579 +550 @@
     border-width: 2px;
 }
+
 /************************************************************
  * Main Menu CSS
@@ -586 +558 @@
     float: left;
     margin-top: 0.75em;
-    
+                z-index:16;
+ 
+     
 }
 
@@ -594 +568 @@
     padding: 0;
     width: 12em;
+        z-index:16;
 }
 
@@ -603 +578 @@
     border-color: #4f94cd;
     margin: 0;
+                z-index:16;
     padding: 2px 3px;
 }
@@ -610 +586 @@
     background: #4f94cd;
     text-transform: uppercase;
+                z-index:16;
 }
 
@@ -616 +593 @@
     background: #efefef;
     text-decoration: none;
+                z-index:16;
 }
 
@@ -625 +603 @@
 div#mainmenu li {
     position: relative;
+                z-index:16;
 }
 
@@ -636 +615 @@
     top: 0;
     left: 100%;
+                z-index:16;
 }
 
@@ -645 +625 @@
     display: block;
 }
+
 /************************************************************
  * Subject View Menu CSS
  ************************************************************/
-/* menu como um todo */
-.subjmenu {
+/* menu como um todo */ .subjmenu {
     padding: 0;
     margin: 0;
@@ -655 +635 @@
     visibility: hidden
 }
-/* coluna do menu */
-.subjmenu li {
+
+/* coluna do menu */ .subjmenu li {
     margin: 0;
     margin-right: -21px;
@@ -671 +651 @@
     background-color: #ccc;
 }
-/* titulo da coluna */
-.subjmenu li a {
+
+/* titulo da coluna */ .subjmenu li a {
     width: 7px;
     border: none;
@@ -679 +659 @@
     z-index: 10000000;
 }
-/* conteudo da coluna como um todo */
-.subjmenu div {
+
+/* conteudo da coluna como um todo */ .subjmenu div {
     position: absolute;
     visibility: hidden;
@@ -692 +672 @@
     z-index: 10000000;
 }
-/* elemento da coluna */
-.subjmenu div a {
+
+/* elemento da coluna */ .subjmenu div a {
     position: relative;
     display: block;
@@ -705 +685 @@
     font: 11px arial;
     border-bottom: 1px solid #ccc
-}
-
-.subjmenu div a:hover {
+} .subjmenu div a:hover {
     background: #49A3FF;
     color: #FFF
-}
-
-.arrow {
+} .arrow {
     margin-left: -7px;
     margin-top: 2px;
 }
+
 /* ----------------------------------- */
-/* menu como um todo */
-.instances {
+/* menu como um todo */ .instances {
     padding: 0px 3px 0px 3px;
     font-size: 11px;
@@ -725 +701 @@
     border: 1px solid #afafaf;
     text-align: center;
-}
-
-.bluebackground {
+} .bluebackground {
     background-color: blue;
     color: white;
-}
-
-._show div {
+} ._show div {
     margin-top: 2px;
     width: 8px;
@@ -738 +710 @@
     border: 1px solid #333;
     border-top: 2px solid #333;
-}
-
-._hide div {
+} ._hide div {
     margin-top: 2px;
     width: 10px;
@@ -746 +716 @@
     border: 0px solid #333;
     border-top: 2px solid #333;
-}
-
-.tecweb {
-  margin-top:4px;
-        margin-left:9px;
-}
-.logo{
-        margin-top:8px;
-        margin-left:9px;
-        margin-right:55px;
-}
+} .tecweb {
+    margin-top: 4px;
+    margin-left: 9px;
+} .logo {
+    margin-top: 8px;
+    margin-left: 9px;
+    margin-right: 55px;
+}