[Noalyss-commit] [noalyss] 10/12: Bouton tinybutton

[Dany De Bontridder]

sparkyx pushed a commit to branch master
in repository noalyss.

commit 7bcaa56173ebb79ff349048aaf671dc526d4fc9c
Author: Dany De Bontridder <address@hidden>
Date:   Sat Nov 29 14:05:23 2014 +0100

    Bouton tinybutton
---
 html/style-classic.css   |   22 +++++++++++-
 html/style-light.css     |   25 +++++++++++--
 html/style-mandarine.css |   84 ++++++++++++++++++++++++++++++++++++++++++----
 3 files changed, 119 insertions(+), 12 deletions(-)

diff --git a/html/style-classic.css b/html/style-classic.css
index 9294d25..8288f07 100644
--- a/html/style-classic.css
+++ b/html/style-classic.css
@@ -2,7 +2,7 @@
 
 BODY {
     font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
-    padding: 1x;
+    padding : 0px;
     margin:0px;
     color:#0000FF; 
     font-size:100%;
@@ -1763,6 +1763,26 @@ div.content a.tinybutton{
     border-radius: 2px; 
     display : inline;
 }
+input[type="button"].tinybutton {
+     color: blue;
+    font-weight: bold;
+    text-decoration: none;
+    font-family: arial,verdana,sans-serif,helvetica;
+    font-size: 8px;
+    font-size: 0.7rem;
+    padding-bottom: 0px;
+    padding-top: 0px;
+    padding-right: 0px;
+    padding-left: 0px;
+    margin-top: 3px;
+    cursor: pointer;
+    margin: 1px 2px 1px 2px;
+    border-width: 1px;
+    border-style: solid;
+    border-color: blue;
+    border-radius: 2px; 
+    display : inline;
+}
 
/*******************************************************************************
  Image Search
 
*******************************************************************************/
diff --git a/html/style-light.css b/html/style-light.css
index 5442bac..a4d32f6 100644
--- a/html/style-light.css
+++ b/html/style-light.css
@@ -8,6 +8,10 @@ BODY {
     color:#605D5D;
     font-size:100%;
 }
+*|*:link {
+    color: inherit;
+}
+
 .notice {
     color:#FF0000;
     font-style: italic;
@@ -300,8 +304,18 @@ span.even {
 tr.odd {
     background-color: #F1F1F1;
 }
+/******************************************************************************
+ * Hightlight row in a table 
+ 
******************************************************************************/
+
 tr.highlight {
     font-weight: bold;
+    background:darkblue;
+    color:white;
+    
+}
+tr.highlight a {
+    color:white;
 }
 tr.even {
     background-color: #F7F8FC;
@@ -999,11 +1013,13 @@ box-shadow: 10px 10px 5px #888;
 font-size:14.4px;
 font-size:0.90rem;
 }
+
 @media only screen and (min-width: 1281px) {
 div.inner_box  {
-    width: 55%;
+    width: 85%;
     }
 }
+
 @media only screen and (max-width: 1280px) {
 div.inner_box  {
     width: 95%;
@@ -1102,7 +1118,8 @@ span.remain {
     #predef_form {
         margin-left:20%;
         width:60%;
-        position: absolute;
+        position:absolute;
+        z-index:2
     }
 }
 @media only screen and (max-width: 955px) {
@@ -1646,7 +1663,7 @@ table.vert_mtitle td:hover a{
 
/*******************************************************************************
  *  Tiny button example : -X for remove action, remove link...
  
*******************************************************************************/
-div.content a.tinybutton{
+div.content a.tinybutton,input[type="button"].tinybutton {
     color: red;
     font-weight: bold;
     text-decoration: none;
@@ -1686,4 +1703,4 @@ div.content td.mtitle a.mtitle {
     vertical-align: top;
     background: grey;
 }
-    
\ No newline at end of file
+    
diff --git a/html/style-mandarine.css b/html/style-mandarine.css
index b5b1f6e..737ff13 100644
--- a/html/style-mandarine.css
+++ b/html/style-mandarine.css
@@ -245,7 +245,7 @@ table.document th{
 table.mtitle {
     border:0px;
     text-align:center;
-    min-width: 75%;   
+    /* min-width: 75%; */   
 }
 td.mshort {
     height:15px;
@@ -257,7 +257,7 @@ td.mshort {
 }
 td.mtitle {
     text-align:center;
-    max-width:100px;
+    /* max-width:100px; */
     height :20px;
     background: rgb(255,100,86); /* Old browsers */
 /*background: -moz-linear-gradient(top, rgba(255,100,86,1) 11%, 
rgba(207,4,4,1) 67%);  FF3.6+ 
@@ -341,7 +341,7 @@ td.selectedcell{
     background:#FFA268;
     color:#FFFFFF;
     text-align:center;
-    max-width:50%;
+    /* max-width:50%; */
     width: 10rem;
     border-radius:5px;
 }
@@ -1646,7 +1646,7 @@ div.menu2 table.mtitle td.mtitle {
     border:0px;
     background:inherit;
     color:white;
-    width: 10rem;
+    /* width: 10rem; */
     border-spacing: 12px;
     border-bottom: 2px #E95353 solid;
     border-radius: 0px;
@@ -1707,9 +1707,6 @@ div.content a.tinybutton{
     font-weight: bold;
     text-decoration: none;
     font-family: arial,verdana,sans-serif,helvetica;
-   /* background-image: url("image/bg-submit2.gif");
-    background-repeat: repeat-x;
-    background-position: left; */
     font-size: 8px;
     font-size: 0.7rem;
     padding-bottom: 0px;
@@ -1724,4 +1721,77 @@ div.content a.tinybutton{
     border-color: blue;
     border-radius: 2px; 
     display : inline;
+}
+input[type="button"].tinybutton {
+     color: red;
+    font-weight: blue;
+    text-decoration: none;
+    font-family: arial,verdana,sans-serif,helvetica;
+    font-size: 8px;
+    font-size: 0.7rem;
+    padding-bottom: 0px;
+    padding-top: 0px;
+    padding-right: 0px;
+    padding-left: 0px;
+    margin-top: 3px;
+    cursor: pointer;
+    margin: 1px 2px 1px 2px;
+    border-width: 1px;
+    border-style: solid;
+    border-color: blue;
+    border-radius: 2px; 
+    display : inline;
+}
+/*******************************************************************************
+ Image Search
+*******************************************************************************/
+.image_search {
+    cursor:pointer;
+    width:16px;
+    height:16px;
+    vertical-align: top;
+     border-radius: 2px;
+
+    border-width: 1px;
+    border-color: #6D3F2E;
+    background: #feccb1; /* Old browsers */
+background: -moz-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, 
#fb955e 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, 
color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507), 
color-stop(100%,#fb955e)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 
51%,#fb955e 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 
100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 
51%,#fb955e 100%); /* IE10+ */
+background: linear-gradient(to bottom, #feccb1 0%,#f17432 50%,#ea5507 
51%,#fb955e 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', 
endColorstr='#fb955e',GradientType=0 ); /* IE6-9 */
+  
+  padding : 3px;
+  
+}
+/******************************************************************************
+ * Hightlight row in a table 
+ 
******************************************************************************/
+tr.highlight{
+    font-weight: bolder;
+    font-size:14px;
+    background-color: orangered;
+    color:white !important;
+    border-width:  0px;
+    border-style: solid;
+    border-color: inherit;
+}
+tr.highlight a{
+    color:white !important;
+    
+}
+div.topmenu a.mtitle{
+    font-size:13.6px;
+    font-size:0.85rem;
+    color:white;
+}
+div.menu2 a.mtitle{
+    font-size:13.6px;
+    font-size:0.85rem;
+    color:white;
+}
+*|*:link {
+    color: inherit;
 }
\ No newline at end of file