- Footer lt staayout

This commit is contained in:
Paulo Gustavo Veiga 2012-09-16 02:26:56 -03:00
parent f1c9c95ed5
commit f90dd4f22a
6 changed files with 61 additions and 106 deletions

View File

@ -5,15 +5,7 @@
@html-background: #dedederepeat-xscroll; @html-background: #dedederepeat-xscroll;
@body-width: 1050px; @body-width: 1050px;
@font-family: "Lucida Grande", @font-family: "Lucida Grande","Arial","Helvetica","Verdana","sans-serif";
"Arial"
,
"Helvetica"
,
"Verdana"
,
"sans-serif"
;
@base-font-size: 11px; @base-font-size: 11px;
@base-margin: 10px; @base-margin: 10px;
@ -171,11 +163,6 @@ input#selectAll {
white-space: nowrap; white-space: nowrap;
} }
#foldersContainer {
padding-top: 60px;
}
span.starredOff { span.starredOff {
background: url('../images/star-off.png') no-repeat center left; background: url('../images/star-off.png') no-repeat center left;
padding: 10px; padding: 10px;
@ -199,3 +186,19 @@ span.starredOn:hover {
abbr[title] { abbr[title] {
cursor: default; cursor: default;
} }
#footerContainer {
padding-top: 10px;
border-top: 1px black solid;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 65px; /* Height of the footer */
background: #ffffff;
}
#foldersContainer {
padding-top: 60px;
}

View File

@ -1,6 +1,13 @@
/* HEADER STYLES */ /* HEADER STYLES */
html,body {
margin: 0;
padding: 0;
height: 100%;
}
#header { #header {
margin-top: 0px; margin-top: 0;
height: 78px; height: 78px;
width: 100%; width: 100%;
background: white; background: white;
@ -99,17 +106,6 @@ div#headerButtons activelink a, div#headerButtons activelink a:hover {
border-bottom: 0; border-bottom: 0;
} }
#footer {
border-top: 1px black solid;
padding-top: 15px;
width: 100%;
background: #ffffff;
}
div#paypal {
float: left;
margin: -29px;
}
#headerLogo { #headerLogo {
cursor: pointer; cursor: pointer;
@ -131,16 +127,3 @@ div#headerActions {
div#headerActions a:hover, div#headerActions a:active, div#headerActions a:link, div#headerActions a:visited { div#headerActions a:hover, div#headerActions a:active, div#headerActions a:link, div#headerActions a:visited {
color: white; color: white;
} }
div.header_languages {
position: absolute;
right: 0;
top: 30px;
width: 100px;
height: 20px;
}
div.header_language_flag {
float: left;
margin-right: 3px;
}

View File

@ -1,12 +1,7 @@
@import "../bootstrap/css/bootstrap.min.css"; @import "../bootstrap/css/bootstrap.min.css";
@import "../bootstrap/css/bootstrap-responsive.min.css"; @import "../bootstrap/css/bootstrap-responsive.min.css";
@import "pageHeaders.css"; @import "pageHeaders.css";
html, body {
height: 100%;
}
div#register { div#register {
margin: 40px auto; margin: 40px auto;
text-align: center; text-align: center;
@ -18,83 +13,53 @@ div#register a {
font-weight: bold; font-weight: bold;
} }
div#pageContainer {
div.pageBodyContent ol { position: relative;
margin-left: 12px; min-height: 100%;
} }
div.pageBodyContent ul { div.bodyContainer {
list-style-position: outside;
}
div.pageBodyContent ol li {
list-style-type: decimal;
}
div.pageBody {
min-height: 80%;
}
div.pageBodyContent {
padding-top: 30px; padding-top: 30px;
padding-bottom: 85px; /* Height of the footer */
} }
div.pageBodyContent h1 { div.bodyContainer h1 {
color: #093A9D; color: #093A9D;
font-size: 150%; font-size: 150%;
margin-bottom: 5px; margin-bottom: 5px;
font-weight: bold; font-weight: bold;
} }
div.pageBodyContent h2 { div.bodyContainer h2 {
color: gray; color: gray;
font-size: 150%; font-size: 150%;
border-bottom: 1px dashed #BBB4D6; border-bottom: 1px dashed #BBB4D6;
margin: 20px 0; margin: 20px 0;
} }
div.pageBodyContent ul { div.bodyContainer ul {
padding: 5px; padding: 5px;
} }
div.pageBodyContent li { div.bodyContainer li {
list-style-type: disc; list-style-type: disc;
margin-left: 12px; margin-left: 12px;
} }
#footerContainer {
padding-top: 10px;
border-top: 1px black solid;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 65px; /* Height of the footer */
background: #ffffff;
}
/*-- End Main Page Style -- */ /*-- End Main Page Style -- */
/* Share Styles */ span.errorMsg {
#userEmails {
float: left;
width: 50%;
padding: 5px;
}
#userEmails textarea {
width: 100%;
}
#currentUsers {
float: left;
width: 40%;
height: 400px;
padding: 5px;
padding-left: 15px;
margin-left: 15px;
border-left: 1px dotted gray;
}
#currentUsers table {
width: 100%;
}
#invitation {
border: 1px dotted gray;
}
span.errorMsg{
color: red; color: red;
} }

View File

@ -1,7 +1,7 @@
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %> <%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<div id="footer"> <div id="footerContainer" class="row">
<div class="span1 offset3"> <div class="span1 offset3">
<a href="https://twitter.com/share" class="twitter-share-button" data-via="wisemapping" <a href="https://twitter.com/share" class="twitter-share-button" data-via="wisemapping"
data-related="wisemapping">Tweet</a> data-related="wisemapping">Tweet</a>

View File

@ -11,7 +11,7 @@
}); });
</script> </script>
<div id="row"> <div class="row">
<div class="span1"></div> <div class="span1"></div>
<div class="span5" style="margin-top: 20px"> <div class="span5" style="margin-top: 20px">
<h1><spring:message code="WELCOME_TO_WISEMAPPING"/></h1> <h1><spring:message code="WELCOME_TO_WISEMAPPING"/></h1>

View File

@ -33,18 +33,22 @@
</head> </head>
<body> <body>
<jsp:include page="header.jsp"> <div id="pageContainer">
<jsp:include page="header.jsp">
<jsp:param name="removeSignin" value="${requestScope.removeSignin}"/> <jsp:param name="removeSignin" value="${requestScope.removeSignin}"/>
</jsp:include> </jsp:include>
<div class="pageBody row-fluid"> <div class="bodyContainer">
<div class="row-fluid">
<div class="span2"></div> <div class="span2"></div>
<div class="pageBodyContent span8"> <div class="pageBodyContent span8">
<tiles:insertAttribute name="body"/> <tiles:insertAttribute name="body"/>
</div> </div>
</div> </div>
</div>
<jsp:include page="footer.jsp"/> <jsp:include page="footer.jsp"/>
</div>
</body> </body>
</html> </html>