Commits

Marcin Lulek  committed 1cd9175

new style for akhet

  • Participants
  • Parent commits 24bb4d9

Comments (0)

Files changed (4)

File akhet/paster_templates/akhet/+package+/static/images/pyramid-negative.png

Added
New image

File akhet/paster_templates/akhet/+package+/static/stylesheets/default.css

-body {
+@import url('reset.css');
+
+body{
+    background-color: rgb(243,241,234);
+    line-height: 1.5em;
     font-family: helvetica, verdana, sans-serif;
-    }
+    color: rgb(66,66,66)
+}
 
-a {
+p{
+    font-size: 0.75em;
+}
+#header{
+	background-color: rgb(36,36,36);
+    padding: 10px 15px 30px 5%;
+    -webkit-box-shadow: 0 30px 80px #cfa84b;
+    -moz-box-shadow: 0 30px 80px #cfa84b;
+    box-shadow: 0 30px 80px #cfa84b;
+	text-shadow: 2px 2px 5px rgb(0,0,0);
+}
+
+
+#footer{
+    width: 90%;
+    margin: 10px auto;
+    font-size: 0.75em;
+    text-align: right;
+    opacity: 0.5;
+}
+#footer:hover{
+    opacity:1;
+}
+
+#footer a, #footer a:link, #footer a:visited{
     text-decoration: none;
-    }
+    font-weight: bold;
+    color: rgb(255,90,0)
+}
 
-dl {
+
+#content a, #content a:link, #content a:visited{
+    text-decoration: none;
     font-weight: bold;
-    }
+    color: rgb(255,90,0)
+}
 
-h1#title {
-    text-align: center;
-    }
+#content{
+    width: 90%;
+    margin: -20px auto 0px auto;
+    background-color: rgb(252,250,244);
+    padding: 15px;
+    -webkit-box-shadow: 0px 0px 11px #d4cbb5;
+    -moz-box-shadow: 0px 0px 11px #d4cbb5;
+    box-shadow: 0px 0px 11px #d4cbb5;
+	-moz-border-radius: 15px;
+	border-radius: 15px; 
+}
 
-div#flash-messages {
-    }
+/* flash */
+#flash-messages {
+    padding: 0px;
+    clear: both;
+}
 
-.info {
-    background-color: #54ff95;  /* SeaGreen1 */
-    font-size: larger;
-    font-style: italic;
-    margin: 10px 80px;
-    padding: 10px;
-    }
+#flash-messages > div {
+    margin: 5px 0px 5px 0px;
+    font-size: 0.75em;
+    padding: 5px 5px 5px 25px;
+    background-repeat: no-repeat;
+    background-position: 5px center;
+    list-style: none;
+}
+
+#flash-messages .notice, #flash-messages .info {
+    background-color: #DAFFE5;
+    border: 1px solid #25A24B;
+    border-left: 5px solid;
+    color: #25A24B;
+    background-image: url('../images/icons/accept.png');
+}
+
+#flash-messages .warning {
+    background-color: #FFECA1;
+    border: 1px solid #E57C00;
+    border-left: 5px solid;
+    color: #000000;
+    background-image: url('../images/icons/error.png');
+}
+
+#flash-messages .error {
+    background-color: #FFECEC;
+    border: 1px solid #B90D0D;
+    border-left: 5px solid;
+    color: #B90D0D;
+    background-image: url('../images/icons/delete.png');
+}

File akhet/paster_templates/akhet/+package+/static/stylesheets/reset.css

+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    font: inherit;
+    vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+    display: block;
+}
+body {
+    line-height: 1;
+}
+ol, ul {
+    list-style: none;
+}
+blockquote, q {
+    quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+    content: '';
+    content: none;
+}
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+
+/* restyling */
+sub {
+    vertical-align: sub;
+    font-size: smaller;
+    line-height: normal;
+}
+
+sup {
+    vertical-align: super;
+    font-size: smaller;
+    line-height: normal;
+}
+
+/* lists */
+ul,menu,dir {
+    display: block;
+    list-style-type: disc;
+    margin: 1em 0;
+    padding-left: 40px;
+}
+
+ol {
+    display: block;
+    list-style-type: decimal-leading-zero;
+    margin: 1em 0;
+    padding-left: 40px;
+}
+
+li {
+    display: list-item;
+}
+
+/* nested lists have no top/bottom margins */
+ul ul,ul ol,ul dir,ul menu,ul dl,ol ul,ol ol,ol dir,ol menu,ol dl,dir ul,dir ol,dir dir,dir menu,dir dl,menu ul,menu ol,menu dir,menu menu,menu dl,dl ul,dl ol,dl dir,dl menu,dl dl
+    {
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
+/* 2 deep unordered lists use a circle */
+ol ul,ul ul,menu ul,dir ul,ol menu,ul menu,menu menu,dir menu,ol dir,ul dir,menu dir,dir dir
+    {
+    list-style-type: circle;
+}
+
+/* 3 deep (or more) unordered lists use a square */
+ol ol ul,ol ul ul,ol menu ul,ol dir ul,ol ol menu,ol ul menu,ol menu menu,ol dir menu,ol ol dir,ol ul dir,ol menu dir,ol dir dir,ul ol ul,ul ul ul,ul menu ul,ul dir ul,ul ol menu,ul ul menu,ul menu menu,ul dir menu,ul ol dir,ul ul dir,ul menu dir,ul dir dir,menu ol ul,menu ul ul,menu menu ul,menu dir ul,menu ol menu,menu ul menu,menu menu menu,menu dir menu,menu ol dir,menu ul dir,menu menu dir,menu dir dir,dir ol ul,dir ul ul,dir menu ul,dir dir ul,dir ol menu,dir ul menu,dir menu menu,dir dir menu,dir ol dir,dir ul dir,dir menu dir,dir dir dir
+    {
+    list-style-type: square;
+}
+
+.hidden {
+    display: none;
+}
+
+p {
+    line-height: 1.5em;
+}
+
+h1 {
+    font-size: 1.75em; /* 28px */
+    line-height: 1.7em;
+    font-family: helvetica, verdana;
+}
+
+h2 {
+    font-size: 1.5em; /* 24px */
+    line-height: 1.7em;
+    font-family: helvetica, verdana;
+}
+
+h3 {
+    font-size: 1.25em; /* 20px */
+    line-height: 1.7em;
+    font-family: helvetica, verdana;
+}
+
+h4 {
+    font-size: 1em;
+    line-height: 1.7em;
+    font-family: helvetica, verdana;
+}

File akhet/paster_templates/akhet/+package+/templates/site.html

   </head>
   <body>
     <div id="header">
-      <h1 id="title">${self.body_title()}</h1>
+    <img src="${url.app}images/pyramid-negative.png"/>
     </div>
 
+<div id="content">
 <div id="flash-messages">
 % for message in request.session.pop_flash():
     <div class="info">${message}</div>
 </div>
 
 <!-- *** BEGIN page content *** -->
+<h1 id="title">${self.body_title()}</h1>
 ${self.body()}
 <!-- *** END page content ***-->
-
+</div>
 
     <div id="footer">
+    Powered by <a href="http://pylonsproject.org">Pyramid Web Framework</a>
     </div>
   </body>
 </html>