dani/lemonldap-ng
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adapt CSS for application list, skin pastel (#29)

Browse Source
This commit is contained in:
Clément Oudot 2010-09-20 12:35:24 +00:00
parent 36a1674c09
commit fecc9cc332
2 changed files with 48 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

82
modules/lemonldap-ng-portal/example/skins/pastel/css/styles.css
View File

@ -157,7 +157,7 @@ form input[name=openid_identifier] {
width: 300px;
}
/* Application list (JQuery tabs) */
/* JQuery tabs */
.ui-tabs-hide {
display:none;
@ -187,68 +187,58 @@ li.ui-tabs-selected{
background-color:#E6EFC2;
}
/* Application list */
#appslist{
padding: 10px;
}
ul.cat-level-0 {
float:left;
width:200px;
background-color:#dff4ff;
.clearfix {
clear:both;
}
div.category {
border:1px solid #c2e1ef;
-moz-box-shadow:0 3px 6px rgba(0, 0, 0, 0.25);
-moz-border-radius:10px 10px 10px 10px;
margin:10px 50px;
padding:0;
clear:both;
}
ul.category {
text-align:center;
}
ul.category li.catname span {
display:block;
div.category h3.catname {
background-color:#dff4ff;
color:#336699;
font-weight:bold;
border-bottom:1px solid #c2e1ef;
}
ul.category li.appname {
text-align:left;
margin:2px 0;
background-color:#fff;
list-style-type:none;
background-repeat:no-repeat;
background-position:0 2px;
padding:2px 5px 2px 20px;
background-image:url("../../common/bullet_go.png");
}
ul.category li.appname span {
color:#336699;
font-size:10pt;
border:0;
}
div.appsdesc {
display:none;
overflow:hidden;
margin:30px 50px 30px 230px;
-moz-border-radius:10px 10px 0 0;
margin:0;
padding:10px;
background-color:#dff4ff;
border:1px solid #c2e1ef;
}
html>body div.appsdesc {
position:fixed;
div.application {
margin:10px;
padding:5px;
float:left;
width:30%;
}
div.appsdesc img {
float:right;
div.application img.applogo {
width:32px;
height:32px;
float:left;
}
div.appsdesc p.appname{
font-size:16pt;
font-variant:small-caps;
div.application h4.appname {
text-align:left;
padding:0 5px;
margin:0 0 0 40px;
}
div.appsdesc p.appdesc{
div.application p.appdesc {
text-align:left;
padding:0 5px;
margin:0 0 0 40px;
text-size:8pt;
color:#aaa;
font-style:italic;
}

20
modules/lemonldap-ng-portal/example/skins/pastel/menu.tpl
View File

@ -46,7 +46,7 @@
<!-- Category -->
<div class="category cat-level-<TMPL_VAR NAME="catlevel">">
<p class="catname"><TMPL_VAR NAME="catname"></p>
<h3 class="catname"><TMPL_VAR NAME="catname"></h3>
<TMPL_IF applications>
<!-- Applications -->
@ -65,11 +65,11 @@
</TMPL_IF>
<!-- Name and link (mandatory) -->
<p class="appname <TMPL_VAR NAME="appid">">
<a href="<TMPL_VAR NAME="appurl">" alt="<TMPL_VAR NAME="appname">">
<h4 class="appname <TMPL_VAR NAME="appid">">
<a href="<TMPL_VAR NAME="appuri">" alt="<TMPL_VAR NAME="appname">">
<TMPL_VAR NAME="appname">
</a>
</p>
</h4>
<!-- Logo (optional) -->
<TMPL_IF NAME="appdesc">
@ -78,6 +78,7 @@
</p>
</TMPL_IF>
<div class="clearfix"></div>
</div>
<!-- End of applications loop -->
@ -89,7 +90,7 @@
<TMPL_LOOP NAME=categories>
<div class="category cat-level-<TMPL_VAR NAME="catlevel">">
<p class="catname"><TMPL_VAR NAME="catname"></p>
<h3 class="catname"><TMPL_VAR NAME="catname"></h3>
<TMPL_IF applications>
<!-- Applications in sub category -->
@ -108,11 +109,11 @@
</TMPL_IF>
<!-- Name and link (mandatory) -->
<p class="appname <TMPL_VAR NAME="appid">">
<a href="<TMPL_VAR NAME="appurl">" alt="<TMPL_VAR NAME="appname">">
<h4 class="appname <TMPL_VAR NAME="appid">">
<a href="<TMPL_VAR NAME="appuri">" alt="<TMPL_VAR NAME="appname">">
<TMPL_VAR NAME="appname">
</a>
</p>
</h4>
<!-- Logo (optional) -->
<TMPL_IF NAME="appdesc">
@ -121,18 +122,21 @@
</p>
</TMPL_IF>
<div class="clearfix"></div>
</div>
<!-- End of applications loop -->
</TMPL_LOOP>
</TMPL_IF>
<div class="clearfix"></div>
</div>
<!-- End of sub categories loop -->
</TMPL_LOOP>
</TMPL_IF>
<div class="clearfix"></div>
</div>
<!-- End of categories loop -->