Advertisement
nobbyrn

frisco theme buddypress registration page css

Apr 13th, 2013
108
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.74 KB | None | 0 0
  1. .registration #header #navigation, .activation #header #navigation {
  2. display: none;
  3. }
  4.  
  5.  
  6. #register-page form input[type="text"], #register-page form input[type="password"], #register-page form select, #register-page form textarea {
  7. -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  8. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
  9. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
  10. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
  11. }
  12. #register-page form input[type="text"]:focus, #register-page form input[type="password"]:focus, #register-page form textarea:focus {
  13. border-color: rgba(82, 168, 236, 0.8);
  14. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(82, 168, 236, 0.6);
  15. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(82, 168, 236, 0.6);
  16. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(82, 168, 236, 0.6);
  17. outline: medium none;
  18. }
  19.  
  20.  
  21. #register-page .standard-form #basic-details-section, #register-page .standard-form #blog-details-section, #register-page .standard-form #profile-details-section {
  22. width: 46%;
  23. padding: 0 1%;
  24. }
  25.  
  26. .register-section h4 { font-size: 2em; }
  27. #register-page .standard-form label, #register-page .standard-form span.label { font-size: 1.3em; color: #888; }
  28. #register-page .standard-form label span, #register-page .standard-form span.label span { color: #DDD; }
  29.  
  30. #signup_form.standard-form div div.error {
  31.  
  32. background-color: #D83A2E;
  33. background-image: -moz-linear-gradient(#E4776F, #D83A2E);
  34. background-repeat: repeat-x;
  35. border-bottom-color: #B32B21;
  36. border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  37. -moz-border-radius: 4px;
  38. -webkit-border-radius: 4px;
  39. border-radius: 4px;
  40. color: #FFFFFF;
  41. margin-bottom: 18px;
  42. padding: 8px 15px;
  43. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  44. }
  45.  
  46.  
  47. .registration .field-visibility-settings-toggle { display: none !important;}
  48.  
  49. .registration #search-form, .activation #search-form, .registration #wpadminbar, .activation #wpadminbar { display: none; }
  50.  
  51. .private-demo-warning {
  52. margin-left: auto;
  53. margin-right: auto;
  54. max-width: 910px;
  55. background: none repeat scroll 0 0 #FFF0C0;
  56. border: 1px solid #FFE38D;
  57. border-radius: 6px 6px 6px 6px;
  58. color: rgba(0, 0, 0, 0.8);
  59. margin-bottom: 18px;
  60. padding: 24px;
  61. text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
  62. overflow: hidden;
  63.  
  64. }
  65.  
  66. body.activation #login-text { display: none; }
  67.  
  68. body.registration .nav-wrap { display: none; }
  69.  
  70.  
  71. div#message.updated p {
  72. border: 1px solid #c7f8bd;
  73. }
  74.  
  75. .demo-notice-left { width: 64%; float: left; }
  76. .demo-notice-right { width: 30%; float: right; margin-left: 6%; }
  77.  
  78. .demo-notice-right .standard-form input[type="password"],
  79. .demo-notice-right .standard-form input[type="text"] {
  80. width: 75% !important;
  81. }
  82.  
  83. .demo-notice-right .forgetmenot {
  84. display: none;
  85. }
  86.  
  87. .demo-notice-right .standard-form label {
  88. margin-top: 5px;
  89. }
  90.  
  91. .demo-notice-left p { font-size: 14px; }
  92.  
  93.  
  94.  
  95. /* Mobile Layout: 320px.
  96. Gutters: 24px.
  97. Outer margins: 34px.
  98. Inherits styles from: Default Layout.
  99. ---------------------------------------------
  100. cols 1 2 3
  101. px 68 160 252 */
  102.  
  103. @media only screen and (max-width: 767px) {
  104. #header { width: 100%; }
  105.  
  106. .demo-notice-left { width: 100%; float: left;margin-bottom: 2em; }
  107. .demo-notice-right { width: 100%; float: left; margin-left: 0; }
  108. #register-page .standard-form #basic-details-section,
  109. #register-page .standard-form #profile-details-section {
  110. width: 96%;
  111. padding: 2%;
  112. }
  113. .demo-notice-left h2 {
  114. font-size: 2em;
  115. }
  116. }
  117.  
  118. /* Wide Mobile Layout: 480px.
  119. Gutters: 24px.
  120. Outer margins: 22px.
  121. Inherits styles from: Default Layout, Mobile Layout.
  122. ------------------------------------------------------------
  123. cols 1 2 3 4 5
  124. px 68 160 252 344 436 */
  125.  
  126. @media only screen and (min-width: 480px) and (max-width: 767px) {
  127.  
  128. #header { width: 100%; }
  129. .demo-notice-left { width: 100%; float: left;margin-bottom: 2em; }
  130. .demo-notice-right { width: 100%; float: left; margin-left: 0; }
  131. #register-page .standard-form #basic-details-section,
  132. #register-page .standard-form #profile-details-section {
  133. width: 96%;
  134. padding: 2%;
  135. }
  136. .demo-notice-left h2 {
  137. font-size: 2em;
  138. }
  139.  
  140. }
  141.  
  142.  
  143. body.page div#container,
  144. body.blog div#container,
  145. body.single div#container,
  146. body.archive div#container,
  147. body.error404 div#container,
  148. body.activation div#container,
  149. body.search-results div#container,
  150. body.search-no-results div#container {
  151. max-width: 100%;
  152. }
  153.  
  154. #footer-widget-area div.tags div#tag-text,
  155. div#sidebar div.tags div#tag-text {
  156. word-wrap: break-word;
  157. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement