Advertisement
AleeFerreira

cls - estilo.css

Aug 10th, 2013
119
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.82 KB | None | 0 0
  1. * {
  2.     padding:0;
  3.     margin:0;
  4. }
  5. body {
  6.     background-color:#F6F6F6;
  7. }
  8. a {
  9.     text-decoration:none;
  10.     color:blue;
  11. }
  12. a:hover {
  13.     color:black;
  14. }
  15. #page {
  16.     position:relative;
  17.     top:10px;
  18.     margin:auto;
  19.     width:900px;
  20.     height:600px;
  21.     background-color:white;
  22.     border:1px dotted gray;
  23. }
  24. #page h3 {
  25.     margin-top:10px;
  26.     padding:3px;
  27.     font-family:Trebuchet MS, Sans-Serif;
  28.     font:small-caption;
  29.     font-size:25px;
  30.     font-weight:bold;
  31.     line-height:20px;
  32.     color:#4682B4;
  33. }
  34. #menu-1 {
  35.     margin-top:5px;
  36.     width:100%;
  37.     height:35px;
  38. }
  39. #menu-1 ul {
  40.     list-style:none;
  41.     padding:5px;
  42.     background-color:#4682B4;
  43. }
  44. #menu-1 ul li {
  45.     display:inline;
  46.     padding:3px;
  47.     margin:2px;
  48. }
  49. #menu-1 a {
  50.     display:inline-block;
  51.     text-decoration:none;
  52.     color:black;
  53.     font-family:Trebuchet MS, Sans-Serif;
  54.     font:small-caption;
  55. }
  56. #menu-1 li:hover {
  57.     text-decoration:underline;
  58.     background-color:white;
  59.     border-radius:2px;
  60. }
  61. #login-bar {
  62.     margin:auto;
  63.     margin-top:50px;
  64.     background-color:#F6F6F6;
  65.     width:250px;
  66.     height:200px;
  67. }
  68. #login-bar p {
  69.     font-family:Trebuchet MS, Sans-Serif;
  70.     font:small-caption;
  71. }
  72.  
  73. #table_atcc {
  74.     margin-top:40px;
  75.     width:100%;
  76.     height:100%;
  77. }
  78.  
  79. #top_user {
  80.     height:30px;
  81.     width:140px;
  82.     margin-left:760px;
  83.     margin-top:-65px;
  84. }
  85. #top_user a {
  86.     font-family:Trebuchet MS, Sans-Serif;
  87.     font:small-caption;
  88.     margin:7px;
  89.     padding:3px;
  90.     color:#4682B4;
  91. }
  92. #top_user a:hover {
  93.     border-bottom:3px solid #4682B4;
  94. }
  95. .login-campo {
  96.     background-color:#F6F6F6;
  97.     border-radius:1px;
  98.     border:1px solid #4682B4;
  99.     font-family:Trebuchet MS, Sans-Serif;
  100.     font:small-caption;
  101. }
  102. .login-botao {
  103.     margin: 2px;
  104.     padding: 4px 8px;
  105.     width:70px;
  106.     height:30px;
  107.     color:white;
  108.     background-color: #0074cc;
  109.     background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
  110.     background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
  111.     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
  112.     background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
  113.     background-image: -o-linear-gradient(top, #0088cc, #0055cc);
  114.     background-image: linear-gradient(top, #0088cc, #0055cc);
  115.     background-repeat: repeat-x;   
  116.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
  117.     border-color: #05c #0055cc #003580;
  118.     border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  119.     filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  120. }
  121.  
  122. .buttonAds {
  123.     height:30px;
  124.     width:130px;
  125.     position:relative;
  126.     left:200px;
  127.     top: -60px;
  128.     color:black;
  129.     background-color:white;
  130.     border:1px solid #eee;
  131.     border-radius:5px;
  132. }
  133.  
  134. .buttonAds:hover {
  135.     color:#4682B4;
  136.     background-color:#eee; 
  137. }
  138. .login-botao:hover {
  139.     background-color: #4682B4;
  140.     background-image: -moz-linear-gradient(top, #4682B4, #4682B4);
  141.     background-image: -ms-linear-gradient(top, #4682B4, #4682B4);
  142.     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4682B4), to(#4682B4));
  143.     background-image: -webkit-linear-gradient(top, #4682B4);
  144.     background-image: -o-linear-gradient(top, #4682B4, #4682B4);
  145.     background-image: linear-gradient(top, #4682B4, #4682B4);
  146.     background-repeat: repeat-x;   
  147.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4682B4', endColorstr='#4682B4', GradientType=0);
  148.     border-color: #4682B4 #4682B4 #4682B4;
  149.     border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  150.     filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  151. }
  152.  
  153. #exAds {
  154.     position:relative;
  155.     margin-top:1px;
  156.     width:100%;
  157.     height:120px;
  158.     color:#eee;
  159.     border-bottom:1px solid #eee;
  160. }
  161.  
  162. .imgAds {
  163.     position:relative;
  164.     top:5px;
  165.     left:15px;
  166. }
  167.  
  168. .imgAds img {
  169.     width:144px;
  170.     height:108px;
  171.     border-radius:5px;
  172. }
  173.  
  174. .infoAds {
  175.     position:relative;
  176.     left:165px;
  177.     margin-top:-110px;
  178. }
  179.  
  180. .infoAds strong {
  181.     font-family:Trebuchet MS;
  182.     font-size:20px;
  183.     color:#4682B4;
  184. }
  185.  
  186. .infoAds {
  187.     font-family:Trebuchet MS;
  188. }
  189.  
  190. .infoAds b {
  191.     color:black;
  192. }
  193.  
  194. .infoAds small {
  195.     color:#8B8970;
  196. }
  197.  
  198. #getAn {
  199.     width:450px;
  200.     border:1px dotted gray;
  201.     border-radius:2px;
  202.     background-color:#eee;
  203.     margin:auto;
  204.     margin-top:100px;
  205.     font-family:Trebuchet MS;
  206. }
  207.  
  208. #getAn img {
  209.     margin:6px;
  210.     border-radius:4px;
  211.     width:144px;
  212.     height:108px;
  213. }
  214.  
  215. #getAn strong {
  216.     color: #4682B4;
  217.     font-size:20px;
  218.     position:relative;
  219.     top:-30px;
  220. }
  221.  
  222. #getAn b, small {
  223.     margin-left:6px;
  224. }
  225.  
  226. #getAn small {
  227.     font-size:15px;
  228.     color:#8B8970;
  229. }
  230.  
  231. #getProfile {
  232.     width:300px;
  233.     height:200px;
  234.     border:1px dotted gray;
  235.     border-radius:2px;
  236.     background-color:#eee;
  237.     margin:auto;
  238.     margin-top:100px;
  239.     font-family:Trebuchet MS;
  240. }
  241.  
  242. #getProfile img {
  243.     margin:6px;
  244.     border-radius:4px;
  245. }
  246.  
  247. #getProfile strong {
  248.     color:#4682B4;
  249.     font-size:20px;
  250.     position:relative;
  251.     top:-30px;
  252. }
  253.  
  254. #getProfile b, small {
  255.     margin-left:6px;
  256. }
  257.  
  258. #getProfile small {
  259.     font-size:15px;
  260.     color:#8B8970;
  261. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement