/* rars.css Stylesheet for rars.org web site originally created by WA2UZO@arrl.net. As more items are customized on the web site new styles should be added to this file with comments. Note that if you change something in this file please check the web site to be sure nothing else got hosed. Also, be sure to track your changes below so they can be undone if need be. HISTORY 4-JUL-2001 - Created (WA2UZO) All files that need to use this stylesheet (which should be all files) must contain the following line in between their tags: See for more detailed information. */ /* BODY */ body { font-family: verdana, arial, sans-serif; font-size: 14px; /* xx-small | x-small | small | medium | large | x-large | xx-large or pt, em or % */ font-style: normal; /* normal | italic | oblique */ font-variant: normal; /* normal | small-caps */ font-weight: normal; /* normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 */ color: black; /* font color */ background-color:#e0f0ff; /* background-color: white; */ background-image: none; /* none | url(path/to/file.gif) */ background-repeat: repeat; /* repeat | repeat-x | repeat-y */ background-attachment: fixed; /* fixed | scroll */ margin-top: 1em; /* em | px | % */ margin-left: 2em; margin-bottom: 3em; margin-right: 2em; /* should be same as margin-left */ } /* not sure if this is used anywhere */ .universe800 { width:00px; text-align:left; border:solid red 1px; } .mono { font-family: monospace; } /* P */ /* P { margin-left: 5%; margin-right: 5%; } */ .shallow { margin-left: 5%; margin-right: 5%; } .deep { margin-left: 10%; margin-right: 10%; } .deeper { margin-left: 15%; margin-right: 10%; } .deepest { margin-left: 20%; margin-right: 10%; } /* LINKS */ A:link { color: #0000FF } /* unvisited link #0000FF */ A:visited { color: #0000FF } /* visited links #000077 */ A:active { color: #0000FF } /* active links #000077 */ A:hover { color: #FF0000; } /* ff0000 was color: #333333; text-decoration: underline; hover links */ A.blue:link {color: #ff0000;} A.blue:visited {color: #ff0000;} A.blue:hover {color: #00dd00; background: #ffffff; font-weight: bold;} /* A.blue:link {color: #0000ff; background: #ffffff; font-weight: bold;} can be used where */ /* DIV EXTRAS use as:
blah
*/ div.outline { padding: 1em; /* can also set individual padding-left, padding-top, etc. */ border-style: solid; /* none | dotted | dashed | solid | double | groove | ridge | inset | outset */ border-color: black; border-width: thin; /* thin | medium | thick (can also set border-left-width, border-top-width, etc.) */ background: #EEEEEE; width: 90%; margin-left: 5%; margin-right: 5%; } div.graybox { padding: 1em; /* can also set individual padding-left, padding-top, etc. */ border-style: none; /* none | dotted | dashed | solid | double | groove | ridge | inset | outset */ background: #DDDDDD; width: 88% ; margin-left: 4% ; margin-right: 6% ; } div.grayhead { padding: 1em; /* can also set individual padding-left, padding-top, etc. */ border-style: none; /* none | dotted | dashed | solid | double | groove | ridge | inset | outset */ background: #DDDDDD; width: auto; /* was 100% - changed to auton on 11/24/2008 */ } /* styles for button menu and general 2009 layout changes (K4HM) */ .universe{ width: 800px; border: blue solid 1px; padding: 0px 0px 0px 0px; margin-top: -5px; background-color:white; } .universewide{ width: 1002px; margin-left:0px; margin-right:0px; margin:auto; border: blue solid 1px; padding: 0px 0px 0px 0px; margin-top: -5px; background-color:white; } .banner{ border-bottom:2px solid black; width:990px; margin:0px 9px 0px 0px; margin:auto; } div.toolbar{ /* contains searches and ads */ border-bottom:solid black 1px; width:990px; /*width:798px;*/ width:99%; height:44px; padding: 0px 1px; background-color:white; } div.sitesearch{ background-color: white; width: 29%; /* width: 269px; */ height:44px; margin: 0px 0px; padding: 0px 0px 0px 0px; float: left; text-align: left; /* overflow:auto; */ /* xx-small | x-small | small | medium | large | x-large | xx-large or pt, em or % */ /* text-shadow:5px 5px; */ } div.callsearch{ background-color: white; width: 16%; /* width: 136px; */ height:44px; margin:0px 0px;; /* margin: 2px 1px 2px 1px; */ padding: 0px 0px; /* padding-bottom: 2px; */ float: left; font-weight:bold; /* overflow:auto; */ /* xx-small | x-small | small | medium | large | x-large | xx-large or pt, em or % */ /* text-shadow:5px 5px; */ } .advertz{ width: 54%; border-left: blue solid 1px; border-right: blue solid 1px; height:44px; /* line-height:44px; */ font-size:18px; color:red; background-color:#ffff00; /* background-image:url(../art/fade_peach.gif); */ margin-left:auto; margin-right:auto ; float:left; /* width:48%; background-color: red; width:384px; border:red solid 0px; color:red; */ } div.left{ margin-top: 4px; /* width: 98px; */ /* width: 10%; */ padding-top: 4px; padding-left: 2px; padding-right: 0px; float: left; overflow:auto; /* border:red solid 1px; */ /* text-shadow:5px 5px; */ } div.center{ margin: 0px; float:left; /*border:red solid 1px; */ border-right:black solid 1px; border-left: black solid 1px; padding: 5px; width:820px; /* height: 500px; */ overflow:auto; /* background-color:yellow; */ /*float: left;*/ } div.right{ /* background-color: silver; */ border-left:gray solid 0px; margin-top: 0px; /* padding-left: 0px; */ padding-right: 4px; padding-bottom:0px; float: right; width:71px; /* height:81em; */ /* height:690px; */ /* height:100px; */ /* overflow:visible; visible shows as many icon-links as will fit without extending height of main section */ font-size: 11px; } div.right img{ /* padding-top: 6px; */ width:50px; margin-top:12px; } div.right button:hover{ background-color: yellow; border: red dashed; } div.left button{ margin-bottom:3px; padding: 0px; color: blue; width:92px; height:36px; font-size:11px; font-weight: 600; font-family: arial, times, Helvetica; } div.left button:hover{ background-color: yellow; border: red dashed; } /* button img{ width:84px; height:33px; } */ div.links ul{ text-align:left; } div.links li{ text-align:left; line-height:25px; } /* For 2013 LeftMenu */ .LeftMenu a, .LeftMenu a:visited { text-decoration:none; color:blue; font-weight: 600; display:block; } .LeftMenu a:hover { color:red; } .LeftMenu td { border:solid black 1px;; background-color: #dddddd; margin: 0px; padding: 0px; color:red; height:32px; width: 87px; font-size:11px; font-weight: 600; text-align:center; font-family: arial, times, Helvetica; } .LeftMenu td:hover { background-color: #ffffff; }