Advertisement
Guest User

Untitled

a guest
Jan 13th, 2012
177
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. .text {
  2.     color:#666;
  3.     -moz-border-radius: 7px;
  4.     -webkit-border-radius: 7px;
  5.     margin:5px 0px 10px 0px;
  6.     padding:10px;
  7.     width:300px;
  8.     border:#999 1px solid;
  9.     font-family:"font-family: Century Gothic, sans-serif; Unicode", "Lucida Grande", sans-serif;
  10.     transition: all 0.25s ease-in-out;
  11.     -webkit-transition: all 0.25s ease-in-out;
  12.     -moz-transition: all 0.25s ease-in-out;
  13.     box-shadow: 0 0 5px rgba(81, 203, 238, 0);
  14.     -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
  15.     -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
  16. }
  17. .text:focus {
  18.     color:#000;
  19.     outline:none;
  20.     border:#347235 1px solid;
  21.     font-family:"font-family: Century Gothic, sans-serif; Unicode", "Lucida Grande", sans-serif;
  22.     box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  23.     -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  24.     -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  25. }
  26. .defaultText {
  27.     width: 300px;
  28. }
  29. .defaultTextActive {
  30.     color: #a1a1a1;
  31.     font-style: italic;
  32. }
  33. .welcome1 {
  34.     font-weight:100;
  35.     font-family:Script MT Bold, Comic Sans MS;
  36.     line-height:.9em;
  37.     color:white;
  38.     font-size:1.5em;
  39.     text-decoration:none;
  40.     text-shadow:0 1px 0 rgba(143,181,200,.7),0 0 6px rgba(143,181,200,1),0 0 30px rgba(143,181,200,.7);
  41.     filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=2);
  42.     outline:none;
  43. }
  44. #container {
  45.     margin: 0 auto;
  46.     width:950px;
  47. }
  48. #userBack {
  49.     margin: 0 auto;
  50.     margin-top:36px;
  51.     margin-bottom:50px;
  52.     min-height: 100%;
  53.     width:875px;
  54.     background: #fff;
  55.     border-left:0.08em solid #347235;
  56.     border-right:0.08em solid #347235;
  57. }
  58. #regBack {
  59.     margin: 0 auto;
  60.     margin-top:37px;
  61.     min-height: 100%;
  62.     width:875px;
  63.     -moz-box-shadow: 0 30 30px 5px #999;
  64.     -webkit-box-shadow: 30 0 30px 5px #999;
  65.     -o-box-shadow: 0 30 30px 5px #999;
  66.     border:1px solid black;
  67.     border-top-style:none;
  68.     background-color:white;
  69. }
  70. #nologin {
  71.     overflow:hidden;
  72.     margin:27 auto;
  73.     top:37px;
  74. }
  75. #welcome {
  76.     margin-top:220px;
  77.     margin-left:5px;
  78. }
  79. #login {
  80.     margin-top:50px;
  81.     margin-left:5px;
  82. }
  83. #register {
  84.     margin-top:-150px;
  85.     margin-left:605px;
  86. }
  87.  
  88. .buttonG {
  89.     border-top: 1px solid #96d1f8;
  90.     background: #216b0f;
  91.     background: -webkit-gradient(linear, left top, left bottom, from(#4e9c3e), to(#216b0f));
  92.     background: -webkit-linear-gradient(top, #4e9c3e, #216b0f);
  93.     background: -moz-linear-gradient(top, #4e9c3e, #216b0f);
  94.     background: -ms-linear-gradient(top, #4e9c3e, #216b0f);
  95.     background: -o-linear-gradient(top, #4e9c3e, #216b0f);
  96.     padding: 10.5px 21px;
  97.     -webkit-border-radius: 5px;
  98.     -moz-border-radius: 5px;
  99.     border-radius: 5px;
  100.     -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  101.     -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  102.     box-shadow: rgba(0,0,0,1) 0 1px 0;
  103.     text-shadow: rgba(0,0,0,.4) 0 1px 0;
  104.     color: white;
  105.     font-size: 14px;
  106.     font-family: Georgia, serif;
  107.     text-decoration: none;
  108.     vertical-align: middle;
  109. }
  110. .buttonG:hover {
  111.     border-top-color: #0c4700;
  112.     background: #0c4700;
  113.     color: #ccc;
  114. }
  115. .buttonG:active {
  116.     border-top-color: #517042;
  117.     background: #517042;
  118. }
  119. #bottomlinksHome {
  120.     margin-top:200px;
  121.     text-align:center;
  122. }
  123. #bottomlinks {
  124.     top:100%;
  125.     text-align:center;
  126. }
  127. #SignUp {
  128.     margin-left:40px;
  129.     margin-top:20px;
  130.     width:600px;
  131. }
  132. #line {
  133.  
  134.     margin-top:5px;
  135.     background:#347235;
  136.     height:2px;
  137.     width:100%;
  138. }
  139. #profpic {
  140.     width:110px;
  141.     height:100px;
  142.     border:1px solid black;
  143. }
  144. #indexFirst {
  145.     min-height:100px;
  146.     background-color: #eee;
  147.     padding:20px;
  148.     border-bottom:0.15em solid rgb(229,229,229);
  149. }
  150. #textContainer {
  151.     -moz-box-shadow: 0 30 30px 5px #000;
  152.     -webkit-box-shadow: 30 0 30px 5px #000;
  153.     -o-box-shadow: 0 30 30px 5px #000;
  154. }
  155. #contentContainer {
  156.     float:left;
  157.     width:100%;
  158.     background:red;
  159.     position:relative;
  160.     right:40%;
  161. }
  162. #contentContainer3 {
  163.     float:left;
  164.     width:100%;
  165.     background:green;
  166.     overflow:hidden;
  167.     position:relative;
  168. }
  169. #contentContainer2 {
  170.     float:left;
  171.     width:100%;
  172.     background:yellow;
  173.     position:relative;
  174.     right:30%;
  175. }
  176. #links {
  177.     float: left;
  178.     width:30%;
  179.     font-family: Comic Sans MS;
  180.     color: #027112;
  181.     position:relative;
  182.     left:70%;
  183. }
  184. #news {
  185.     float:left;
  186.     width:40%;
  187.     position:relative;
  188.     left:70%;
  189. }
  190. #userStats {
  191.     width: 200px;          /* RC width */
  192.     float:left;
  193.     width:30%;
  194.     position:relative;
  195.     left:70%;
  196. }
  197. #helpdiv{
  198.     position: absolute;
  199.     top: 40px; left: 360px;         /* place it where you want     */
  200. }
  201.  
  202. #translucentbkg {
  203.     width: 250px; height: 100px;     /* to match DIVs size          */
  204.     background-color: #2B60DE;       /* the background              */
  205.     filter:alpha(opacity=20);
  206.     -moz-opacity:0.2;
  207.     opacity: 0.2;
  208.     -moz-border-radius-bottomleft:5px;
  209.     -moz-border-radius-bottomright:5px;
  210.     -moz-border-radius-topleft:5px;
  211.     -moz-border-radius-topright:5px;
  212.     -webkit-border-bottom-left-radius:5px;
  213.     -webkit-border-bottom-right-radius:5px;
  214.     -webkit-border-top-left-radius:5px;
  215.     -webkit-border-top-right-radius:5px;
  216.     border:2px solid white;
  217. }
  218.  
  219. #opaquetext {
  220.     width: 250px; height: 100px;     /* to match DIVs size          */
  221.     background-color: transparent;   /* transparent background      */
  222.     position: absolute;              /* absolute positioning        */
  223.     z-index: 2;                      /* place it over the other DIV */
  224.     -moz-border-radius-bottomleft:5px;
  225.     -moz-border-radius-bottomright:5px;
  226.     -moz-border-radius-topleft:5px;
  227.     -moz-border-radius-topright:5px;
  228.     -webkit-border-bottom-left-radius:5px;
  229.     -webkit-border-bottom-right-radius:5px;
  230.     -webkit-border-top-left-radius:5px;
  231.     -webkit-border-top-right-radius:5px;
  232. }
  233.  
  234. .profSideLinks A:link {
  235.     display:inline-block;
  236.     text-decoration: none;
  237.     color: #00A0E3;
  238.     width:100%;
  239.     font-family: Century Gothic, sans-serif;;
  240. }
  241. .profSideLinks A:visited {
  242.     display:inline-block;
  243.     text-decoration: none;
  244.     color: #00A0E3;
  245.     width:100%;
  246.     font-family: Century Gothic, sans-serif;;
  247. }
  248. .profSideLinks A:active {
  249.     display:inline-block;
  250.     text-decoration: none;
  251.     color: #00A0E3;
  252.     width:100%;
  253.     font-family: Century Gothic, sans-serif;;
  254. }
  255. .profSideLinks A:hover {
  256.     display:inline-block;
  257.     text-decoration: none;
  258.     color: #00A0E3;
  259.     background: #F4F1F1;
  260.     width:100%;
  261.     font-family: "Century Gothic", sans-serif;;
  262. }
  263. .uiHeader h2{color:#1c2a47;font-size: 16px}
  264. .uiHeader h2 a{color:#1c2a47}
  265. .uiHeader h3,.uiHeader h4{color:#333;font-size: 11px}
  266. .uiHeader h5{color:#666;font-size: 11px}
  267. .uiHeaderTopBorder{border-top:1px solid #aaa;padding-top:.5em}
  268. div.uiHeaderTopBorder{margin-left:0}
  269. .uiHeaderNav{border-color:#eee;margin:8px 0 0 6px;padding:7px 6px 3px 5px}
  270. .uiHeaderNav h4{color:gray}
  271.  
  272. body {
  273.     margin:0 auto;
  274.     width:100%;
  275. }  
  276. html {
  277.     height:100%;
  278. }
  279. #footer {
  280.     clear:both;
  281.     border-top: 1px solid #eee;
  282.     text-align:center;
  283.     color:#556782
  284. }
  285. .profSideLinks a {
  286.     display: inline-block;
  287. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement