admingit/altocompta
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add aligned block

Browse source
This commit is contained in:
Dany De Bontridder 2014-11-30 13:01:49 +01:00
parent 5f767a43c2
commit c4458e1c95
4 changed files with 106 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

2
html/popup.php
View file

@ -77,7 +77,7 @@ load_all_script();
$str=$_SERVER['QUERY_STRING']."&div=popup";
$script="
var obj={'id':'popup','fixed':1,'class':'content',style:'width:auto','html':loading(),'qs':'$str',js_success:'success_box','js_error':null,'callback':'".$_GET['ajax']."'};
var obj={id:'popup',fixed:1,class:'content',style:'width:auto',html:loading(),qs:'$str',js_success:'success_box',js_error:null,callback:'".$_GET['ajax']."'};
show_box(obj);
";
echo create_script($script);

12
html/style-classic.css
View file

@ -1798,3 +1798,15 @@ input[type="button"].tinybutton {
padding : 3px;
}
/****************************************************************************
* Aligned button
****************************************************************************/
ul.aligned-block {
padding:5px;
display : block;
}
ul.aligned-block li {
display:table-cell;
padding : 10px;
list-style: none;
}

126
html/style-light.css
View file

@ -272,14 +272,15 @@ td.mtitle {
text-align:center;
width:250px;
height :30px;
background: rgb(206,220,231); /* Old browsers */
background: -moz-linear-gradient(top, rgba(206,220,231,1) 0%, rgba(89,106,114,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,220,231,1)), color-stop(100%,rgba(89,106,114,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */
color:darkslategrey;
/* background: rgb(206,220,231); Old browsers
background: -moz-linear-gradient(top, rgba(206,220,231,1) 0%, rgba(89,106,114,1) 100%); FF3.6+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,220,231,1)), color-stop(100%,rgba(89,106,114,1))); Chrome,Safari4+
background: -webkit-linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); Chrome10+,Safari5.1+
background: -o-linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); Opera 11.10+
background: -ms-linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); IE10+
background: linear-gradient(to bottom, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); IE6-9 */
color:#F7F8FC;
}
td.msubtitle {
@ -331,25 +332,10 @@ td.cell{
padding: 1px;
}
td.selectedcell{
background: rgb(96,108,136); /* Old browsers */
background: -moz-linear-gradient(top, rgba(96,108,136,1) 40%, rgba(63,76,107,1) 70%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(96,108,136,1)), color-stop(70%,rgba(63,76,107,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(96,108,136,1) 40%,rgba(63,76,107,1) 70%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(96,108,136,1) 40%,rgba(63,76,107,1) 70%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(96,108,136,1) 40%,rgba(63,76,107,1) 70%); /* IE10+ */
background: linear-gradient(to bottom, rgba(96,108,136,1) 40%,rgba(63,76,107,1) 70%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
font-weight: bold;
color:#FFFFFF;
text-align:center;
width:120px;
}
td.mtitle a.mtitle {
color : white;
font-variant: small-caps;
td.mtitle a.mtitle, div.content td.mtitle a.mtitle {
color:darkslategrey;
/* font-variant: small-caps;*/
}
a.mtitle {
text-decoration:none;
@ -399,20 +385,23 @@ tr.even:hover td
}
td.mtitle:hover
{
background: rgb(89,106,114); /* Old browsers */
background: -moz-linear-gradient(top, rgba(89,106,114,1) 0%, rgba(206,220,231,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(89,106,114,1)), color-stop(100%,rgba(206,220,231,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596a72', endColorstr='#cedce7',GradientType=0 ); /* IE6-9 */
/* background: rgb(89,106,114); Old browsers
background: -moz-linear-gradient(top, rgba(89,106,114,1) 0%, rgba(206,220,231,1) 100%); FF3.6+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(89,106,114,1)), color-stop(100%,rgba(206,220,231,1))); Chrome,Safari4+
background: -webkit-linear-gradient(top, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 100%); Chrome10+,Safari5.1+
background: -o-linear-gradient(top, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 100%); Opera 11.10+
background: -ms-linear-gradient(top, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 100%); IE10+
background: linear-gradient(to bottom, rgba(89,106,114,1) 0%,rgba(206,220,231,1) 100%); W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596a72', endColorstr='#cedce7',GradientType=0 ); IE6-9 */
color:#FFFFFF;
border-radius: 0;
border-width: 0;
background-color:blue;
border-radius: 0px;
border-width: 0px;
/* background-color:blue;*/
border-bottom-color: red;
border-bottom-style: solid;
border-bottom-width: 2px;
}
td.mtitle:hover a {
td.mtitle:hover a , div.content a.mtitle:hover {
background:transparent;
}
@ -535,12 +524,12 @@ div.content a.mtitle {
display:inline;
}
div.content a.mtitle:hover {
/*div.content a.mtitle:hover {
text-decoration:none;
display:inline;
background-color:#00008B;
color:#FFFFFF;
}
}*/
div.redcontent input.text {
font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
font-weight:normal;
@ -946,11 +935,42 @@ div.topmenu table {
}
div.topmenu td {
div.topmenu td, td.mtitle {
border-width:0px;
border-radius:0px;
border-bottom-color: #333030;
border-bottom-width: 2px;
border-bottom-style: solid;
}
div.menu2 td, div.menu2 td.mtitle {
border-width:1px;
border-bottom-color: #333030;
border-bottom-width: 2px;
border-bottom-style: solid;
border-style: 1px;
border-color: #5D90CD;
border-radius : 5px 5px 0px 0px;
background: white;
}
div.menu2 td.selectedcell a.mtitle,div.content div.menu2 td.selectedcell a.mtitle
{
color : red;
}
div.topmenu td.selected,td.selectedcell{
border-radius: 2px 50px 0px 16px;
background: rgb(96,108,136); /* Old browsers */
background: -moz-linear-gradient(top, rgba(96,108,136,1) 40%, rgba(63,76,107,1) 70%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(96,108,136,1)), color-stop(70%,rgba(63,76,107,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(96,108,136,1) 40%,rgba(63,76,107,1) 70%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(96,108,136,1) 40%,rgba(63,76,107,1) 70%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(96,108,136,1) 40%,rgba(63,76,107,1) 70%); /* IE10+ */
background: linear-gradient(to bottom, rgba(96,108,136,1) 40%,rgba(63,76,107,1) 70%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
font-weight: bold;
color:#FFFFFF;
text-align:center;
width:120px;
}
#dossier h2{
color:#00008B;
@ -1686,11 +1706,11 @@ div.content a.tinybutton,input[type="button"].tinybutton {
border-radius: 2px;
display : inline;
}
div.content td.mtitle a.mtitle {
color : white;
font-variant: small-caps;
/*div.content td.mtitle a.mtitle {
color:darkslategrey;
// font-variant: small-caps;
background-color: inherit;
}
}*/
/*******************************************************************************
Image Search
*******************************************************************************/
@ -1704,3 +1724,15 @@ div.content td.mtitle a.mtitle {
background: grey;
}
/****************************************************************************
* Aligned button
****************************************************************************/
ul.aligned-block {
padding:5px;
display : block;
}
ul.aligned-block li {
display:table-cell;
padding : 10px;
list-style: none;
}

15
html/style-mandarine.css
View file

@ -288,7 +288,7 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac695', end
border:0px;
border-radius:5px;
font-weight: bold;
/* font-weight: bold;*/
}
td.mtitle a.mtitle {
color:whitesmoke;
@ -1579,6 +1579,19 @@ hr {
border-style:solid;
margin-left: 12.5%
}
/****************************************************************************
* Aligned button
****************************************************************************/
ul.aligned-block {
padding:5px;
display : block;
}
ul.aligned-block li {
display:table-cell;
padding : 10px;
list-style: none;
}
/****************************************************************************
* Tabs
****************************************************************************/