Difference between revisions of "User:MogDog66/MPR"

From Team Fortress Wiki
Jump to: navigation, search
(Adding the rest of the box headings. It'll look better once I sort the gradients)
(Clean up)
Line 78: Line 78:
 
</div>
 
</div>
  
<!-- <div class="mp-container">
+
<!-- BEGIN LEFT COLUMN -->
<div class="mp-LeftBox" style="margin-bottom:2%">DERP<br/><br/><br/></div>
 
<div class="mp-RightBox">Hello</div>
 
</div>
 
<div class="mp-container">
 
<div class="mp-RightBox">What's up?<br/><br/><br/><br/><br/><br/><br/></div>
 
<div class="mp-LeftBox">Pancakes?</div>
 
</div> -->
 
  
<div id="mp-container">
+
<div class="mp-column">
   <div class="mp-LeftBox content-container" style="margin-bottom:2%; position:relative;">
+
   <div class="mp-LeftBox" style="margin-bottom:2%;">
      <div class="mp-title">INDEX</div>
+
        <div class="mp-title">INDEX</div>
       <table align="center" style="text-align:center; width:100%; font-weight:bold; font-size:1.5em; font-family: TF2;">
+
       <table class="mp-indexTable" align="center">
 
         <tr>
 
         <tr>
 
             <td>http://i.imgur.com/G1gwJ.png</td>
 
             <td>http://i.imgur.com/G1gwJ.png</td>
Line 114: Line 107:
 
   </div>
 
   </div>
  
   <div id="div2" class="mp-RightBox content-container" style="margin-bottom:2%; position: relative;">
+
   <div class="mp-RightBox" style="margin-bottom:2%;">
 
       <div class="mp-title">UPDATES</div>
 
       <div class="mp-title">UPDATES</div>
Hi
+
          <!-- Updates -->
 
   </div>
 
   </div>
 
</div>
 
</div>
  
<div id="mp-container">
+
<!-- END LEFT COLUMN
   <div class="mp-RightBox content-container" style="position:relative;">
+
    BEGIN RIGHT COLUMN -->
 +
 
 +
<div class="mp-column">  
 +
   <div class="mp-RightBox">
 
       <div class="mp-title">DID YOU KNOW?</div>
 
       <div class="mp-title">DID YOU KNOW?</div>
Donec interdum convallis lacus in tempus. Proin eget risus id lectus feugiat euismod. Vestibulum euismod, ligula ac cursus rhoncus, ante est vehicula enim, sed iaculis lectus odio ut mi. Mauris faucibus, massa vel egestas dapibus, diam leo molestie ante, eget varius nunc quam sit amet lacus.<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
+
          <!-- Did you know? -->
 
   </div>
 
   </div>
  
   <div class="mp-LeftBox content-container" style="position:relative;">
+
   <div class="mp-LeftBox">
 
       <div class="mp-title">FEATURED</div>
 
       <div class="mp-title">FEATURED</div>
Sed vehicula metus et augue aliquet hendrerit. Fusce aliquam, tortor eu malesuada mattis, sapien ipsum rutrum orci, nec semper nibh ipsum et purus. Pellentesque mauris metus, cursus malesuada suscipit eu, sodales et enim. Sed feugiat pellentesque nulla, eget sagittis turpis pulvinar ut. Curabitur iaculis tortor nec tellus pulvinar sit amet placerat massa posuere. Mauris eu diam justo. Aliquam lectus sapien, mattis non egestas sit amet, pulvinar sed quam. Mauris ante ligula, venenatis at sodales tincidunt, varius vel quam. Proin egestas blandit consectetur.
+
          <!-- Featured -->
 
   </div>
 
   </div>
 +
</div>
 
{{clr}}
 
{{clr}}
</div>
+
 
 +
<!-- END RIGHT COLUMN -->
  
 
<div style="width 100%; position:relative; background: #f4f3f3; margin: 10% 5% 10px 5%; padding: 8px; border: 2px solid #4f4945; box-sizing: border-box;" class="content-container">
 
<div style="width 100%; position:relative; background: #f4f3f3; margin: 10% 5% 10px 5%; padding: 8px; border: 2px solid #4f4945; box-sizing: border-box;" class="content-container">

Revision as of 09:35, 9 July 2012



DID YOU KNOW?
FEATURED


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis auctor risus. Duis at urna non quam pretium elementum. In hac habitasse platea dictumst. Mauris odio magna, fermentum quis cursus at, suscipit ac tortor. Duis id tellus sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam sit amet augue sed arcu iaculis pretium ac eu purus. Maecenas sagittis tincidunt metus, eget auctor tortor adipiscing id. Aliquam dignissim fermentum justo, eget tristique ante vestibulum vel. Curabitur orci justo, hendrerit vel imperdiet non, ultricies et purus. Suspendisse eget quam at augue ornare volutpat vel nec nibh. Donec ultricies tempus eleifend. Pellentesque eget est arcu. Nam neque ipsum, mollis sit amet hendrerit ut, convallis in nulla.

Sed porta malesuada lacinia. Suspendisse tempus metus vitae dolor viverra in vestibulum tortor pellentesque. Nam non erat purus. Donec ultricies sodales lacus eu imperdiet. Nullam turpis nibh, blandit in pretium eget, sodales in nisi. Donec pulvinar fringilla quam, vel vehicula sem aliquet nec. In sagittis arcu vitae mi lacinia in pretium dui fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus sapien quis arcu consequat in sagittis lacus gravida. Nunc orci libero, hendrerit quis mattis vitae, varius ac magna. Phasellus hendrerit dignissim ligula in fringilla. Cras pharetra sapien et dolor vehicula et porttitor nisl eleifend.