moved inline style defs to css

This commit is contained in:
tworrall 2012-06-22 19:39:05 +00:00
parent eac8c63160
commit c7ed7792dc
2 changed files with 95 additions and 22 deletions

View file

@ -1,19 +1,93 @@
/* $This file is distributed under the terms of the license in /doc/license.txt$ */
.pageContent {"background-color":"","padding-left":"","padding-top":"","border-width":"","border-style":"","border-color":"#ccc"}
.pageContent {
"background-color":"",
"padding-left":"",
"padding-top":"",
"border-width":"",
"border-style":"",
"border-color":"#ccc"}
.pageContentContainer {background-color:#f5f5f5;border-color:#ccc;border-width:1px;border-style:solid;margin-bottom:4px;}
.pageContentContainer {
background-color:#f5f5f5;
border-color:#ccc;
border-width:1px;
border-style:solid;
margin-bottom:4px;
}
.pageContentTypeLabel {padding-left:6px;}
.pageContentTypeLabel {
padding-left:6px;
}
.pageContentWrapper {background-color:#f9f9f9;padding-left:6px;padding-top:2px;border-top-width:1px;border-style:solid;border-color:#ccc;}
.pageContentWrapper {
background-color:#f9f9f9;
padding-left:6px;
padding-top:2px;
border-top-width:1px;
border-style:solid;
border-color:#ccc;
}
.pageContentExpand {float:right;padding-right:5px;}
.pageContentExpand {
float:right;
padding-right:5px;
}
.arrow {
width:13px; height:9px; display:block;
width:13px;
height:9px;
display:block;
}
.expandArrow {
background:url(../../images/vitro_plus_sign.gif) right center no-repeat;
min-height:18px;
}
.collapseArrow {
background:url(../../images/vitro_minus_sign.gif) right center no-repeat;
min-height:18px;
}
.deleteButton {
margin-bottom:5px;
}
section#floatRight {
margin-top:0px;
float:right;
background-color:#fff;
width:580px;
margin-right:-4px;
}
select#typeSelect {
margin-top:0px;
}
section#headerBar {
background-color:#f5f5f5;
border-color:#ccc;
border-width:1px;
border-style:solid;
border-bottom-width:0px;
padding-left:6px;
}
input#moreContent {
margin-top:8px;
}
section#pageDetails {
background-color:#fff;
}
p#templatePTag {
margin-top:8px;
margin-bottom:2px;
}
p#checkboxPTag {
margin-top:10px;
margin-bottom:0px;
}
section.hideMenuSection {
margin-top:10px;
display:none;
}
section.showMenuSection {
margin-top:10px;
}
.expandArrow {background-image:url(../../images/individual/arrow-down.gif);}
.collapseArrow {background-image:url(../../images/individual/arrow-up.gif);}
.deleteButton{margin-bottom:5px;}

View file

@ -44,7 +44,7 @@
<input type="hidden" id="menuItem" name="menuItem" value="${menuItem}"/>
<h2>Add Page</h2>
<!--Drop down for the types of content possible-->
<section id="floatRight" style="margin-top:0px;float:right;background-color:#fff;width:580px;margin-right:-4px">
<section id="floatRight">
<div id="rightSide">
<section id="addPageOne" role="region" >
<label for="last-name">Content Type<span class="requiredHint"> *</span></label>
@ -54,28 +54,27 @@
<option value="fixedHtml">Fixed HTML</option>
<option value="sparqlQuery">SPARQL Query Results</option>
</select>
<input type="button" id="defineType" name="defineType" value="Define" class="delete" role="input" style="display:none"/>
</section>
<section id="contentDivs"></section>
<section id="headerBar" style="background-color:#f5f5f5;border-color:#ccc;border-width:1px;border-style:solid;border-bottom-width:0px;padding-left:6px">
<section id="headerBar" >
</section>
<#--This include file contains links to the templates that will be cloned and used for the different content types-->
<!--This content will be copied/shown for these particular content types, so any fields for n3 editing need to be included
here that correspond to a specific content type. These are related to specific "data getters" on the server side. -->
<#include "pageManagement--contentTemplates.ftl">
<input type="button" id="moreContent" name="moreContent" value="Add More Content" class="delete" style="margin-top:8px" />
<input type="button" id="moreContent" name="moreContent" value="Add More Content" class="delete" />
</div>
</section>
<!--Information for page or menu item level-->
<div id="leftSide">
<section id="addPageOne" role="region" style="background-color:#fff;">
<section id="pageDetails" role="region" >
<label for="page-name">Title<span class="requiredHint"> *</span></label>
<input type="text" name="pageName" value="${pageName!''}" role="input" />
<label for="pretty-url">Pretty URL<span class="requiredHint"> *</span></label>
<input type="text" name="prettyUrl" value="${prettyUrl!''}" role="input" />
<p class="note">Must begin with a leading forward slash: / (e.g., /people)</p>
<p style="margin-top:8px;margin-bottom:2px">Template<span class="requiredHint"> *</span></p>
<p class="note">Must begin with a leading forward slash: / <br />(e.g., /people)</p>
<p id="templatePTag">Template<span class="requiredHint"> *</span></p>
<input type="radio" class="default-template" name="selectedTemplate" value="default" <#if selectedTemplateType = "default">checked="checked"</#if> role="radio" />
<label class="inline" for="default"> Default</label>
<br />
@ -84,15 +83,15 @@
<section id="custom-template" <#if selectedTemplateType != 'custom'>class="hidden" </#if>role="region">
<input type="text" name="customTemplate" value="${customTemplate!''}" size="40" role="input" /><span class="requiredHint"> *</span>
</section>
<p style="margin-top:10px;margin-bottom:0px"><input id="menuCheckbox" type="checkbox" name="menuCheckbox"
<p id="checkboxPTag"><input id="menuCheckbox" type="checkbox" name="menuCheckbox"
<#if menuAction="Edit" && menuItem?has_content>checked="checked"</#if>
> This is a menu page</p>
<section id="menu" role="region"
<#--Do not display menu section unless editing an existing menu item-->
<#if menuAction = "Add" || (menuAction="Edit" && (!menuItem?has_content || menuItem = "")) >
style="margin-top:10px;display:none"
class="hideMenuSection"
<#else>
style="margin-top:10px"
class="showMenuSection"
</#if>
>
<label for="default">Menu Item Name</label>
@ -106,7 +105,7 @@
</div>
<section >
<span id="saveButton" ><input id="pageSave" type="submit" name="submit-Add" value="Save changes" class="submit" role="input" /> or </span>
<a class="cancel" href="#" id="cancelPage" style="color:#f70">Cancel</a>
<a class="cancel" href="#" id="cancelPage" >Cancel</a>
<br />
<p class="requiredHint">* required fields</p>
</section>