Changeset 2433

Show
Ignore:
Timestamp:
02/06/08 10:44:44
Author:
miyagawa
Message:

update css

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved
  • yapcasia2008/wwwdocs/css/style.css

    r2428 r2433  
    1 /* 
    2  * CSS Stylesheet for French Perl Workshop 2006 
    3  * -------------------------------------------- 
    4  *  
    5  */ 
     1body { 
     2        background-color: white; 
     3        color: black; 
     4        font-family: sans-serif; 
     5        margin: 0pt auto; 
     6
    67 
    7 /* Global layout ============================== */ 
    8 body { 
    9     width: 80%; 
    10     margin-left: auto; 
    11     margin-right: auto; 
    12     padding-left: 20%; 
     8#wrapper { 
     9        margin: 0pt auto; 
     10        width: 850px; 
    1311} 
    1412 
    1513#menu { 
    16     width: 15%
    17     position: absolute
    18     top: 100px;  left: 2%
     14       float: left
     15       font-size: 90%
     16       width: 150px
    1917} 
    2018 
    21 /* Default fonts ============================== */ 
    22 body, input, textarea { 
    23     background-color: white; 
    24     color: black; 
    25     font-family: "Verdana", sans-serif; 
     19#menu h2 { 
     20        font-size: 110%; 
    2621} 
    2722 
    28 /* Generic styles ============================= */ 
    29 .hidden { display: none; } 
    30 .nowrap { white-space: nowrap; } 
    31 .center { margin-left: auto; margin-right: auto; } 
    32  
    33 /* Styles for links =========================== */ 
    34 a { 
    35   text-decoration: none; 
     23#menu ul { 
     24        list-style-image: none; 
     25        list-style-position: outside; 
     26        list-style-type: none; 
    3627} 
    3728 
    38 a img { 
    39   border: none; 
     29#content { 
     30        float: right; 
     31        width: 700px; 
    4032} 
    4133 
    42 a[href]:hover, a[href]:focus { 
    43   text-decoration: underline; 
     34#footer { 
     35        clear: both; 
     36        font-size: 80%; 
     37        text-align: right; 
    4438} 
    45  
    46 /* Images styles ============================== */ 
    47 .thumbnail { 
    48   float: right; 
    49   margin: 10px; 
    50 } 
    51  
    52 /* Styles for boxes =========================== */ 
    53 .abstract { 
    54   font-size: 110%; 
    55   font-weight: bold; 
    56 } 
    57  
    58 #copyright { 
    59   font-style: italic; 
    60   font-size: 80%; 
    61   color: #999; 
    62   clear: both; 
    63 } 
    64  
    65 /* Menu layout ================================ */ 
    66 #menu { 
    67     padding: 5px; 
    68     border: solid #999 1px; 
    69     border-top-color: #ccc; 
    70     border-left-color: #ccc; 
    71     background-color: #ffffff; 
    72     -moz-border-radius: 10px; 
    73     font-size: 80%; 
    74 /*    font-weight: bold; */ 
    75 } 
    76  
    77 #menu a { 
    78     display: block; 
    79 } 
    80  
    81  
    82 #frame1 { 
    83     position: absolute; 
    84     top: 3%; left: 4%; 
    85     width: 20%;  height: 70%; 
    86     border-top: solid 1px #ddd; 
    87     border-left: solid 1px #ddd; 
    88 } 
    89  
    90 #box1, #box2 { 
    91     position: absolute; 
    92     background-color: #f7f7ff; 
    93 } 
    94  
    95 #box1 { 
    96     top: 60%;  left: 30%; 
    97     width: 30%;  height: 20%; 
    98 } 
    99  
    100 /* Styles for printing ======================== */ 
    101 @media print { 
    102   h1, h2, h3, h4, h5, h6 { page-break-after: avoid } 
    103   body  { width: 90%; padding: 2%; font-family: "Times New Roman", serif; } 
    104   p     { text-align: justify; } 
    105   #menu { display: none; } 
    106 } 
    107