CSS   100

sinorca-grey.css

Guest on 14th October 2021 02:10:42 AM

  1. /******************************************************************
  2.  * TITLE: Grey Boxes Stylesheet for Sinorca                       *
  3.  * URI  : http://www.oswd.org/design/???/sinorca/sinorca-grey.css *
  4.  * MODIF: +0800                                   *
  5.  ******************************************************************/
  6. /* ###### Body Text ###### */
  7. body {
  8.   background-color: #f0f0f0;
  9.   font-family: verdana, tahoma, helvetica, arial, sans-serif;
  10.   font-size: 82%;
  11.   margin: 0;
  12.   background-repeat: no-repeat;
  13.   background-attachment: scroll;
  14. }
  15. h1, h2, h3 {
  16.   color: white;
  17.   background-color: #6487dc;
  18.   padding-left: 1ex;
  19.   padding-right: 1ex;
  20. }
  21. h1 {
  22.   font-weight: bold;
  23.   font-size: 100%;
  24.   padding-top: 0.5ex;
  25.   padding-bottom: 0.5ex;
  26.   margin-top: 3ex;
  27. }
  28. img {
  29.   border: none;
  30. }
  31. q {
  32.   font-family: tahoma, verdana, helvetica, arial, sans-serif;
  33.   text-align: left;
  34.   width: 9em;
  35.   margin: 0 1em 1ex 1em;
  36.   padding: 0.5ex 0.5ex 0.5ex 1ex;
  37.   border-style: solid;
  38.   border-width: 1px;
  39.   float: right;
  40. }
  41. acronym {
  42.   border-bottom-style: dotted;
  43.   border-bottom-width: 1px;
  44.   cursor: help;
  45. }
  46. code {
  47.   font-family: "lucida console", "courier new", courier, monospace;
  48. }
  49. dt {
  50.   font-weight: bold;
  51.   padding-left: 1ex;
  52.   padding-right: 1ex;
  53. }
  54. dd {
  55.   padding-left: 1ex;
  56.   padding-right: 1ex;
  57.   padding-bottom: 1.5em;
  58. }
  59. #bodyText {
  60.   background-color: white;
  61.   text-align: justify;
  62.   line-height: 1.5em;
  63.   margin: 0 0 0 15.5em;
  64.   padding: 5mm 5mm 2mm 5mm;
  65.   border-left: 1px solid #999999;
  66. }
  67. #bodyText p {
  68.   padding-left: 1ex;
  69.   padding-right: 1ex;
  70.   padding-bottom: 2ex;
  71. }
  72. #bodyText a {
  73.   text-decoration: none;
  74.   border-bottom-style: solid;
  75.   border-bottom-width: 1px;
  76. }
  77. #bodyText a:hover {
  78.   border-bottom: none;
  79. }
  80. #bodyText .topOfPage {
  81.   color: white;
  82.   font-weight: bold;
  83.   font-variant: small-caps;
  84.   border: 0;
  85.   padding: 0.25ex 1ex;
  86.   float: right;
  87. }
  88. #bodyText [class~="topOfPage"] {
  89.   padding: 1.5ex 1ex;
  90. }
  91. .smallCaps {
  92.   font-variant: small-caps;
  93. }
  94. /* ###### Header ###### */
  95. #upperMenuBar {
  96.   height: 2.1em;
  97. }
  98. #upperMenuBar a {
  99.   font-size: 90%;
  100.   text-decoration: none;
  101.   padding-left: 0.8ex;
  102.   padding-right: 1.6ex;
  103. }
  104. #upperMenuBar a:hover {
  105.   text-decoration: underline;
  106. }
  107. .LHS {
  108.   position: absolute;
  109.   left: 1.7mm;
  110.   top: 1ex;
  111. }
  112. .RHS {
  113.   position: absolute;
  114.   right: 0.6mm;
  115.   top: 0.9ex;
  116. }
  117. #header {
  118.   font-size: 200%;
  119.   height: 1.45em;
  120.   padding-left: 4mm;
  121. }
  122. #headerSearch {
  123.   position: absolute;
  124.   right: 2mm;
  125.   top: 3.6em;
  126. }
  127. #headerSearch .text {
  128.   font-family: "lucida console", "courier new", courier, monospace;
  129.   font-size: 97%;
  130.   font-size-adjust: 0.55;
  131.   width: 9em;
  132.   height: 2ex;
  133.   padding: 1mm;
  134.   border-style: solid;
  135.   border-width: 1px;
  136. }
  137. #headerSearch [class~="text"] {  /* This rule only rendered by CSS2-fully compliant browsers */
  138.   height: 3.75ex;
  139. }
  140. #headerSearch .submit {
  141.   font-size: 100%;
  142.   font-weight: bold;
  143.   border-style: solid;
  144.   border-width: 1px;
  145.   cursor: pointer;
  146.   position: relative;
  147.   top: -0.25ex;
  148. }
  149. #lowerMenuBar {
  150.   height: 1.55em;
  151.   padding-left: 1.3mm;
  152.   padding-top: 1ex;
  153. }
  154. #lowerMenuBar a {
  155.   font-weight: bold;
  156.   text-decoration: none;
  157.   padding-left: 0.75ex;
  158.   padding-right: 1.5ex;
  159. }  
  160. #lowerMenuBar a:hover {
  161.   text-decoration: underline;
  162. }
  163. #upperMenuBar .highlight, #lowerMenuBar .highlight {
  164.   /* See: color-scheme.css */
  165. }
  166. /* ###### Side Boxes ###### */
  167. .sideMenuBox, .sideTextBox {
  168.   background-color: #f0f0f0;
  169.   width: 15.5em;
  170.   border-bottom: 1px solid #999999;
  171.   padding-top: 1em;
  172.   padding-bottom: 1em;
  173.   float: left;
  174.   clear: left;
  175. }
  176. .sideMenuBox div, .sideTextBox div {
  177.   font-weight: bold;
  178.   padding-left: 2.5mm;
  179.   padding-bottom: 1ex;
  180. }
  181. .sideMenuBox a {
  182.   text-decoration: none;
  183.   display: block;
  184.   padding: 1.5ex 1ex 1.5ex 5mm;
  185. }
  186. .sideMenuBox a:hover {
  187.   /* See: color-scheme.css */
  188. }
  189. .sideMenuBox .thisPage {
  190.   display: block;
  191.   padding: 1.2ex 1ex 1.2ex 5mm;
  192. }
  193. .sideTextBox span {
  194.   line-height: 1.5em;
  195.   display: block;
  196.   padding: 0 1ex 0 5mm;
  197. }
  198. .sideTextBox a {
  199.   text-decoration: none;
  200.   border-bottom-style: solid;
  201.   border-bottom-width: 1px;
  202. }
  203. .sideTextBox a:hover {
  204.   border-bottom: none;
  205. }
  206. .lighterBG {
  207.   background-color: white;
  208. }
  209. /* ###### Footer ###### */
  210. #footer {
  211.   font-size: 90%;
  212.   padding: 1.9ex 2.6mm 2.4ex 2.6mm;
  213.   clear: left;
  214. }
  215. #footer div {
  216.   text-align: right;
  217.   line-height: 1.45em;
  218. }
  219. #footer a {
  220.   text-decoration: none;
  221.   border-bottom-style: solid;
  222.   border-bottom-width: 1px;
  223. }
  224. #footer a:hover {
  225.   border-bottom: none;
  226. }
  227. .footerLHS {
  228.   float: left;
  229.   clear: left;
  230. }

Raw Paste


Login or Register to edit or fork this paste. It's free.