Mercurial > laserkard

     1 

     2 p {margin-left:20px}

     3 body {}

     4 body

     5 {

     6 

     7 margin:0;

     8 padding:0;

     9 background-color:red

    10 }

    11 

    12 .main

    13 {

    14 position:relative;

    15 margin-left: auto ;

    16 margin-right: auto ;

    17 background-color:blue;

    18 width: 300px ;

    19 }

    20 

    21 

    22 .cards

    23 {

    24 position:relative;

    25 width: 700px ;

    26 height: 300px;

    27 margin-left: auto;

    28 margin-right: auto;

    29 background-color:#00ff00;

    30 

    31 }

    32 

    33 

    34 h1

    35 {

    36 width:250px;

    37 padding:10px;

    38 border:5px solid gray;

    39 margin:10px; 

    40 min-width: 200px;

    41 min-height: 200px;

    42 

    43 

    44 }

    45 

    46 

    47 .contact

    48 {

    49 position:absolute;

    50 left:10px;

    51 top:5px;

    52 background-color:#FEE2F9;

    53 min-width: 245px;

    54 min-height: 140px;

    55 

    56 

    57 

    58 

    59 }

    60 a:link {color:#FF0000}      /* unvisited link */

    61 a:visited {color:#00FF00}  /* visited link */

    62 a:hover {color:#FF00FF}  /* mouse over link */

    63 a:active {color:#0000FF}  /* selected link */

    64 

    65 

    66 

    67 

    68 .buy 

    69 {

    70 position:absolute;

    71 left:100px;

    72 top:300px;

    73 background-color:#423333;

    74 }

    75 

    76 

    77 

    78 

    79 

    80 

    81 .about

    82 {

    83 position:absolute;

    84 left:100px;

    85 top:300px;

    86 background-color:#9373fa;

    87 }

    88 

    89 

    90 

    91 

    92 

    93