Current date/time is March 28th 2024, 8:11 pm

Search found 1 match for textfield

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: 1353

Back to top

Jump to: