[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
[Noalyss-commit] [noalyss] 01/04: Add aligned block
|
From: |
Dany De Bontridder |
|
Subject: |
[Noalyss-commit] [noalyss] 01/04: Add aligned block |
|
Date: |
Sun, 30 Nov 2014 12:04:20 +0000 |
sparkyx pushed a commit to branch master
in repository noalyss.
commit c4458e1c953eca228055b19436799423f9d75427
Author: Dany De Bontridder <address@hidden>
Date: Sun Nov 30 13:01:49 2014 +0100
Add aligned block
---
html/popup.php | 2 +-
html/style-classic.css | 12 ++++
html/style-light.css | 128 ++++++++++++++++++++++++++++-----------------
html/style-mandarine.css | 15 +++++-
4 files changed, 107 insertions(+), 50 deletions(-)
diff --git a/html/popup.php b/html/popup.php
index 76fd020..b3efc0b 100644
--- a/html/popup.php
+++ b/html/popup.php
@@ -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);
diff --git a/html/style-classic.css b/html/style-classic.css
index 8288f07..05b0f7a 100644
--- a/html/style-classic.css
+++ b/html/style-classic.css
@@ -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;
+}
\ No newline at end of file
diff --git a/html/style-light.css b/html/style-light.css
index a4d32f6..cc45ea7 100644
--- a/html/style-light.css
+++ b/html/style-light.css
@@ -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;
-}
-td.mtitle:hover a {
+ 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 , 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;
+}
\ No newline at end of file
diff --git a/html/style-mandarine.css b/html/style-mandarine.css
index 737ff13..1adedc8 100644
--- a/html/style-mandarine.css
+++ b/html/style-mandarine.css
@@ -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
****************************************************************************/