Advertisement
troycosentino

css

Jul 28th, 2012
110
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 5.07 KB | None | 0 0
  1. html { color:#000; background:#FFF; overflow-y:scroll; height:100%; background:url('images/background_image.png') center no-repeat fixed; background-size: cover; }
  2. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
  3. img { border:0; }
  4. address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style:inherit; font-weight:inherit; }
  5. li { list-style:none; }
  6. caption,th { text-align:left; }
  7. h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
  8. input,button,textarea,select,optgroup,option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
  9. input,button,textarea,select { *font-size:100%; }
  10.  
  11. body { color: #000066; width: 835px; margin: 0px auto; font-family: Arial, Helvetica, sans-serif; }
  12. #logo { text-align: center; width: 230px; height: 68px; overflow: hidden; margin: 15px auto; }
  13. #logo a { height: 62px; width: 230px; display: block; }
  14. #top-right-ad { float: right; }
  15.  
  16. /* search */
  17. #search-table .search_options td { background: none; height: 60px; color: #000066; }
  18. #search-table input#search {  
  19.    padding-top: 0px; /* needs to add up to 46 with height */
  20.    height: 30px;
  21.    padding-left: 9px; /* needs to add up to 506 with width */
  22.    width: 600px;
  23.    color: #000066;
  24.    font-size: 20px;
  25. }
  26. #wiki_search input {
  27.    cursor: pointer;
  28.    height: 30px;
  29.    width: 150px;
  30.    overflow: hidden;
  31.    border: none;
  32.    color: #000066;
  33. }
  34. /* IE Hack */
  35. .ie7 #search-table input#search, .ie8 #search-table input#search {
  36.    padding-top: 8px; /* needs to add up to 46 with height */
  37.    height: 38px;
  38. }
  39. .ie7 #google_search input, .ie7 #duke_search input {
  40.    position: relative;
  41.    top: -1px;
  42. }
  43. @media screen and (-webkit-min-device-pixel-ratio:0) {
  44.    #selection_menu input#search {
  45.       padding-top: 7px; /* needs to add up to 46 with height */
  46.       height: 39px;
  47.    }
  48. }
  49.  
  50. #search_wrapper {
  51.     width:820px;
  52.     text-align:center;
  53. }
  54.  
  55. #search_wrapper form {
  56.     margin-right:auto;
  57.     margin-right:auto;
  58. }
  59.  
  60. /* icons */
  61. #HESD {
  62.     width:820px;
  63.     text-align:center;
  64. }
  65.  
  66. #HESD img {
  67.     width: 60px;
  68. }
  69.  
  70. /* main grid of links */
  71. /* global selection_menu settings */
  72. #selection_menu {
  73.    clear: both;
  74.    width: 100%;
  75.    text-align: center;
  76.    font-family: Arial, Helvetica, sans-serif;
  77.    float: left;
  78. }
  79.  
  80. #selection_menu button {
  81.    width: 162px;
  82.    text-decoration: none;
  83.    font-weight: bold;
  84.    border: none;
  85.    float: left;
  86.    position:relative;
  87.    display: table-row;
  88. }
  89.  
  90. <!-- for buttons -->
  91. .notsticky { color: #FFFFFF; }
  92. .stickystate { color:#000066; }
  93.  
  94. #selection_menu button.primary {
  95.    font-size: 23px;
  96. }
  97.  
  98. #selection_menu button.secondary {
  99.    font-size: 15px;
  100. }
  101.  
  102. /* selection menu - primary options */
  103. #selection_menu .primary_options { height: 108px; width: 100%; float: left; margin-top: 10px; }
  104. #selection_menu .primary_options .primary {
  105.    width: 162px;
  106.    height: 108px;
  107.    float: left;
  108.    border-radius: 4px;
  109.    background-color: #C00000;
  110.    margin-right: 5px;
  111. }
  112.  
  113. #selection_menu .primary_options button:hover { color: #000066; }
  114.  
  115. /* selection menu - secondary options */
  116. #selection_menu .secondary_options { height: 50px; width: 100%; float: left; margin-top: 5px; }
  117. #selection_menu .secondary_options .secondary { width: 162px; height: 50px; float: left; border-radius:4px; background-color: #C00000; margin-right: 5px; }
  118. #selection_menu .secondary_options button:hover { color: #000066; }
  119.  
  120. /* selection menu - info pane options */
  121. #selection_menu .info_pane {
  122.     padding: 5px;
  123.     padding-top:10px;
  124.     padding-bottom:10px;
  125.     margin-top: 5px;
  126.     float: left;
  127.     width: 820px;
  128.     border-radius: 4px;
  129.     background-color: #C00000;
  130. }
  131.  
  132. .info_pane .left_columns {
  133.     width: 20%;
  134.     float: left;
  135.     text-align:center;
  136.     color:#FFFFFF;
  137. }
  138.  
  139. .info_pane .mid_column {
  140.     width: 40%;
  141.     float: left;
  142.     text-align:center;
  143.     color:#FFFFFF;
  144. }
  145.  
  146. .info_pane .third_column {
  147.     width: 20%;
  148.     float: left;
  149.     text-align:center;
  150.     color:#FFFFFF;
  151. }
  152.  
  153. /* announcements */
  154. .announcements {
  155.     padding: 5px;
  156.     padding-top:10px;
  157.     margin-top: 5px;
  158.     float: left;
  159.     width: 820px;
  160.     border-radius: 4px;
  161.    /*  background-color: #C00000; */
  162.     color: #000080;
  163. }
  164.  
  165. /* about us pane */
  166. #selection_menu .about_us {
  167.     padding: 5px;
  168.     text-align:left;
  169.     margin-top: 5px;
  170.     float: left;
  171.     width: 820px;
  172.     border-radius: 4px;
  173.     background-color: #C00000;
  174. }
  175.  
  176. .about_us h2 {
  177.     color: #FFFFFF;
  178.     text-align:center;
  179. }
  180.  
  181. .about_us p {
  182.     color: #FFFFFF;
  183.     text-align:justify;
  184. }
  185.  
  186. .about_person {
  187.     float: left;
  188. }
  189.  
  190. .inner_about_person {
  191.     float:left;
  192.     padding-right:5px;
  193.     padding-left:5px;
  194.     width:73%;
  195. }
  196.  
  197. .pic_person_right {
  198.     float: left;
  199.     width:25%;
  200. }
  201.  
  202. /* footer */
  203. #footer { width: 100%; float: left; height:25px; }
  204. #footer p { text-align: center; font-size: .9em; }
  205. #footer a { color: #001950; text-decoration: none; }
  206. #footer a:hover { text-decoration: underline; }
  207.  
  208. #advertisements-label { font-weight: bold; }
  209. #selection_menu tr.ads td { background-image: none; background-color: #F2F2F2; font-weight: normal; }
  210. #selection_menu tr.ads td a { color: #666; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement