web/style.css
changeset 7 a6496f95e0fc
parent 5 216bf65ed757
child 8 3e62fc730d8c
equal deleted inserted replaced
6:c4b74f49d336 7:a6496f95e0fc
     5   background-color: #F7F6F6;
     5   background-color: #F7F6F6;
     6   margin-top: -11px;
     6   margin-top: -11px;
     7 }
     7 }
     8 
     8 
     9 #banner {
     9 #banner {
    10   margin: 0px auto;
    10   margin: 0 auto;
    11   width: 960px;
    11   width: 960px;
    12   border-bottom: 1px solid #fe4f76;
    12   border-bottom: 1px solid #fe4f76;
    13   padding-top: 10px;
    13   padding-top: 10px;
    14   padding-bottom: 4px;
    14   padding-bottom: 13px;
    15   margin-top: 7px;  
    15   margin-top: 4px;  
       
    16 }
       
    17 
       
    18 #banner img {
       
    19   margin-left: 51px;
       
    20   float: left;
       
    21   position: relative;
       
    22   top: 5px; 
    16 }
    23 }
    17 
    24 
    18 #outer_div {
    25 #outer_div {
    19   width: 990px;
    26   width: 990px;
    20   background-image: url(../crea/imgs/bgd-degrade.png);
    27   background-image: url(../crea/imgs/bgd-degrade.png);
    26 #inner_div {
    33 #inner_div {
    27   margin: 0px auto;
    34   margin: 0px auto;
    28   width: 960px;
    35   width: 960px;
    29   background-image: url("../crea/imgs/background.png");
    36   background-image: url("../crea/imgs/background.png");
    30   background-repeat: repeat-x;
    37   background-repeat: repeat-x;
    31 }
    38 } 
    32 
    39 
    33 
    40 
    34 #intro_title {
    41 #intro_title {
    35   text-align: center;
    42   text-align: center;
    36   padding-bottom: 20px;
    43   padding-bottom: 20px;
    48   margin: 0 auto;
    55   margin: 0 auto;
    49   width: 910px;
    56   width: 910px;
    50 }
    57 }
    51 
    58 
    52 .thumb {
    59 .thumb {
    53   width: 280px;
    60   width: 270px;
    54   height: 220px;
    61   height: 220px;
    55   float: left;
    62   float: left;
    56   margin-top: 10px;
    63   margin: 5px;
    57   margin-right: 10px;
       
    58   background-color: #f2f2f2;
    64   background-color: #f2f2f2;
    59   border: 1px solid #cccccc;
    65   border: 1px solid #cccccc;
    60   padding: 5px;
    66   padding: 5px;
       
    67   cursor: pointer;
       
    68 }
       
    69 
       
    70 .thumb:hover {
       
    71   background-color: rgb(255, 255, 255);
    61 }
    72 }
    62 
    73 
    63 .thumb img {
    74 .thumb img {
    64   margin: 5px;
    75 }
       
    76 
       
    77 .thumb .title {
       
    78   font-family: 'PT Sans Narrow',arial,serif;
       
    79   font-size: 18px;
       
    80   font-weight: bold;
       
    81   overflow: hidden;
       
    82   white-space: nowrap;
       
    83 }
       
    84 
       
    85 .thumb .text {
       
    86   overflow: hidden;
       
    87   white-space: nowrap;
    65 }
    88 }
    66 
    89 
    67 /* player.php */
    90 /* player.php */
    68 table#content {
    91 table#content {
    69   width: 910px;
       
    70   border: solid 10px #7a7a7a;
    92   border: solid 10px #7a7a7a;
    71   border-bottom: solid 14px #7a7a7a;
    93   border-bottom: solid 14px #7a7a7a;
    72   border-top: solid 14px #7a7a7a;
    94   border-top: solid 14px #7a7a7a;
    73   position: relative;
    95   position: relative;
    74   margin: 0 auto;
    96   margin: 0 auto;
    76   table-layout: fixed;
    98   table-layout: fixed;
    77 }          
    99 }          
    78 
   100 
    79 td#left_pane {
   101 td#left_pane {
    80   background-color: white;
   102   background-color: white;
    81   width: 660px;
   103   vertical-align: top;
       
   104   width: 640px;
    82 }
   105 }
    83 
   106 
    84 td#right_pane {
   107 td#right_pane {
    85   font-family: 'PT Sans Narrow', Helvetica;
   108   font-family: 'PT Sans Narrow', Helvetica;
    86   width: 220px;
   109   width: 220px;