Changes between Version 2 and Version 3 of tmp/test_tab


Ignore:
Timestamp:
Aug 19, 2008 11:24:00 AM (11 years ago)
Author:
bennylp
Comment:

--

Legend:

Unmodified
Added
Removed
Modified
  • tmp/test_tab

    v2 v3  
    22#!html 
    33 
    4 <style type="text/css"> 
     4<div style="{position:relative; background-color: #E6E6E6; margin: 3px;}"> 
     5    <div style="{position:absolute; width:20px; height:20px; background-color:#FFF; overflow:hidden;top:0px; left:0px;}"> <!-- bottom-right-corner --> 
     6    <div style="{position:relative; font-size:150px; font-family:arial; color:#E6E6E6; line-height: 40px;left:-8px;}"> <!-- bottom-right-inside --> 
     7    &bull;</div></div> 
     8    <div style="{position:absolute; width:20px; height:20px; background-color:#FFF; overflow:hidden;bottom:0px; left:0px;}"> <!-- bottom-left-corner --> 
     9    <div style="{position:relative; font-size:150px; font-family:arial; color:#E6E6E6; line-height: 40px;left:-8px; top:-17px;}">  <!-- bottom-left-inside --> 
     10    &bull;</div></div> 
    511 
    6 .xsnazzy h1, .zsnazzy h1 { 
    7 margin:0;  
    8 font-size:1.2em;  
    9 padding:0 10px 5px 10px;  
    10 border-bottom:1px solid #444; 
    11 } 
    12 .xsnazzy p, .zsnazzy p { 
    13 margin:0;  
    14 padding:5px 10px;  
    15 font-size:10px; 
    16 } 
    17 .xsnazzy { 
    18 background: transparent;  
    19 width:240px;  
    20 float:left;  
    21 margin:0 3px; 
    22 } 
     12    <div style="{position:absolute; width:20px; height:20px; background-color:#FFF; overflow:hidden; top:0px; right:0px;}"> <!-- top-right-corner --> 
     13    <div style="{position:relative; font-size:150px; font-family:arial; color:#E6E6E6; line-height: 40px;left:-25px;}"> <!-- top-right-inside --> 
     14    &bull;</div></div> 
     15    <div style="{position:absolute; width:20px; height:20px; background-color:#FFF; overflow:hidden; bottom:0px; right:0px;}"> <!-- bottom-right-corner --> 
     16    <div style="{position:relative; font-size:150px; font-family:arial; color:#E6E6E6; line-height: 40px;left:-25px; top:-17px;}"> <!-- bottom-right-inside --> 
     17    &bull;</div></div> 
    2318 
    24 .xtop, .xbottom { 
    25 display:block;  
    26 background:transparent;  
    27 font-size:1px; 
    28 } 
    29 .xb1, .xb2, .xb3, .xb4 { 
    30 display:block;  
    31 overflow:hidden; 
    32 } 
    33 .xb1, .xb2, .xb3 { 
    34 height:1px; 
    35 } 
    36 .xb2, .xb3, .xb4 { 
    37 background:#fff;  
    38 border-left:1px solid #444; 
    39 border-right:1px solid #444; 
    40 } 
    41 .xb1 { 
    42 margin:0 5px;  
    43 background:#444; 
    44 } 
    45 .xb2 { 
    46 margin:0 3px; 
    47 border-width:0 2px; 
    48 } 
    49 .xb3 { 
    50 margin:0 2px; 
    51 } 
    52 .xb4 { 
    53 height:2px;  
    54 margin:0 1px; 
    55 } 
     19    <div style="{position: relative; padding: 8px; color:#000;}">   <!-- box-contents --> 
     20        Contents go here, but it must be at least two lines to look any good. 
     21    </div> <!-- end div.box-contents -->  
     22</div> <!-- end div.rounded-box --> 
    5623 
    57 .xboxcontent { 
    58 display:block;  
    59 border:0 solid #444;  
    60 border-width:0 1px;  
    61 height:auto; 
    62 } 
    63 * html .xboxcontent { 
    64 height:1px; 
    65 } 
    66  
    67 .color_a { 
    68 background:#c9ba65; 
    69 color:#fff; 
    70 } 
    71 .color_b { 
    72 background:#d4d8bd;  
    73 color:#000; 
    74 } 
    75 .color_c { 
    76 background:#758279;  
    77 color:#fff; 
    78 } 
    79 .color_d { 
    80 background:#b2ab9b;  
    81 color:#000; 
    82 } 
    83  
    84 </style> 
    85  
    86  
    87 <div class="xsnazzy"> 
    88 <b class="xtop"><b class="xb1"></b><b class="xb2 color_a"> 
    89 </b><b class="xb3 color_a"></b><b class="xb4 color_a"></b></b> 
    90 <div class="xboxcontent"> 
    91 <h1 class="color_a">Blah Blah Title</h1> 
    92 <p>You are not currently logged in.</p> 
    93 <p>If you don't have a login you can  
    94 <a href="#nogo">register here</a>.</p> 
    95 <p>If you have one, then LOGIN <a href="#nogo">here</a>.</p> 
    96 <p>If you don't know if you should have one - and need convincing  
    97 that free, confidential, fast and useful is not enough then click  
    98 <a href="#nogo">here for a demo</a>.</p> 
    99 </div> 
    100 <b class="xbottom"><b class="xb4"></b><b class="xb3"></b> 
    101 <b class="xb2"></b><b class="xb1"></b></b> 
    102 </div> 
    10324 
    10425