gergely/openscrum
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Advanced some with the design

Browse Source 
Signed-off-by: Gergely POLONKAI (W00d5t0ck) <polesz@w00d5t0ck.info>
This commit is contained in:
Polonkai Gergely 2012-04-17 18:26:31 +00:00
parent f18f8c7f61
commit 9a6c2a503d
2 changed files with 134 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
app/Resources/views/base.html.twig
View File

@ -4,11 +4,13 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>OpenScrum{% block title %}{% endblock %}</title> <title>OpenScrum{% block title %}{% endblock %}</title>
<link rel="stylesheet" type="text/css" href="{{ asset('skins/default/css/mobile.css') }}" media="handheld" /> <link rel="stylesheet" type="text/css" href="{{ asset('skins/default/css/mobile.css') }}" media="handheld" />
<link rel="stylesheet" type="text/css" href="{{ asset('skins/default/css/main.css') }}" media="screen" />
<link rel="shortcut icon" href="{{ asset('images/favicon.png') }}" /> <link rel="shortcut icon" href="{{ asset('images/favicon.png') }}" />
</head> </head>
<body> <body>
<h1><a href="{{ path('OpenScrumInfoBundle_homepage') }}"><img src="{{ asset('images/logo.png') }}" alt="OpenScrum.org" /></a></h1> <div id="app-bar-wrapper">
<div id="menu"> <div id="app-bar">
<div id="appbar-siteinfo">
<ul> <ul>
<li><a href="{{ path('OpenScrumInfoBundle_infopage', { 'page': 'about', '_format': 'html' }) }}">About</a></li> <li><a href="{{ path('OpenScrumInfoBundle_infopage', { 'page': 'about', '_format': 'html' }) }}">About</a></li>
<li><a href="{{ path('OpenScrumInfoBundle_infopage', { 'page': 'terms', '_format': 'html' }) }}">Terms and Definitions</a></li> <li><a href="{{ path('OpenScrumInfoBundle_infopage', { 'page': 'terms', '_format': 'html' }) }}">Terms and Definitions</a></li>
@ -16,6 +18,25 @@
<li>Buy</li> <li>Buy</li>
</ul> </ul>
</div> </div>
<div id="appbar-search">
<input type="text" value="search box" />
</div>
<div id="appbar-login">
Sign In!
</div>
</div>
<div id="app-bar-padding"></div>
</div>
<div id="container">
<h1><a href="{{ path('OpenScrumInfoBundle_homepage') }}"><img src="{{ asset('images/logo.png') }}" alt="OpenScrum.org" /></a></h1>
{% block body %}{% endblock %} {% block body %}{% endblock %}
</div>
<div id="footer-wrapper">
<div id="footer-padding"></div>
<div id="footer"{% if app.environment == 'dev' %} style="bottom: 40px;"{% endif %}>
Copyright © 2012, Gergely POLONKAI :: Privacy Policy :: <a href="{{ path('OpenScrumInfoBundle_infopage', { 'page': 'disclaimers', '_format': 'html' }) }}">Disclaimers</a>
</div>
</div>
</body> </body>
</html> </html>

104
web/skins/default/css/main.css Normal file
View File

@ -0,0 +1,104 @@
body {
margin: 0;
font-family: Helvetica, Arial, sans;
}
#app-bar {
position: fixed;
left: 0;
top: 0;
width: 100%;
background-color: #004e8a;
color: #c0ffff;
height: 32px;
padding: 2px;
}
#appbar-search {
float: left;
}
#appbar-search input {
width: 190px;
}
#appbar-login {
float: right;
}
#appbar-search input {
border: 0 none;
background-color: white;
height: 24px;
}
#app-bar-padding {
height: 40px;
clear: both;
}
#container {
margin-left: auto;
margin-right: auto;
width: 960px;
}
#container a {
color: #000;
font-weight: bold;
text-decoration: underline;
}
#appbar-siteinfo {
float: left;
}
#appbar-siteinfo a {
color: #c0ffff;
}
#appbar-siteinfo ul {
margin: 0;
padding: 0;
}
#appbar-siteinfo ul li {
list-style-type: none;
display: inline;
}
#footer-wrapper {
display: block;
}
#footer-padding {
clear: both;
height: 40px;
}
#footer {
position: fixed;
background-color: #333;
bottom: 0;
left: 0;
margin: 0;
z-index: 70000;
width: 100%;
padding: 1em;
text-align: center;
vertical-align: center;
color: #ccc;
font-size: 10px;
}
#footer a {
color: #ccc;
font-weight: normal;
text-decoration: underline;
}
h1 {
float: none;
clear: both;
}