Changed around line 1
- body {
- font-family: Arial, sans-serif;
- margin: 0;
- padding: 0;
- min-height: 100vh;
- background: linear-gradient(to bottom right, #8b5cf6, #3b82f6);
- color: white;
- }
- .container {
- width: 90%;
- max-width: 1200px;
- margin: 0 auto;
- }
- header {
- text-align: center;
- padding: 2rem 0;
- }
- h1 {
- font-size: 2.5rem;
- margin-bottom: 0.5rem;
- }
- .subtitle {
- font-size: 1.25rem;
- }
- main {
- padding: 2rem 0;
- }
- .features {
- display: grid;
- grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
- gap: 1rem;
- }
- .feature {
- background: rgba(255, 255, 255, 0.1);
- backdrop-filter: blur(10px);
- padding: 1.5rem;
- border-radius: 0.5rem;
- }
- .feature h2 {
- display: flex;
- align-items: center;
- font-size: 1.25rem;
- margin-bottom: 1rem;
- }
- .feature h2 i {
- margin-right: 0.5rem;
- }
- .cta {
- text-align: center;
- margin-top: 2rem;
- }
- .cta-button {
- background-color: #fbbf24;
- color: #1f2937;
- font-size: 1.25rem;
- font-weight: bold;
- padding: 0.75rem 1.5rem;
- border: none;
- border-radius: 9999px;
- cursor: pointer;
- transition: background-color 0.3s;
- }
- .cta-button a{
- color: #1f2937;
- text-decoration: none;
- }
- .cta-button:hover {
- background-color: #fcd34d;
- }
- footer {
- text-align: center;
- padding: 2rem 0;
- margin-top: 2rem;
- }
+ body
+ {
+ font-size: 12px;
+ line-height: 1.6;
+ font-family: Arial, Helvetica, sans-serif;
+ background-image: url("teomagreybackv2b.jpg");
+ background-position: bottom left;
+ background-repeat: no-repeat;
+ background-attachment: fixed;
+ color: #444;
+ overflow: -moz-scrollbars-vertical;
+ margin: 2;
+ }
+
+ div#main
+ {
+ width: 420px;
+ margin-top: 0;
+ margin-right: auto;
+ margin-bottom: 0;
+ margin-left: auto;
+ padding: 0px;
+ border-color: #888;
+ border-width: 0px;
+ border-style: solid;
+ text-align: left;
+ }
+
+ div.button
+ {
+ width: 400px;
+ height: 11px;
+ // background-color: #1A659E;
+ // font-weight: normal;
+ : ;
+ // font-size: 1.4em;
+ // color: #FFF;
+ cursor: default;
+ padding-top: 10px;
+ padding-right: 10px;
+ padding-bottom: 10px;
+ padding-left: 10px;
+ font-size: 11px;
+ font-weight: bold;
+ text-transform: uppercase;
+ color: #000000;
+ background-color: #F27C11;
+ }
+
+ div.tresc
+ {
+ width: 400px;
+ background-color: #000000;
+ // font-size: 1.4em;
+ color: #206BA4;
+ padding-top: 10px;
+ padding-right: 10px;
+ padding-bottom: 10px;
+ padding-left: 10px;
+ font-size: 10px;
+ font-weight: normal;
+ // text-transform: uppercase;
+ color: #222;
+ background-color: #EEEEEE;
+ }
+
+ body, h1, h3, p
+ {
+ padding: 0;
+ margin: 0;
+ }
+
+ a:link, a:visited
+ {
+ color: #FF0380;
+ font-weight: bold;
+ outline-style: none;
+ }
+
+ a:hover, a:active
+ {
+ color: #FF0080;
+ }
+
+ strong
+ {
+ color: orange;
+ }
+
+ em
+ {
+ font-style: normal;
+ color: olive;
+ }
+
+ #container
+ {
+ background-image: url("tm00123.jpg") ! important;
+ background-position: top left ! important;
+ background-repeat: repeat-y ! important;
+ background-image: url(container.gif);
+ background-position: top left;
+ background-repeat: repeat-y;/*stoopid ie*/
+
+ width: 420px;
+ margin-top: 0;
+ margin-right: auto;
+ margin-bottom: 0;
+ margin-left: auto;
+ min-height: 100%;
+ height: auto ! important;
+ height: 100%;/*stoopid ie*/
+ }
+
+ #header
+ {
+ height: 152px;
+ width: 420px;
+ margin-bottom: 100 ! important;
+ background-image: url("eyemememe.jpg") ! important;
+ background-position: top center ! important;
+ background-repeat: no-repeat ! important;
+ background-image: url(header.gif);
+ background-position: top center;
+ background-repeat: no-repeat;/*stoopid ie*/
+ }
+
+ #header h1
+ {
+ background-image: url(3kball.png) ! important;
+ background-position: top left ! important;
+ background-repeat: no-repeat ! important;
+ background-image: url(3kball.gif);
+ background-position: top left;
+ background-repeat: no-repeat;/*stoopid ie*/
+
+ position: relative;
+ height: 55px;
+ width: 61px;
+ left: 420px;
+ top: 13px;
+ cursor: move;
+ }
+
+ #header h1 span, #footer span
+ {
+ display: none;
+ }
+
+ #content, #ads
+ {
+ width: 420px;
+ padding-left: 45px;
+ }
+
+ h3
+ {
+ padding-top: 10px;
+ padding-right: 10px;
+ padding-bottom: 10px;
+ padding-left: 10px;
+ font-size: 10px;
+ font-weight: normal;
+ text-transform: uppercase;
+ color: #222;
+ background-color: #466916;
+ cursor: pointer;
+ }
+
+ h4
+ {
+ margin: 0;
+ padding-top: 10px;
+ padding-right: 10px;
+ padding-bottom: 10px;
+ padding-left: 10px;
+ font-size: 12px;
+ color: #333;
+ border-bottom-color: #eee;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ }
+
+ ol
+ {
+ margin: 0;
+ padding-top: 0;
+ padding-right: 10px;
+ padding-bottom: 10px;
+ padding-left: 35px;
+ }
+
+ h3 a:link, h3 a:visited
+ {
+ font-weight: normal;
+ letter-spacing: 2px;
+ display: block;
+ text-decoration: none;
+ color: #3B3B3B;
+ }
+
+ h3 a:hover, h3 a:active
+ {
+ color: #222;
+ }
+
+ h3.news, h3.mootools
+ {
+ background-color: #49EDD5;
+ }
+
+ h3.gethelp, h3.prototype
+ {
+ background-color: #FA1D1D;
+ }
+
+ p
+ {
+ padding-top: 10px;
+ padding-right: 10px;
+ padding-bottom: 10px;
+ padding-left: 10px;
+ color: #444;
+ background-color: #fff;
+ }
+
+ #footer
+ {
+ display: block;
+ height: 180px;
+ width: 420px;
+ background-image: url("teomafooter.png");
+ background-position: top right;
+ background-repeat: no-repeat;
+ // margin-left: 80px;
+ // padding-bottom: 30px;
+ }
+
+ #ads
+ {
+ padding-bottom: 20px;
+ }
+
+ #ads h3
+ {
+ background-color: #eee;
+ }
+
+ #ads h3 a
+ {
+ text-decoration: underline;
+ color: #5275b4;
+ }
+
+ div.ads
+ {
+ width: 422px;
+ padding: 10px;
+ }
+
+
+ {
+ background-image: url("teomamubak.jpg");
+ background-image: url("tm004t.jpg");
+ }
+
+
+ {
+ background-image: url("tm0012.jpg");
+ background-image: url("myface4.jpg");
+ }
+
+
+ {
+ background-image: url("teomamubak.jpg");
+ }
+
+
+ {
+ background-image: url("myface5.jpg");
+ }
+
+
+ {
+ background-image: url("myface2.jpg");
+ }
+
+
+ {
+ background-image: url("myeyeofeye.jpg") ! important;
+ }