CSS   46

sign in css

Guest on 23rd July 2022 03:24:20 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;
  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.         }
  78. .message {
  79.         width:330px;
  80.         padding:20px 0px 40px 50px;
  81.         background:url(/psportal/port-img/bg-asterisk.png) no-repeat;
  82.         color:#981332;
  83.         }
  84. .logo{
  85.         text-align:center;
  86.         width:240px;
  87.         padding:100px 60px 100px 60px;
  88.         }
  89.  
  90. #footer{
  91.         padding:10px 0;
  92.         width:100%;
  93.         text-align:center;
  94.         font-size:10px;
  95.         color:#a8afb3;
  96.         margin:0 auto;
  97.         background-color: #5e6a71;
  98.         background-position: center center;
  99.         background-repeat: no-repeat;
  100.         position:absolute;
  101.         margin-top:-98px;
  102. }
  103. #footer a{
  104.         color:#a8afb3;
  105.         text-decoration:none;
  106. }
  107. #footer a:hover{
  108.         color:#ffffff;
  109. }
  110.  
  111.  
  112.  
  113. /********input*************/
  114.  
  115. input{
  116.         padding:0;
  117.         margin:0;
  118.         }
  119. input.field{
  120.         color:#5e6a71;
  121.         display:block;
  122.         width:300px;
  123.         margin-bottom:20px;
  124.         text-align:left;
  125.         font-size:10px;
  126.         line-height:12px;
  127.         background:#fff;
  128.         border:1px solid #b6bcbf;
  129.         border-bottom:1px solid #ebebeb;
  130.         border-right:1px solid #ebebeb;
  131.         border-radius: 5px;
  132.         -webkit-border-radius: 5px;
  133.         -moz-border-radius: 5px;
  134.         float:left;
  135.         padding:7px 0px;
  136.         }
  137.  
  138. input.psloginbutton{
  139.         background:#981e32;
  140.         padding:7px 30px;
  141.         float:right;
  142.         border:1px solid #4e0813;
  143.         border-bottom:1px solid #721625;
  144.         border-right:1px solid #721625;
  145.         color:#fff;
  146.         text-transform:uppercase;
  147.         font-size:11px;
  148.         line-height:12px;
  149.         margin:8px 0 16px;
  150. /*      box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
  151.     -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
  152.     -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
  153. */      border-radius: 5px;
  154.         -webkit-border-radius: 5px;
  155.         -moz-border-radius: 5px;
  156.         transition: background 0.5s ease;
  157.         -webkit-transition: background 0.5s ease;
  158.         -moz-transition: background 0.5s ease;
  159.         -o-transition: background 0.5s ease;  
  160.         }
  161. input.psloginbutton:hover{
  162.         cursor:pointer;
  163.         background:#026218;
  164.         border:1px solid #014511;
  165.         }
  166. input.psloginbutton:active{
  167.         cursor:pointer;
  168.         background:#014511;
  169.         border:1px solid #014210;
  170.         border-bottom:1px solid #013c0f;
  171.         border-right:1px solid #013c0f;
  172.         }
  173.  
  174. .pusher{
  175.         clear:both;
  176.         }
  177.  
  178.  
  179.  
  180. /******** h, typography *************/
  181.  
  182. h1{
  183.         text-transform:uppercase;
  184.         color:#981e32;
  185.         font-size:14px;
  186.         line-height:12px;
  187.         margin-bottom:20px;
  188.         font-weight:normal;
  189.         }
  190. h2{
  191.         color:#981e32;
  192.         font-size:24px;
  193.         line-height:24px;
  194.         margin:10px 0px 20px;
  195.         font-weight:normal;
  196.         }
  197.  
  198.  
  199. /******** a *************/
  200.  
  201.  
  202. #wrapper a {
  203.         color: #464646;
  204.         -webkit-transition: color 0.3s ease;
  205.         -moz-transition: color 0.3s ease;
  206.         -o-transition:color 0.3s ease;  
  207.         transition:color 0.3s ease;
  208.         text-decoration:none;
  209.         }
  210. #wrapper a:hover {
  211.         color: #981e32;
  212.         }
  213.  
  214. a img{
  215.         border:none;
  216.         }
  217. a.logohead img{
  218.         border:none;
  219.         }
  220. a. footer{
  221.         color:#666;
  222.         }      
  223.        
  224.  
  225. /******** ul, li *************/
  226.  
  227.  
  228. #wrapper ul {
  229.         list-style-type:square;
  230.         padding:0px 0px 20px 20px;
  231.         color:#747474;
  232.         }
  233. #wrapper li {
  234.         line-height:18px;
  235.         margin:0;
  236.         padding-bottom:0px;
  237.         }
  238. #wrapper ul.guest {
  239.         padding:18px 0px 20px 20px;
  240.         border-top: 1px solid #cccccc;
  241.         }
  242.  
  243.  
  244. .img{
  245.         right: 50%;
  246.         margin-right: -100px;  
  247.         }
  248.  
  249.  
  250.  
  251.  
  252. /******** header frame *************/
  253.  
  254.  
  255. .frameheader{
  256.         margin-bottom:60px;
  257.         }

Raw Paste


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