doc/style.css

   1 /*
   2 Stylesheet for the free sNews15_1 template
   3 from http://www.free-css-templates.com
   4 */
   5
   6 /* Reset all margins and paddings for browsers */
   7 * {
   8         padding: 0;
   9         margin: 0;
  10 }
  11
  12 body {
  13         font: .8em Verdana, Arial, Sans-Serif;
  14         line-height: 1.6em;
  15         margin: 0;
  16         /* background-image: url(../images/bg.jpg); */
  17         /* background-repeat: repeat */
  18 }
  19
  20 #wrap { margin: 0 auto; width: 95% }
  21
  22 /* TOP HEADER -------- */
  23 #top {
  24         margin: 0 auto;
  25         padding: 0;
  26         color: #666;
  27         background: #FFF url(../images/cbcbstrip.jpg) repeat-x top;
  28         height: 81px;
  29 }
  30 #top h1 { padding: 10px 0 0 25px; color: #FFF; font-size: 240%; background: transparent;}
  31 #top h2 { padding: 0px 0 0 25px; color: #bbb; font-size: 100%; background: transparent;}
  32 #top .padding { padding-top: 5px; }
  33
  34 /* SEARCH BOX AND BUTTON ----------*/
  35 #search { float: right;  padding: 10px 25px 0 0;  }
  36
  37 #subheader {
  38         clear: both;
  39         border-top: 1px dotted #888;
  40         border-bottom: 1px dotted #888;
  41         background: #eaeaea;
  42         color: #505050;
  43         padding: 1em;
  44         margin: 15px 0px 10px 0px;
  45
  46 }
  47 #subheader a { text-decoration: none; /* border-bottom: 1px dashed #0066B3; */ }
  48
  49
  50 #main { background: #FFF; margin: 25px 0 15px 0; color: #666; }
  51
  52 #main #rightside {
  53         width: 300px;
  54         float: right;
  55         background: #FFF;
  56         margin-right: 0px;
  57         color: #555;
  58
  59 }
  60
  61 #main #rightside .box {
  62         background: #efefef;
  63         margin-bottom: 10px;
  64         padding: 5px;
  65         color: #555;
  66 }
  67
  68 #main #rightside h2 {
  69         font: bold 1.0em Arial, Arial, Sans-Serif;
  70         height: 18px;
  71         padding: 3px;
  72         color: #666;
  73 }
  74
  75 /* LEFT SIDE - ARTICLES AREA -------- */
  76 #leftside {
  77         padding-left: 8px;
  78         color: #555;
  79         background: #FFF;
  80         margin-right: 305px;
  81         margin-left: 0px;
  82
  83 }
  84 #leftside h1 { padding: 15px 0 10px 0 }
  85 #leftside h2 { padding: 15px 0 10px 0; color: #555; text-indent: 17px }
  86 /* #leftside h3 { font-size: 100%; margin-left: 15px; text-indent: 17px; background: #FFF url(../images/head.gif) no-repeat left; } */
  87 #leftside h3 { padding: 15px 0 10px 0; font-size: 100%; margin-left: 5px; text-indent: 17px; background: #FFF url(../images/head.gif) no-repeat left; }
  88 #leftside ul { margin-left: 24px; padding-left 24px; list-style-type: circle }
  89 #leftside li { }
  90 #leftside p { padding: 0px 0 10px 0 }
  91
  92 #footer {
  93         clear: both;
  94         background: #FFF url(../images/footer.jpg) repeat-x;
  95         height: 46px;
  96         margin-left: 0px;
  97         margin-right: 0px;
  98         font-size: 75%;
  99         color: #666;
 100 }
 101 #footer p  { padding: 5px }
 102 #footer .rside { float: right; display: inline; padding: 5px; text-align: right}
 103
 104 #toc {
 105         margin: 15px 15px 15px 10px;
 106 }
 107 #toc ol { list-style: roman }
 108 #toc ul { padding: 0 0 0 20px }
 109
 110 a   { color: #0066B3; background: inherit; text-decoration: none }
 111 h1  { margin: 0 15px 10px 15px; padding: 10px 0 10px 0; font: bold 1.9em Arial, Arial, Sans-Serif }
 112 h2  { margin: 0 15px 10px 15px; padding: 10px 0 10px 0; font: bold 1.2em Arial, Arial, Sans-Serif }
 113 h3  { margin: 0 15px 10px 20px; padding: 10px 0 10px 0; font: 1.2em Arial, Arial, Sans-Serif }
 114 h4  { margin: 0 15px 10px 25px; padding: 10px 0 10px 0; font: 1.1em Arial, Arial, Sans-Serif }
 115 p   { margin: 0 15px 10px 15px; color: #444 }
 116 table { margin-top: 15px }
 117 ul  { margin: 0 15px 10px 15px; padding: 0; margin: 0; list-style-type: none }
 118 pre { margin: 0 15px 15px 25px }
 119 li  { margin: 0 15px 1px 15px; color: #444 }
 120 ol  { margin-left: 24px;
 121       padding-left 24px;
 122       list-style: decimal }
 123 td  { vertical-align: top; }
 124 blockquote { margin-left: 35px; font-family: "Courier New", Courier; }
 125 tt { font: .8em; font-family: "Courier New", Courier; }
 126 code { font: .8em; font-family: "Courier New", Courier; }
 127 .date { border-top: 1px solid #e5e5e5; text-align: right; margin-bottom: 25px; margin-top: 5px;}
 128 #main #leftside .date a, #main #rightside a { border: 0; text-decoration: none; }
 129
 130 .comment .date { text-align: left; border: 0;}
 131
 132 #leftside #txt {width: 100%; height: 10em; padding: 3px 3px 3px 6px; margin-left:0em;}
 133 #leftside textarea { border: 1px solid #bbb; width: 100%;  }
 134
 135
 136 /* SNEWS */
 137 #main #leftside fieldset { float: left; width: 100%; border: 1px solid #ccc; padding: 10px 8px; margin: 0 10px 8px 0; background: #FFF; color: #000; }
 138 #main #leftside fieldset p { width: 100%; }
 139 #main input { padding: 3px; margin: 0; border: 1px solid #bbb }
 140