Difference between revisions of "User:MogDog66/MPR"

From Team Fortress Wiki
Jump to: navigation, search
(Finishing up some work for the day)
(Adding the rest of the box headings. It'll look better once I sort the gradients)
Line 88: Line 88:
  
 
<div id="mp-container">
 
<div id="mp-container">
   <div class="mp-LeftBox content-container" style="margin-bottom:2%">
+
   <div class="mp-LeftBox content-container" style="margin-bottom:2%; position:relative;">
       <div class="mp-title" style="width: 130px; margin-top:-30px">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 align="center" style="text-align:center; width:100%; font-weight:bold; font-size:1.5em; font-family: TF2;">
 
         <tr>
 
         <tr>
Line 96: Line 96:
 
             <td>http://i.imgur.com/yqqIy.png</td>
 
             <td>http://i.imgur.com/yqqIy.png</td>
 
         </tr>
 
         </tr>
         <tr>
+
         <tr class="mp-TrSpacing">
 
             <td>[[Trading]]</td>
 
             <td>[[Trading]]</td>
 
             <td>[[Hats]]</td>
 
             <td>[[Hats]]</td>
Line 114: Line 114:
 
   </div>
 
   </div>
  
   <div id="div2" class="mp-RightBox content-container" style="margin-bottom:2%">
+
   <div id="div2" class="mp-RightBox content-container" style="margin-bottom:2%; position: relative;">
 +
      <div class="mp-title">UPDATES</div>
 
Hi
 
Hi
 
   </div>
 
   </div>
Line 120: Line 121:
  
 
<div id="mp-container">
 
<div id="mp-container">
   <div id="div3" class="mp-RightBox content-container"> <!-- Content in this paragraph causes weird spacing for div4 -->
+
   <div class="mp-RightBox content-container" style="position:relative;">
 +
      <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/>
 
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/>
 
   </div>
 
   </div>
  
   <div id="div4" class="mp-LeftBox content-container">
+
   <div class="mp-LeftBox content-container" style="position:relative;">
 +
      <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.
 
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.
 
   </div>
 
   </div>
 +
{{clr}}
 
</div>
 
</div>
  
<div style="clear:both;"></div>
+
<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%; background: #f4f3f3; margin: 10% 5% 10px 5%; padding: 8px; border: 2px solid #4f4945; box-sizing: border-box;" class="content-container">
 
 
   <p>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.</p>
 
   <p>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.</p>
 
   <p>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.</p>
 
   <p>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.</p>

Revision as of 03:31, 6 July 2012


DID YOU KNOW?

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.













FEATURED

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.

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.