Current date/time is October 20th 2019, 10:46 am

Search found 1 match for rounder

How to make this CSS work within a post

<div id="header">
   <div id="reply">
       <span class="hovernotice">Hover over this image to see the post!
       </span>
       <div style="background-image: url(https://i.imgur.com/KdO57zX.png); background-size: 520px; width: 520px; height: 168px;">
       <div style="font-family: Algerian; font-size: 25px; text-shadow: 2px 2px 4px #000000; color:#FF0000; margin-top: -85px; margin-bottom: 80px; text-align: right; width: 350px;">
           </div>
       <br />
       <div id="textfield">
         <div id="rounder">
Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here!
           <br />
         </div>
       </div>
     </div>
   </div>
<style type="text/css">
#header {
  height: 670px;
  width: 520px;
}

#reply {
  height: 104px;
  width: 411px;
  opacity: 0.9;
  overflow: hidden;
  -webkit-transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;
}

#reply:hover {
  height: 670px;
  width: 520px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  opacity: 1.0;
}

#textfield {
  font-size: 11px;
  line-height: 12px;
  padding: 10px;
  font-family: Calibri;
  text-align: justify;
  color: #000;
  height: 670px;
}

#rounder {
  height: 670px;
  overflow-x: hidden;
  text-align: justify;
}

.hovernotice {
  font-family: Verdana;
  font-size: 9px;
  letter-spacing: 2px;
  font-height: 9px;
  text-decoration: none;
  font-weight: bold;
  text-transform: none;
}
</style>
</center>
<div class="clear"></div>
by Sora Black
on July 6th 2015, 8:04 pm
 
Search in: Scripts Problems Archives
Topic: How to make this CSS work within a post
Replies: 9
Views: 892

Back to top

Jump to: