CSS 25
Common-modern.css Guest on 6th February 2021 10:05:25 AM
  1. * {
  2.     margin: 0;
  3.     padding: 0;
  4. }
  5.  
  6. body {
  7.     font-family: Verdana, Arial, Helvetica, sans-serif;
  8.     font-size: 65%;
  9. }
  10.  
  11. #wrapper {
  12.     width: 800px;
  13.     margin: 0 auto;
  14.     padding: 0px;
  15. }
  16.  
  17. p {
  18.     margin: 0px;
  19. }
  20.  
  21. h1, h2, h3 {
  22.     font-family: Minion, Times, serif;
  23.     font-weight: normal;
  24.     font-size: 18px;
  25.     /*line-height: 200%;*/
  26.     margin-bottom: 0px;
  27.     text-decoration: none;
  28. }
  29.  
  30. h1 {
  31.     text-align: left;
  32.     color: #CC0000;
  33.     /*margin-top: 10px; changed to reflect line-height deletion */
  34.     margin: 0px 0px 5px 0px;
  35. }
  36.  
  37. /* h2 and h3 are similar except that h2 has a gray dotted line  
  38. underneath */
  39.  
  40. h2 {
  41.     text-align: left;
  42.     padding-bottom: 0px;
  43. }
  44.  
  45. h3 {
  46.     text-align: left;
  47. }
  48.  
  49. h4 {
  50.     font-size:10px;
  51.     font-weight: bold;
  52.     text-decoration: none;
  53.     text-align: left;
  54.     line-height: 1.4em;
  55. }
  56.  
  57. h5 {
  58.     text-transform: uppercase;
  59.     font-size:10px;
  60.     font-weight: bold;
  61.     line-height: 1.8em;
  62. }
  63.  
  64. p, blockquote, ul, ol {
  65.     margin-bottom: 1.5em;
  66.     line-height: 1.8em;
  67. }
  68.  
  69. blockquote, ul, ol {
  70.     margin-left: 3em;
  71. }
  72.  
  73. blockquote {
  74.     margin-right: 3em;
  75. }
  76.  
  77. a, a:link, a:hover, a:visited {
  78.     text-deocration: underline;
  79. }
  80.  
  81. img {
  82.     border: none;
  83. }
  84.  
  85. /* Header */
  86.  
  87. #header {
  88.     display: block;
  89.     width: 800px;
  90.     height: 78px;
  91.     margin: 0px;
  92.     padding: 8px 0px 0px 0px; /*needed so the underlines in the toplinks show up */
  93.     overflow:hidden; /* makes IE work */
  94. }
  95.  
  96. #header h1, h2  {
  97.     display: inline;
  98.     margin: 0px;
  99.     padding: 0px;
  100.  
  101. }
  102.  
  103. /* Logo - Uses image replacement technique*/
  104.  
  105. #logo {
  106.     float: left;
  107.     width: 500px;
  108.     height: 78px;
  109.     position: relative;
  110.     font-weight: bold;
  111.     font-size: 14px;
  112. }
  113.    
  114. #logo span {
  115.     position: absolute;
  116.     width: 500px;
  117.     height: 78px;
  118. }
  119.  
  120. #logo a {
  121.     text-decoration: none;
  122.     border: 0;
  123. }
  124.  
  125. /* Page */
  126.  
  127. #page {
  128.     width: 800px;
  129.     padding: 3px 0px 20px 0px;
  130.     margin: 0px;
  131. }
  132.  
  133. /*#page #-top {
  134.     padding: 0px;
  135.     margin: 5px;
  136.     float: left;
  137.     width: 800px;
  138.     border: 0px;
  139. }*/
  140.  
  141. #page #panoramic {
  142.     padding: 0px;
  143.     margin-bottom: 3px;
  144.     float: right;
  145.     width: 800px;
  146.     border: 0px;
  147. }
  148.  
  149. #page #generic {
  150.     float: right;
  151.     padding: -2px 0px;
  152.     margin: 0px;
  153.     width: 536px; /* Max 544, decrease to increase padding */
  154.     border: 0px;
  155. }  
  156.  
  157. #content {
  158.     float: right;
  159.     width: 576px;
  160.     margin: 0px;
  161. }
  162.  
  163. .banner-image {
  164.     width: 560px;
  165.     float: right;
  166.     margin-bottom: 3px;
  167. }
  168.  
  169. #content #onecol {
  170.     float: left;
  171.     width: 544px;
  172.     padding: 15px 16px 0px 16px;
  173. }
  174.  
  175. #content #twocol {
  176.     float: left;
  177.     width: 346px;
  178.     padding: 16px 0px 0px 16px;
  179. }
  180.  
  181. /**********************************
  182. * Begin code for bar on left side *
  183. **********************************/
  184.  
  185. #left-sidebar {
  186.     float: left;
  187.     width: 224px;
  188.     margin: 0px;
  189.     padding: 0px;
  190.     border: 0px;
  191. }
  192.  
  193. #left-sidebar img {
  194.     border: 0px;
  195.     padding-top: 8px;
  196. }
  197.  
  198. #navigation {
  199.     float: left;
  200.     margin-left: 0px;
  201.     font-family: Verdana, Arial, Helvetica, sans-serif;
  202.     font-weight: bold;
  203.     font-size: 11px;
  204.     width: 222px;
  205. }
  206.                    
  207. #navigation ul#leftnav  {
  208.     margin: 10px;
  209.     padding: 0px;
  210.     line-height: 120%;
  211.     list-style:none;
  212. }
  213.                        
  214. #navigation ul#leftnav li {
  215.     display:block;
  216.     margin:0;
  217.     voice-family: "\"}\"";
  218.     voice-family:inherit;
  219. }
  220.                        
  221. #navigation ul#leftnav li.selected {
  222.     display: block;
  223.     padding-bottom: 0px;
  224.     font-weight: bold;
  225.     voice-family: "\"}\"";
  226.     voice-family:inherit;
  227. }
  228.  
  229. #navigation ul#leftnav li a {
  230.     display: block;
  231.     padding: 10px 5px 10px 14px;
  232.     text-decoration: none;
  233.     _height: 1em;  /*needed for IE6*/
  234.  
  235. }
  236.  
  237. #navigation ul#leftnav li.selected a {
  238.     border-bottom: 0px solid black;
  239. }
  240.  
  241. #navigation ul#leftnav li a:hover {
  242.     display: block;
  243. }
  244.  
  245. #navigation ul#leftnav li.selected a:link,
  246. #navigation ul#leftnav li.selected a:link {
  247.     display: block;
  248. }
  249.  
  250. #navigation ul#leftnav li.selected ul#leftnav-level2    {
  251.     font-size: 10px;
  252.     font-weight: normal;
  253.     margin: 0px;
  254.     padding: 0px 0px 3px 28px;
  255.     line-height: 120%;
  256.     list-style:none;
  257. }
  258.  
  259. #navigation ul#leftnav li.selected ul#leftnav-level2 li {
  260.     margin: 0px;
  261.     font-weight: normal;
  262.     display: inline;
  263. }
  264.  
  265. #navigation ul#leftnav li.selected ul#leftnav-level2 li.selected    {
  266.     margin: 0px;
  267.     display: inline;
  268. }
  269.  
  270. #navigation ul#leftnav li.selected ul#leftnav-level2 li a   {
  271.     display: block;
  272.     margin: 0px;
  273.     padding: 0px 0px 6px 0px;
  274.     border: 0px;
  275. }
  276.  
  277. /**********************************
  278. * Begin code for sidebar *
  279. **********************************/
  280. #sidebar {
  281.     float: right;
  282.     width: 198px;
  283.     padding: 15px 0px 15px 0px;
  284.     margin: 0px;
  285. }
  286.  
  287. #sidebar img {
  288.     margin: 0px 0px 10px 0px;  
  289.     padding: 0px 10px 0px 10px;
  290. }
  291.  
  292. #sidebar p {
  293.     margin: 0px;   
  294.     padding: 0px 10px;
  295. }
  296.  
  297. #sidebar h2 {
  298.     width: 178px;
  299.     margin: 15px 10px 10px 10px;
  300. }
  301.  
  302. #sidebar h4 {
  303.     font-size:10px;
  304.     font-weight: bold;
  305.     text-decoration: none;
  306.     text-align: left;
  307.     line-height: 1.4em;
  308.     width: 178px;
  309.     margin: 0px 10px;
  310. }
  311.  
  312. #sidebar ul {
  313.     margin: 0;
  314.     padding: 0;
  315.     list-style: none;
  316.     line-height: normal;
  317. }
  318.  
  319. #sidebar div.eventtime {
  320.     padding: 0px 10px;
  321. }
  322.  
  323. #sidebar blockquote {
  324.     margin-left: 0;
  325.     margin-right: 0;
  326. }
  327.  
  328. /**********************************
  329. * End code for bar on left side *
  330. **********************************/
  331.  
  332.  
  333. /***********************************************************
  334. * Start code for links in the top right corner of the page *
  335. ***********************************************************/
  336. #toplinks {
  337.     width:800px;
  338.     font-size: 10px;
  339.     text-align: right;
  340.     margin: 0px;
  341.     padding: 0px;
  342. }
  343.  
  344. #toplinks-list {
  345.     font-family: Verdana, Arial, Helvetica, sans-serif;
  346.     font-size: 10px;
  347.     margin: 0px;
  348.     padding: 0px 5px 0px 0px;
  349.     list-style-type: none;
  350.     line-height: 120%;
  351. }
  352.  
  353. #toplinks-list li {
  354.     display: inline;
  355.     list-style-type: none;
  356.     padding: 0px 8px 0px 8px;
  357.     margin: 0px;
  358.     height: 14px;
  359.     border-right: 1px solid #FFF;
  360. }
  361.  
  362. #toplinks-list li.right {
  363.     border: 0px;
  364. }
  365.  
  366.  
  367. #toplinks-list li a:link,
  368. #toplinks-list li a:visited {
  369.     color: #FFF;
  370.     text-decoration: none;
  371. }
  372.  
  373. #toplinks-list li a:hover,
  374. #toplinks-list li a:active {
  375.     color: #FFF;
  376.     text-decoration: underline;
  377. }
  378.  
  379. /************************
  380. * Start code for footer *
  381. ************************/
  382. #footer {
  383.     clear:both;
  384.     width: 800px;
  385.     text-align: center;
  386.     padding: 10px 0px;
  387.     margin: 0px auto;
  388.    
  389. }
  390.                
  391. #footer li  {
  392.     display: inline;
  393. }
  394.    
  395. #footer a:link, #footer a:visited {
  396.     text-decoration: none;
  397. }
  398.  
  399. #footer a:hover {
  400.     text-decoration: underline;
  401. }
  402.    
  403. #footer p {
  404.     margin: 0px;
  405.     line-height: 175%;
  406. }
  407.  
  408. /************************
  409. * End code for footer *
  410. ************************/
  411.  
  412. #clear {
  413.     clear: both;
  414.     height: 1px;
  415. }
  416.  
  417. .twoline {
  418.     margin-left: 50px;
  419. }
  420.  
  421. .imageborder {
  422.     margin-right: 9px;
  423. }

Paste is for source code and general debugging text.

Login or Register to edit, delete and keep track of your pastes and more.

Raw Paste

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