dummy template-box

one/static/style.css

@@ -71,6 +71,12 @@ a:link,a:visited{
     border-style: solid;
     border-style: solid;
     border-color: #FFFF66 transparent transparent transparent;
     border-color: #FFFF66 transparent transparent transparent;
 }
 }
+#template .wm .summary .name{
+  background-image: url(icons/document-template.png)
+}
+#new-template-button .name{
+  background-image: url(icons/document--plus.png) !important
+}
 .wm .summary{
 .wm .summary{
     padding: 15px 5px;
     padding: 15px 5px;
     border-top: 1px solid #888;
     border-top: 1px solid #888;
@@ -119,8 +125,23 @@ a:link,a:visited{
 .wm .details .memory{
 .wm .details .memory{
   background-image: url(icons/memory.png)
   background-image: url(icons/memory.png)
 }
 }
+.wm .details .count{
+  background-image: url(icons/documents-stack.png)
+}
 .wm .details .value{
 .wm .details .value{
   float: right;
   float: right;
+  width: 200px;
+  text-align: right;
+}
+.wm .summary.unfinished{
+  background-color: #FFFF66;
+}
+.wm .details .description{
+  font-size: inherit;
+  background-image: url(icons/document-snippet.png)
+}
+.wm .details .description .value{
+  font-size: 0.8em;
 }
 }
 .wm .details a{
 .wm .details a{
   text-decoration: underline;
   text-decoration: underline;
@@ -307,14 +328,14 @@ div#header h1
 
 
 div#content
 div#content
 {
 {
-  width:850px;
+  width:970px;
   text-align:left;
   text-align:left;
   margin:0 auto;
   margin:0 auto;
 }
 }
 
 
 div.boxes
 div.boxes
 {
 {
-  width:420px;
+  width:480px;
   float:left;
   float:left;
 }
 }
 
 

one/templates/home.html

@@ -49,7 +49,48 @@
     <div class="contentblock" id="template">
     <div class="contentblock" id="template">
         <h2>Saját sablonok</h2>
         <h2>Saját sablonok</h2>
         <ul class="wm-list">
         <ul class="wm-list">
-            { include "box-templatelist.html" lesz majd itt }
+            <li class="wm">
+                <div class="summary">
+                    <div class="name">Win7 Matlab</div>
+                    <div class="actions">
+                        <a href="#" title="Átnevezés"><img src="/static/icons/pencil.png" alt="rename" /></a>
+                        <a href="#" title="Törlés"><img src="/static/icons/minus-circle.png" alt="delete" /></a>
+                        <a href="#" title="Megosztás"><img src="static/icons/user-share.png" alt="share" /></a>
+                    </div>
+                    <div class="clear"></div>
+                </div>
+                <div class="details">
+                    <h3>Részletek</h3>
+                    <ul>
+                        <li class="name">Rendszer: <span class="value">Windows 7 Desktop</span></li>
+                        <li class="description">Leírás: <span class="value">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nibh arcu, cursus et sodales eu, iaculis id metus. Suspendisse et mauris nisi, luctus feugiat nisi. Nullam elementum tincidunt urna a luctus.</span><div class="clear"></div></li>
+                        <li class="date">Létrehozva: <span class="value">2013.01.10. 13:40:22</span></li>
+                        <li class="date">Módosítva: <span class="value">2013.01.10. 13:40:22</span></li>
+                        <li class="count">Aktív példányok: <span class="value">8 db</span></li>
+                    </ul>
+                </div>
+            </li>
+            <li class="wm">
+                <div class="summary unfinished">
+                    <div class="name">Win7 Matlab</div>
+                    <div class="status">FÉLKÉSZ</div>
+                    <div class="actions">
+                        <a href="#" title="Átnevezés"><img src="/static/icons/pencil.png" alt="rename" /></a>
+                        <a href="#" title="Törlés"><img src="/static/icons/minus-circle.png" alt="delete" /></a>
+                    </div>
+                    <div class="clear"></div>
+                </div>
+                <div class="details">
+                    <h3>Részletek</h3>
+                    <ul>
+                        <li class="name">Rendszer: <span class="value">Windows 7 Desktop</span></li>
+                        <li class="description">Leírás: <span class="value">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nibh arcu, cursus et sodales eu, iaculis id metus. Suspendisse et mauris nisi, luctus feugiat nisi. Nullam elementum tincidunt urna a luctus.</span><div class="clear"></div></li>
+                        <li class="date">Létrehozva: <span class="value">2013.01.10. 13:40:22</span></li>
+                        <li class="date">Módosítva: <span class="value">2013.01.10. 13:40:22</span></li>
+                        <li class="count">Aktív példányok: <span class="value">8 db</span></li>
+                    </ul>
+                </div>
+            </li>
             <li id="new-template-button" class="wm new">
             <li id="new-template-button" class="wm new">
                 <div class="summary">
                 <div class="summary">
                     <div class="name">Új Sablon</div>
                     <div class="name">Új Sablon</div>