krazy

Untitled

Aug 5th, 2011
224
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.44 KB | None | 0 0
  1. body {
  2.    
  3.     -webkit-font-size-adjust:none; /* webkit kernel browser font size fix */
  4.     background: url(carbon_fibre_bg.gif);
  5. }
  6.  
  7. /* Global Style */
  8.  
  9. a {
  10.     color:Gray;
  11.     text-decoration:none;
  12. }
  13.  
  14. a:hover {
  15.     color:#555;
  16.     text-decoration:none;
  17. }
  18.  
  19.  
  20.  
  21. img.avatar:hover {
  22.     border:1px solid #00B4B4;
  23.     padding:2px;
  24.    
  25. }
  26.  
  27. .font_style {
  28.     font: 11px "Microsoft Yahei",Verdana,Arial,sans-serif;
  29.     color:gray;
  30. }
  31.  
  32. hr {
  33.     color:#ccc;
  34. }
  35.  
  36. div#container{
  37.  
  38.     min-height: 400px;
  39. }
  40.  
  41. img {
  42.     border:none;
  43. }
  44.  
  45. /* Global Style End */
  46.  
  47.  
  48. div#wrapper {
  49.     margin:auto;
  50.     width:960px;
  51. }
  52.  
  53. /* User Card Style */
  54. div#id_card {
  55.     margin:80px auto 0 auto;    
  56.     width:360px;
  57.     height:170px;
  58.     background: no-repeat #FFF none;
  59.     border-radius: 8px;
  60.     box-shadow: 6px 6px 13px #000;
  61.     text-shadow: 0 -1px #0A0A0A;
  62. }
  63.  
  64. div#id_card:hover {
  65.     -moz-box-shadow: 0 0 38px #2C73EF;
  66.     -webkit-box-shadow:0 0 38px #2C73EF;
  67.     box-shadow: 0 0 38px #2C73EF;
  68. }
  69.  
  70. div#id_card {
  71.     padding:10px;
  72. }
  73.  
  74.  
  75.  
  76. div#user_name hr {
  77.     width:258px;
  78. }
  79.  
  80.  
  81. div#user_name p{
  82.     margin-bottom:-6px;
  83. }
  84.  
  85. div#user_more p {
  86.     margin-top:18px;
  87.     margin-bottom:-4px;
  88.     margin-left:4px;
  89. }
  90.  
  91. div#user_more.font_style img#spoweredby {
  92.     float:right;
  93.     margin-top:6px;
  94.     margin-right:-7px;
  95. }
  96. /* User Card Style End */
  97.  
  98. /* User Divider Location */
  99. div#divider .user_location {
  100.     margin:40px 5px;
  101.     width:310px;
  102.     float:left;
  103.     min-height: 151px;
  104. }
  105.  
  106. div#divider p {
  107.     font:20px "Microsoft Yahei",Verdana,Arial,sans-serif;
  108.     color:#555;
  109.     margin:0px;
  110.     padding:5px;
  111.     text-align:center;
  112.     text-shadow: 0 -1px #0A0A0A;
  113. }
  114.  
  115. div#divider ul{
  116.     margin-top:0px;
  117.     font:11px "Microsoft Yahei",Verdana,Arial,snas-serif;
  118.     text-shadow: 0 -1px #0A0A0A;
  119. }
  120.  
  121. /* User Divider Location End*/
  122.  
  123. /* User Social Style */
  124. div#user_social {
  125.     background: no-repeat #FFF none;
  126.     border-radius:8px;
  127.     color:#3E9EE8;
  128.     box-shadow: -8px 8px 13px #000;
  129. }
  130.  
  131. /* User Social Style End */
  132.  
  133. /* User Contact Style */
  134. div#user_contact {
  135.     background: no-repeat #FFF none;
  136.     border-radius:8px;
  137.     color:#3E9EE8;
  138.     box-shadow: 0px 8px 13px #000;
  139. }
  140. /* User Contact Style End */
  141.  
  142. /* User Work&Mission Style */
  143. div#user_work {
  144.     background: no-repeat #FFF none;
  145.     border-radius:8px;
  146.     color:#3E9EE8;
  147.     box-shadow: 8px 8px 13px #000;
  148. }
  149.  
  150. /* User Work&Mission Style End */
  151.  
  152. /* Design Style */
  153. div#design {
  154.     background: no-repeat #FFF none;
  155.     border-radius:3px;
  156.     width:100px;
  157.     text-align:center;
  158.     margin:auto;
  159.     margin-bottom:40px;
  160.     box-shadow: 0 0 13px #2C73EF;
  161. }
  162.  
  163. div#design:hover {
  164.     box-shadow: 0 0 38px #2C73EF;
  165. }
  166.  
  167. div#design p {
  168.     font: bold 12px "Microsoft Yahei",Verdana,Arial,sans-serif;
  169.     padding:2px;
  170.     color:gray;
  171.     text-align:center;
  172.     text-shadow: 0 -1px #0A0A0A;
  173. }
  174.  
  175. /* Design Style End */
  176.  
  177. /* Footer Style */
  178.  
  179. div#footer {
  180.     background: no-repeat #FFF none;
  181.     width:360px;
  182.     border-radius:6px;
  183.     color:#3E9EE8;
  184.     text-align:center;
  185.     margin:auto;
  186.     box-shadow: 0 5px 13px #000;
  187.    
  188. }
  189.  
  190. div#validator {
  191.     font:9px "Microsoft Yahei",Verdana,Arial,sans-serif;
  192.     color:#555;
  193.     padding-bottom:5px;
  194.  
  195. }
  196.  
  197. /* Footer Style End */
  198.  
  199.  
  200. /*fix-part*/
  201. #user_more{
  202.     position:relative;
  203. }
  204.  
  205.  
  206. div#user_more.font_style img#spoweredby {
  207.     float:right;
  208.     bottom:-38px;
  209.     right:0;
  210.     position:absolute;
  211. }
  212.  
  213.  
  214. div#user_name {
  215.    display:inline-block;
  216.    margin-left:10px;
  217.    
  218. }
  219. img.avatar {
  220.     border:1px solid #CCC;
  221.     padding:2px;
  222.     margin: 10px 0 -6px 10px;
  223.     box-shadow: 3px 3px 3px #CCC;
  224. }
Advertisement
Add Comment
Please, Sign In to add comment