Changeset 24

Timestamp:

22/08/06 15:06:20 (7 years ago)

Author:

dez

Message:

Implemenation of Content Box (for news items etc)

Files:

• css/box.css (modified) (1 diff)
• css/ielt7.css (modified) (1 diff)
• css/sucs.css (modified) (1 diff)
• templates/index.tpl (modified) (2 diffs)

css/box.css

@@ -3 +3 @@
 /* Default styling. Used when JavaScript is unsupported */
 .cbb {
-        padding:0 10px;
+        padding: 5px 10px;
         margin:1em 0;
         margin-left: 0.5em;
         margin-right: 0.5em;
         background:#e76808;
-        border:1px solid #666;
         font-size: 80%;
         }

css/ielt7.css

@@ -71 +71 @@
         background: #ffc62b;
 }
+
+/* --------------------------------------------------
+    Content box (e.g. for news items)
+   -------------------------------------------------- */
+
+.box .boxhead {      
+        background: #e76808 url('../images/menu-top-left.gif') no-repeat top left;  
+}
+
+.box .boxhead h2 {
+        background: url('../images/menu-top-right.gif') no-repeat top right;
+}
+
+.box .boxfoot { 
+        background: #e76808 url('../images/menu-bottom-left.gif') no-repeat bottom left;  
+}
+
+.box .boxfoot p {
+        background: url('../images/menu-bottom-right.gif') no-repeat bottom right;      
+}

css/sucs.css

@@ -228 +228 @@
         padding: 0.5em;
 }
+
+/* --------------------------------------------------
+    Content box (e.g. for news items)
+   -------------------------------------------------- */
+
+.box {
+        background: #ffffff;
+        margin-top: 0.5em;
+}
+
+.box div.boxcontent {
+        border: 2px solid #e76808;
+        border-top: 1px solid #e76808;
+        border-bottom: 1px solid #e76808;
+        padding: 0 0.5em;
+}
+
+.box .boxhead h2, .box .boxfoot p {
+        margin: 0;
+        color: #ffc62b;
+        padding: 0 0.5em;
+
+}
+
+.box .boxhead {
+        background: #e76808 url('../images/menu-top-left.png') no-repeat top left;
+}
+
+.box .boxhead h2 {
+        background: url('../images/menu-top-right.png') no-repeat top right;
+}
+
+.box .boxfoot {
+        background: #e76808 url('../images/menu-bottom-left.png') no-repeat bottom left;
+}
+
+.box .boxfoot p {
+        background: url('../images/menu-bottom-right.png') no-repeat bottom right;
+        text-align: right;
+        font-weight: bold;
+        font-size: 95%;
+}

templates/index.tpl

@@ -2 +2 @@
         <div id="primary">
         <div id="primaryC">
+
+                <div class="box">
+<div class="boxhead"><h2>Freshers 2006</h2></div>
+
+<div class="boxcontent">
+<p>The Computer Society welcomes all Swansea freshers (and returning students)!</p>
+<p>SUCS is one of the university's longest-running and largest societies. In addition to providing members with a range of <a href="http://sucs.org/services/about.php">IT services</a>, we hold regular events and socials throughout the year.</p>
+<p>We have our own <a href="http://sucs.org/services/room.php">computer room</a> on campus with 24 hour swipe-card access. There are usually members present through the week so feel free to stop by.</p>
+<p>As usual, we'll be at the freshers' fayre this year to answer any questions you may have.</p>
+<p>If we miss you at the fayre, then please come meet us at a social. We're usually in the quiet side of JC's from about 1pm on Fridays :-)</p>
+<p>Have a great year!</p>
+</div>
+
+<div class="boxfoot"><p>Posted by talyn256 at 11:53  on Tuesday August 15th 2006</p></div>
+                </div>
+
+
                 <h2>Lorem ipsum dolor sit amet</h2>
                 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla sit amet eros. Morbi volutpat quam. Donec faucibus lacus ac tortor. Cras gravida lectus at felis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus aliquet magna sed elit. Curabitur urna velit, aliquet ut, luctus non, auctor eu, elit. Quisque id lectus. Suspendisse ligula massa, sodales a, tempus ut, molestie sed, purus. Duis ac nulla ut felis gravida porta. Nullam faucibus est et diam. Suspendisse imperdiet massa vitae odio. Mauris id quam. Vivamus nibh. Phasellus porttitor, nisl a lacinia egestas, pede magna vulputate libero, non tincidunt metus elit sit amet urna. Quisque ultricies turpis at sapien.</p>
@@ -9 +26 @@
                 <p>Mauris eleifend, nulla eget facilisis ullamcorper, velit erat dignissim est, sed mollis neque felis tempor nibh. Etiam nunc. Sed rhoncus, massa quis tincidunt tincidunt, nibh lectus dictum lorem, sed laoreet eros leo in urna. Praesent in velit. Donec sed ipsum nec dolor consectetuer ultrices. Cras libero dui, ultrices sed, sagittis quis, iaculis a, mi. Proin semper lobortis enim. Phasellus sapien turpis, tristique ac, feugiat ut, lobortis elementum, enim. Nulla vel libero non nisi facilisis rhoncus. Vivamus vitae neque eget arcu suscipit accumsan.</p>
                 <p>Praesent laoreet, felis vitae fermentum fringilla, quam mi porta nisi, id venenatis justo est et eros. Aliquam erat volutpat. Vivamus non risus. Nullam nunc. Aenean scelerisque lacinia urna. Suspendisse ac nulla. Nullam tristique. Praesent lorem odio, fringilla ut, euismod eu, adipiscing et, urna. Praesent elementum, turpis ut suscipit mattis, orci ipsum adipiscing lectus, sed ultrices pede quam nec enim. Ut id erat. Nunc sed turpis quis eros condimentum congue.</p>
+
+
+
         </div>
         </div>