1.1 --- a/buy.html	Sun Jan 03 00:26:19 2010 -0500
     1.2 +++ b/buy.html	Sun Jan 03 00:46:36 2010 -0500
     1.3 @@ -15,29 +15,29 @@
     1.4  PERL-REPLACE::TOP_MENU
     1.5  
     1.6  
     1.7 +<div class="whole">
     1.8  
     1.9  
    1.10 +<div id="materials" onmouseover="pokedex(['args__materials'],['pokedex']);">
    1.11 +PERL-REPLACE::MATERIALS
    1.12 +</div>
    1.13  
    1.14  
    1.15 +<div id="templates" >
    1.16 +PERL-REPLACE::TEMPLATES
    1.17 +</div>
    1.18  
    1.19 +<div id="display" onmouseover="pokedex(['args__display'],['pokedex']);"></div>
    1.20  
    1.21 +<div id="inputbox" ></div>
    1.22  
    1.23 -<div id="templates" >PERL-REPLACE::TEMPLATES</div>
    1.24  
    1.25  
    1.26 -<div id="display" onmouseover="pokedex(['args__display'],['pokedex']);">PERL-REPLACE::DISPLAY</div>
    1.27 +</div>
    1.28 +<br>
    1.29  
    1.30 -<div id="inputbox" >PERL-REPLACE::INPUTBOX</div>
    1.31 -
    1.32 -
    1.33 -
    1.34 -
    1.35 -
    1.36 -
    1.37 -<div id="pokedex"></div>
    1.38 -<div id="materials" onmouseover="pokedex(['args__materials'],['pokedex']);">PERL-REPLACE::MATERIALS</div>
    1.39 -
    1.40 -
    1.41 +<div id="pokedex">
    1.42 +</div>
    1.43  
    1.44  </body>
    1.45  

     2.1 --- a/sexy.css	Sun Jan 03 00:26:19 2010 -0500
     2.2 +++ b/sexy.css	Sun Jan 03 00:46:36 2010 -0500
     2.3 @@ -1,17 +1,48 @@
     2.4  
     2.5  
     2.6 +h1 
     2.7 +{
     2.8 +font-size:;
     2.9 +color: white;
    2.10 +background-color:#000000;
    2.11 +text-align: center;
    2.12 +font: bold 32px "arial", "sans-serif";
    2.13 +
    2.14 +}
    2.15 +
    2.16 +div.whole
    2.17 +{
    2.18 +  width: 1200px ;
    2.19 +  margin-left: auto ;
    2.20 +  margin-right: auto ;
    2.21 +  margin-top:25px;
    2.22 +  margin-bottom:15px;
    2.23 +
    2.24 +}
    2.25  
    2.26  
    2.27 -div#templates
    2.28 +         
    2.29 +div#i_materials
    2.30  {
    2.31 -	float: left;
    2.32 -	width: 34%;
    2.33 -	margin-left: 33%;
    2.34 -	display: inline;
    2.35 +display: none;
    2.36 +padding:5px;
    2.37 +border-style:solid;
    2.38 +border-color:#79797b;
    2.39 +border-width:1px;
    2.40  
    2.41 +width:auto;
    2.42 +float:left;
    2.43 +margin:15px;
    2.44 +/*position:absolute;
    2.45 +left:15px;
    2.46 +top:80px;*/
    2.47 +background-color:#000000;
    2.48  
    2.49 -
    2.50 -
    2.51 +}
    2.52 +
    2.53 +div#i_templates
    2.54 +{
    2.55 +font-size:;
    2.56  color: white;
    2.57  background-color:#000000;
    2.58  text-align: left;
    2.59 @@ -22,64 +53,37 @@
    2.60  border-color:#79797b;
    2.61  border-width:1px;
    2.62  
    2.63 +float: left;
    2.64 +width: auto;
    2.65 +
    2.66 +
    2.67 +
    2.68 +/*
    2.69 +position:absolute;
    2.70 +left:15px;
    2.71 +bottom:15px;
    2.72 +*/
    2.73 +
    2.74  }
    2.75  
    2.76  
    2.77  
    2.78  div#display 
    2.79  {
    2.80 -	float: left;
    2.81 -	width: 33%;
    2.82 -	margin-left: -67%;
    2.83 -	display: inline;
    2.84  
    2.85 -
    2.86 +float:left;
    2.87 +margin-top:-5px;
    2.88 +margin-left:10px;
    2.89 +margin-right:10px;
    2.90 +/*
    2.91 +position:absolute;
    2.92 +left:200px;
    2.93 +top:80px;
    2.94 +*/
    2.95  background-color:#FEE2F9;
    2.96  }
    2.97  
    2.98  
    2.99 -
   2.100 -
   2.101 -div#inputbox
   2.102 -{
   2.103 -	float: left;
   2.104 -	width: 33%;
   2.105 -	display: inline;
   2.106 -
   2.107 -
   2.108 -font: bold 14px "helvetica","arial", "sans-serif";
   2.109 -color: white;
   2.110 -background-color:#000000;
   2.111 -}
   2.112 -
   2.113 -
   2.114 -
   2.115 -
   2.116 -
   2.117 -
   2.118 -
   2.119 -
   2.120 -
   2.121 -
   2.122 -
   2.123 -
   2.124 -
   2.125 -
   2.126 -
   2.127 -
   2.128 -
   2.129 -
   2.130 -
   2.131 -div#i_inputbox
   2.132 -{
   2.133 -padding:7px;
   2.134 -border-style:solid;
   2.135 -border-color:#79797b;
   2.136 -border-width:1px;
   2.137 -}
   2.138 -
   2.139 -
   2.140 -
   2.141  input#template1,input#template2,input#template3,input#template4, input#clear_acr, input#green_acr
   2.142  {
   2.143  padding:3px;
   2.144 @@ -89,11 +93,29 @@
   2.145  }
   2.146  
   2.147  
   2.148 +div#i_inputbox
   2.149 +{
   2.150 +padding:10px;
   2.151 +border-style:solid;
   2.152 +border-color:#79797b;
   2.153 +border-width:1px;
   2.154  
   2.155 -div#materials
   2.156 -{
   2.157 -display: none;
   2.158 -}         
   2.159 +font: bold 14px "helvetica","arial", "sans-serif";
   2.160 +color: white;
   2.161 +
   2.162 +float:left;
   2.163 +width:280px;
   2.164 +
   2.165 +
   2.166 +/*
   2.167 +position:absolute;
   2.168 +left:1260px;
   2.169 +top:80px;
   2.170 +*/
   2.171 +
   2.172 +background-color:#000000;
   2.173 +}
   2.174 +         
   2.175  
   2.176  div#pokedex
   2.177  {
   2.178 @@ -104,3 +126,6 @@
   2.179  }
   2.180  
   2.181  
   2.182 +
   2.183 +
   2.184 +