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; width: 300px;
} }
/* Application list (JQuery tabs) */ /* JQuery tabs */
.ui-tabs-hide { .ui-tabs-hide {
display:none; display:none;
@ -187,68 +187,58 @@ li.ui-tabs-selected{
background-color:#E6EFC2; background-color:#E6EFC2;
} }
/* Application list */
#appslist{ #appslist{
padding: 10px; padding: 10px;
} }
ul.cat-level-0 { .clearfix {
float:left; clear:both;
width:200px; }
background-color:#dff4ff;
div.category {
border:1px solid #c2e1ef; 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 { div.category h3.catname {
text-align:center; background-color:#dff4ff;
}
ul.category li.catname span {
display:block;
color:#336699; color:#336699;
font-weight:bold; -moz-border-radius:10px 10px 0 0;
border-bottom:1px solid #c2e1ef; margin:0;
}
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;
padding:10px; padding:10px;
background-color:#dff4ff;
border:1px solid #c2e1ef;
} }
html>body div.appsdesc { div.application {
position:fixed; margin:10px;
padding:5px;
float:left;
width:30%;
} }
div.appsdesc img { div.application img.applogo {
float:right; width:32px;
height:32px;
float:left;
} }
div.appsdesc p.appname{ div.application h4.appname {
font-size:16pt; text-align:left;
font-variant:small-caps; 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; font-style:italic;
} }

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

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