Bouton tinybutton
This commit is contained in:
Dany De Bontridder
parent
197cb13f41
commit
7bcaa56173
3 changed files with 119 additions and 12 deletions
|
|
@ -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
|
||||
*******************************************************************************/
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue