CSS   66

sign in3 css

Guest on 23rd July 2022 03:26:55 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-tall.png) #f3f3f3 top repeat-x !important;
  14.         font-family: "Lucida Sans", "Lucida Grande","Lucida Sans Unicode",Arial,san-serif;
  15.         font-size:11px;
  16.         line-height:18px;
  17.         color:#464646;
  18. }
  19. .clear{
  20.         clear:both;
  21.         text-indent:-99999px;
  22.         font-size:1px;
  23.         line-height:1px;
  24. }
  25.  
  26.  
  27.  
  28. /********structure*************/
  29.  
  30. #wrapper{
  31.         min-height:100%;
  32.         height:auto !important;
  33.         height:100%;
  34.         width:800px;
  35.         padding:0px 20px;
  36.         margin:0px auto;
  37. }
  38. .header {
  39.         height:52px;
  40.         width:100%;
  41.         margin:0px 0px 60px 0px;
  42.         }
  43. article {
  44.         width:380px;
  45.         padding-top:5px;
  46.         margin: 0px 20px 0px 0px;
  47.         float: left;
  48.         text-align: left;
  49.         background-color: #f3f3f3;
  50.         background-image: url(/psportal/port-img/bg-articletop.jpg);
  51.         background-repeat: no-repeat;
  52.         background-position: top;
  53.         }
  54. aside {
  55.         float: right;
  56.         text-align: left;
  57.         width:380px;
  58.         margin: 0px 0px 0px 20px;
  59.         }
  60. .signin{
  61.         width:300px;
  62.         background:#f3f3f3;
  63.         padding:30px 40px 40px;
  64.         display:block;
  65.         }
  66. .tools1, .tools2{
  67.         width:300px;
  68.         padding:30px 40px 40px;
  69.         }
  70. .tools2{
  71.         display:none;
  72.         }
  73. .welcome{
  74.         width:380px;
  75.         padding:0px 0px 20px 0px ;
  76.         font-size:11px;
  77. /*    box-shadow: inset 0px -1px 6px rgba(0, 0, 0, 0.20);
  78.     -moz-box-shadow: inset 0px -1px 6px rgba(0, 0, 0, 0.20);
  79.     -webkit-box-shadow: inset 0px -1px 6px rgba(0, 0, 0, 0.20);
  80.         -moz-border-radius: 5px;
  81.         border-radius: 5px;
  82. */      }
  83. .messagebox {
  84.         width:380px;
  85.         padding:0px;
  86.         background:none;
  87.         }
  88. .message {
  89.         padding:20px 0px 40px 50px;
  90.         background:url(/psportal/port-img/bg-asterisk.png) no-repeat;
  91.         color:#981332;
  92.         display:none;
  93.         }
  94. .attention {
  95.         padding:55px 0px 40px 10px;
  96.         background:url(/psportal/port-img/bg-attention.png) no-repeat;
  97.         color:#000;
  98. /*      display:none;
  99. */      }
  100.  
  101. /*.message:before {
  102.    content: "zzusis Portal maintenance is scheduled for Saturday, October 15th between 2:00 AM and Noon. During this time zzusis will be unavailable. TA-DAH!!!";
  103. }*/
  104.  
  105. .message-tipMIKE {
  106.         padding:20px 0px 40px 80px;
  107.         background:url(/psportal/port-img/bg-tipMIKE.png) no-repeat;
  108. /*      display:none;
  109. */      }
  110.  
  111.  
  112. .message-tip {
  113.         padding:50px 10px;
  114.         margin: 20px 20px 0px;
  115.         background:url(/psportal/port-img/bg-zzusis-tip.png) top left no-repeat;
  116. /*      display:none;
  117. */      }
  118.  
  119.  
  120.        
  121. .logo{
  122.         text-align:center;
  123.         width:240px;
  124.         margin: 40px auto;
  125.         }
  126.  
  127. #footer{
  128.         padding:10px 0;
  129.         float:left;
  130.         width:800px;
  131.         text-align:center;
  132.         font-size:10px;
  133.         color:#464646;
  134.         margin-top:100px;
  135. }
  136. #footer a:link{
  137.         text-decoration:none;
  138.         color:#464646;
  139. }
  140. #footer a:visited{
  141.         text-decoration:none;
  142.         color:#464646;
  143. }
  144. #footer a:hover{
  145.         color:#981e32;
  146. }
  147.  
  148.  
  149.  
  150. /********input*************/
  151.  
  152. input{
  153.         padding:0;
  154.         margin:0;
  155.         }
  156. input.field{
  157.         color:#5e6a71;
  158.         display:block;
  159.         width:300px;
  160.         margin-bottom:20px;
  161.         text-align:left;
  162.         font-size:10px;
  163.         line-height:12px;
  164.         background:#fff;
  165.         border:1px solid #b6bcbf;
  166.         border-bottom:1px solid #ebebeb;
  167.         border-right:1px solid #ebebeb;
  168.         border-radius: 5px;
  169.         -webkit-border-radius: 5px;
  170.         -moz-border-radius: 5px;
  171.         float:left;
  172.         padding:7px 0px;
  173.         }
  174.  
  175. input.psloginbutton{
  176.         background:#981e32;
  177.         padding:7px 30px;
  178.         float:right;
  179.         border:1px solid #4e0813;
  180.         border-bottom:1px solid #721625;
  181.         border-right:1px solid #721625;
  182.         color:#fff;
  183.         text-transform:uppercase;
  184.         font-size:11px;
  185.         line-height:12px;
  186.         margin:8px 0 16px;
  187. /*      box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
  188.     -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
  189.     -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
  190. */      border-radius: 5px;
  191.         -webkit-border-radius: 5px;
  192.         -moz-border-radius: 5px;
  193.         transition: background 0.5s ease;
  194.         -webkit-transition: background 0.5s ease;
  195.         -moz-transition: background 0.5s ease;
  196.         -o-transition: background 0.5s ease;  
  197.         }
  198. input.psloginbutton:hover{
  199.         cursor:pointer;
  200.         background:#026218;
  201.         border:1px solid #014511;
  202.         }
  203. input.psloginbutton:active{
  204.         cursor:pointer;
  205.         background:#014511;
  206.         border:1px solid #014210;
  207.         border-bottom:1px solid #013c0f;
  208.         border-right:1px solid #013c0f;
  209.         }
  210.  
  211. .pusher{
  212.         clear:both;
  213.         }
  214.  
  215.  
  216.  
  217. /******** h, typography *************/
  218.  
  219. h1{
  220.         text-transform:uppercase;
  221.         color:#981e32;
  222.         font-size:14px;
  223.         line-height:12px;
  224.         margin-bottom:20px;
  225.         font-weight:normal;
  226.         }
  227. h2{
  228.         color:#981e32;
  229.         font-size:24px;
  230.         line-height:24px;
  231.         margin:10px 0px 20px;
  232.         font-weight:normal;
  233.         }
  234.  
  235.  
  236. /******** a *************/
  237.  
  238.  
  239. #wrapper a {
  240.         color:#981e32;
  241.         -webkit-transition: color 0.3s ease;
  242.         -moz-transition: color 0.3s ease;
  243.         -o-transition:color 0.3s ease;  
  244.         transition:color 0.3s ease;
  245.         text-decoration:none;
  246.         }
  247. #wrapper a:hover {
  248.         color: #981e32;
  249.         text-decoration:underline;
  250.         }
  251.  
  252. a img{
  253.         border:none;
  254.         }
  255. a.logohead img{
  256.         border:none;
  257.         }
  258. a. footer{
  259.         color:#666;
  260.         }      
  261.  
  262. /******** ul, li *************/
  263.  
  264.  
  265. #wrapper ul {
  266.         list-style-type:square;
  267.         padding:0px 0px 20px 20px;
  268.         color:#747474;
  269.         }
  270. #wrapper ul a {
  271.         color: #464646;
  272.         }
  273.        
  274.        
  275. #wrapper li {
  276.         line-height:18px;
  277.         margin:0;
  278.         padding-bottom:0px;
  279.         }
  280. #wrapper ul.guest {
  281.         padding:18px 0px 20px 20px;
  282.         border-top: 1px solid #cccccc;
  283.         }
  284.  
  285.  
  286. .img{
  287.         right: 50%;
  288.         margin-right: -100px;  
  289.         }
  290.  
  291.  
  292.  
  293.  
  294. /******** header frame *************/
  295.  
  296.  
  297. .frameheader{
  298.         margin-bottom:60px;
  299.         }
  300.        
  301.  
  302.  
  303.  
  304. /******** text replacement *************/
  305.        
  306.                
  307. #tiplink{
  308.         margin:20px 0px;
  309.         text-align:right;
  310.         font-size:11px;
  311.         line-height:14px
  312.         color:#981e32;
  313.         }
  314. #tiplink a{
  315.         padding:5px 20px 10px;
  316.         background:url(/psportal/port-img/icon-a-arrow-right.png) top right no-repeat;
  317.         text-decoration:none;
  318.         color:#981332 !important;
  319.         }
  320. #tiplink a:hover{
  321.         text-decoration:underline;
  322.         }

Raw Paste


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