CSS   61

w 1 login css

Guest on 23rd July 2022 03:32:54 AM

  1. *{padding:0;margin:0;}
  2. ul, menu, dir {
  3. list-style-type: none;
  4. }
  5. html, body{
  6.         padding:0;
  7.         margin:0;
  8.         height:100%;
  9. }
  10. body{
  11.         margin:0;
  12.         padding:0;
  13.         background:url(/psportal/port-img/bg-fade.png) #eaebea top repeat-x;
  14.         font-family:"Lucida Grande","Lucida Sans Unicode",Arial,san-serif;
  15. }
  16. #wrapper{
  17.         min-height:100%;
  18.         height:auto !important;
  19.         height:100%;
  20.         margin:0 auto -200px;
  21. }
  22. .clear{
  23.         clear:both;
  24.         text-indent:-99999px;
  25.         font-size:1px;
  26.         line-height:1px;
  27. }
  28. #cougar-head{
  29.         position:absolute;
  30.         top:0;
  31.         width:74px;
  32.         left:50%;
  33.         margin-left:-37px;
  34.         z-index:9999;
  35. }
  36. #zzusis {
  37.         height:52px;
  38.         width:94%;
  39.         margin:0 3%;
  40.         padding-bottom:75px;
  41. }
  42. #global_nav{
  43.         background:#465258;
  44.         width:100%;
  45.         height:30px;
  46.         border-bottom:1px solid #505c62;
  47. }
  48. h1.siteid_title{
  49.         background:url(/psportal/port-img/header-zzusis_portal.png) no-repeat center top;
  50.         height:60px;
  51.         left:50%;
  52.         margin:0 0 80px;
  53.         margin-left:-56px; /*used -56px instead of -60 to match mocked design*/
  54.         padding:0;
  55.         position:relative;
  56.         text-indent:-99999px; /*moves the <h1> text off screen*/
  57.         top:90px;
  58.         width:120px;
  59. }
  60. a.logohead img{
  61.         border:none;
  62. }
  63.  
  64. /********main content*************/
  65. #content-wrap h2.warning{
  66.         color:#981e32;
  67.         font-weight:normal;
  68.         margin-bottom:10px;
  69.         text-transform:uppercase;
  70. }
  71. h2.widget-head{
  72.         text-transform:uppercase;
  73.         color:#981e32;
  74.         font-size:12px;
  75.         letter-spacing:.075em;
  76.         margin:0 0 16px;
  77. }
  78. input{
  79.         padding:0;
  80.         margin:0;
  81. }
  82. input.field{
  83.         color:#5e6a71;
  84.         display:block;
  85.         width:242px;
  86.         margin-bottom:8px;
  87.         text-align:center;
  88.         font-size:12px;
  89.         line-height:12px;
  90.         background:#fff;
  91.         border:1px solid #b6bcbf;
  92.         border-bottom:1px solid #ebebeb;
  93.         border-right:1px solid #ebebeb;
  94.         float:left;
  95.         padding:7px 5px;
  96. }
  97. input#userid{
  98.         margin-right:16px;
  99. }
  100. input.psloginbutton{
  101.         background:#981e32;
  102.         padding:5px 20px;
  103.         float:right;
  104.         border:1px solid #721625;
  105.         border-bottom:1px solid #981e32;
  106.         border-right:1px solid #981e32;
  107.         color:#fff;
  108.         text-transform:uppercase;
  109.         font-size:11px;
  110.         line-height:12px;
  111.         margin:8px 0 16px;
  112. }
  113. input.psloginbutton:hover{
  114.         cursor:pointer;
  115.         background:#830624;
  116. }
  117.  
  118. #content-wrap{
  119.         padding:48px 32px;
  120.         margin:0 auto;
  121.         width:558px;
  122. }
  123. #login{
  124.         background:#eaebea;
  125.         padding:75px 40px 0;
  126.         text-align:center;
  127. }
  128.  
  129. .extra-content{
  130.         float:left;
  131.         padding:16px 16px 0;
  132.         width:524px;
  133. }
  134. .extra-content a{
  135.         color:#474644;
  136.         font-size:10px;
  137.         text-decoration:none;
  138.         text-transform:uppercase;
  139. }
  140. .extra-content a:hover{
  141.         color:#262a2d;
  142.         font-size:10px;
  143.         text-decoration:none;
  144.         text-transform:uppercase;
  145. }
  146. li.head{
  147.         color:#474644;
  148.         cursor:pointer;
  149.         font-size:11px;
  150.         text-transform:uppercase;
  151. }
  152. ul#help{
  153.         float:left;
  154. }
  155. ul#resources{
  156.         float:right;
  157.         text-align:right;
  158. }
  159. /***help dropdown*******/
  160. li.item{
  161.         display:none;
  162. }
  163. li.last{
  164.         margin-bottom:25px;
  165. }
  166. ul#help:hover li.head{
  167.         color:#9a1705;
  168. }
  169. ul#help:hover li.item{
  170.         display:block;
  171. }
  172.  
  173.  
  174. /*********/
  175.  
  176.  
  177.  
  178.  
  179. #return{
  180.        
  181. }
  182. #return a{
  183.         background:#981e32;
  184.         display:block;
  185.         padding:12px 16px;
  186.         width:120px;
  187.         margin:30px auto 75px;
  188.         border:1px solid #721625;
  189.         border-bottom:1px solid #830624;
  190.         border-right:1px solid #830624;
  191.         color:#fff;
  192.         text-transform:none;
  193.         font-size:13px;
  194.         line-height:12px;
  195.         text-decoration:none;
  196. }
  197. #return a:hover{
  198.         cursor:pointer;
  199.         background:#830624;
  200.         text-decoration:none;
  201. }
  202.  
  203.  
  204. /*footer************************************************/
  205. #footer{
  206.         background:#5e6a71;
  207.         padding:30px 0;
  208.         height:160px;
  209.         text-align:center;
  210.         font-size:11px;
  211.         color:#a8afb3;
  212.         margin-top:32px;
  213. }
  214. .pusher{
  215.         height:200px;
  216. }
  217. #footer, .pusher{
  218.         clear:both;
  219. }
  220.  
  221. #footer a{
  222.         color:#a8afb3;
  223.         text-decoration:none;
  224. }
  225. #footer a:hover{
  226.         text-decoration:underline;
  227. }
  228. a.globe{
  229.         padding:0 8px;
  230. }
  231. img.wsu-logo{
  232.         margin:25px 0;
  233. }
  234. p.announce{
  235.         color:#5e6a71;
  236.         font-size:11px;
  237.         line-height:16px;
  238. }
  239. a img{
  240.         border:none;
  241. }
  242. p#descr{
  243.         padding-top: 10px;
  244.         font-size: 11px;
  245.         color: #981E32;
  246. }

Raw Paste


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