antville/antville
antville/antville
1
1
Fork 0
Code Issues 51 Pull requests 9 Projects Releases 9 Wiki Activity Actions

* Enabled color of skin controls and highlights to be set in user stylesheet

Browse source 
* Replaced custom color of form borders with value for color of small fonts
This commit is contained in:
Tobi Schäfer 2013-04-07 16:21:09 +00:00
parent 8a35fc0606
commit b7851bebec
3 changed files with 12 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
code/Root/$Root.skin
View file

@ -299,14 +299,6 @@ div.skin div.title {
.skin-edit-link {
padding: 2px;
background: #ccc;
color: #fff !important;
text-decoration: none !important;
}
<% #FIXME %>
<div class="boxline"> </div>
<div class="box">
<% root.link sites <% ngettext "{0} public site" "{0} public sites"
<% root.sites.size %> %> %>
</div>

15
code/Site/Site.skin
View file

@ -239,6 +239,7 @@ fieldset {
padding-top: 0px;
margin-top: 6px;
margin-bottom: 6px;
border: 1px solid <% value "small font color" %>;
}
p {
@ -323,23 +324,23 @@ a:hover {text-decoration: underline;}
.formTitle {
width: 380px;
font-family: <% value "base font size" %>;
font-family: <% value "big font" %>;
font-size: <% value "big font size" %>;
font-weight: bold;
border: 1px solid <% value "base font color" %>;
border: 1px solid <% value "small font color" %>;
}
.formText {
width: 380px;
font-family: <% value "base font size" %>;
font-family: <% value "base font" %>;
font-size: <% value "base font size" %>;
font-weight: normal;
border: 1px solid <% value "base font color" %>;
border: 1px solid <% value "small font color" %>;
}
.formWide {
width: 660px;
font-family: <% value "base font size" %>;
font-family: <% value "base font" %>;
font-size: <% value "base font size" %>;
font-weight: normal;
}
@ -450,3 +451,7 @@ span.pageNavSelItem {
.calendar .selected {
border: 1px solid <% value "link color" %>;
}
.skin.active, .skin-edit-link {
background: #ccc;
}

4
static/www/antville.js
View file

@ -71,9 +71,9 @@ function setLayoutMode(mode) {
href: $(this).data('href'),
title: 'Click to edit ' + $(this).data('name') + ' skin'
}).mouseover(function() {
$(this).parents('.skin').eq(0).css('background-color', '#ccc');
$(this).parents('.skin').eq(0).addClass('active');
}).mouseout(function() {
$(this).parents('.skin').eq(0).css('background-color', '');
$(this).parents('.skin').eq(0).removeClass('active');
}).html('Edit');
$(this).append(skinButton);
});