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 { .skin-edit-link {
padding: 2px; padding: 2px;
background: #ccc;
color: #fff !important; color: #fff !important;
text-decoration: none !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; padding-top: 0px;
margin-top: 6px; margin-top: 6px;
margin-bottom: 6px; margin-bottom: 6px;
border: 1px solid <% value "small font color" %>;
} }
p { p {
@ -323,23 +324,23 @@ a:hover {text-decoration: underline;}
.formTitle { .formTitle {
width: 380px; width: 380px;
font-family: <% value "base font size" %>; font-family: <% value "big font" %>;
font-size: <% value "big font size" %>; font-size: <% value "big font size" %>;
font-weight: bold; font-weight: bold;
border: 1px solid <% value "base font color" %>; border: 1px solid <% value "small font color" %>;
} }
.formText { .formText {
width: 380px; width: 380px;
font-family: <% value "base font size" %>; font-family: <% value "base font" %>;
font-size: <% value "base font size" %>; font-size: <% value "base font size" %>;
font-weight: normal; font-weight: normal;
border: 1px solid <% value "base font color" %>; border: 1px solid <% value "small font color" %>;
} }
.formWide { .formWide {
width: 660px; width: 660px;
font-family: <% value "base font size" %>; font-family: <% value "base font" %>;
font-size: <% value "base font size" %>; font-size: <% value "base font size" %>;
font-weight: normal; font-weight: normal;
} }
@ -450,3 +451,7 @@ span.pageNavSelItem {
.calendar .selected { .calendar .selected {
border: 1px solid <% value "link color" %>; 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'), href: $(this).data('href'),
title: 'Click to edit ' + $(this).data('name') + ' skin' title: 'Click to edit ' + $(this).data('name') + ' skin'
}).mouseover(function() { }).mouseover(function() {
$(this).parents('.skin').eq(0).css('background-color', '#ccc'); $(this).parents('.skin').eq(0).addClass('active');
}).mouseout(function() { }).mouseout(function() {
$(this).parents('.skin').eq(0).css('background-color', ''); $(this).parents('.skin').eq(0).removeClass('active');
}).html('Edit'); }).html('Edit');
$(this).append(skinButton); $(this).append(skinButton);
}); });