CSS   21

right

Guest on 22nd August 2022 07:46:10 AM

  1. body{
  2. background-color:#FCFEFF;
  3. font-family:Arial, Helvetica, sans-serif;
  4. padding:0;margin:0;
  5. font-size:11px;
  6. color:#000;
  7. }
  8. .clear{clear:both;}
  9. a{color:#0291d4; text-decoration:none;}
  10. a#closebt{ position:absolute; top:130px; left:208px; outline:none; z-index:999;}
  11. a#openbt{ position:absolute; top:130px; left:0px; outline:none; display:none;z-index:999;}
  12. a.button{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;font-family:arial;font-size:12px;font-weight: bold;padding:8px 12px 8px 12px;text-align: center;cursor:pointer; margin:10px 10px 0 0; float:left;}
  13. .red{color:#fff;background: #eb8484;text-shadow:1px 1px #cc5959;}
  14. .green{color:#fff;background: #7dc44e;text-shadow:1px 1px #4c9021;}
  15. .red:hover{ background-color:#d96060;}
  16. .green:hover{ background-color:#69b736;}
  17.  
  18. #panelwrap{width:1000px; margin:20px auto; background-color:#FFFFFF;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px; border-radius:10px;border:6px #c0cdd2 solid;}
  19. #loginpanelwrap{width:500px; margin:120px auto auto auto; background-color:#FFFFFF;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px; border-radius:10px;border:6px #c0cdd2 solid;}
  20.  
  21. .header{ width:100%; height:auto;}
  22. .title{ font-size:26px; float:left; padding:25px 0 0 18px;}
  23. .title a{ color:#366082;font-family: 'Belgrano', serif;}
  24. .header_right{ float:right; padding:20px 20px 0 0;}
  25. .header_right a{ margin:0 0 0 5px; color:#000000; font-weight:bold;}
  26. .header_right a.settings{ background:url(images/settings.png) no-repeat left; padding:0 0 0 22px;}
  27. .header_right a.logout{background:url(images/logout.png) no-repeat left; padding:0 0 0 22px;}
  28. .center_content{clear:both; width:100%; padding:0 0 50px 0;}
  29.  
  30. .loginheader{ width:100%; height:auto; text-align:center;}
  31. .logintitle{ font-size:26px; padding:25px 0 0 0px;}
  32. .logintitle a{ color:#366082;font-family: 'Belgrano', serif;}
  33.  
  34. .menu{ float:left; clear:both; padding:27px 0 0 15px;}
  35. .menu ul{ padding:0px; margin:0px; list-style:none;}
  36. .menu ul li{ float:left; padding:0px; margin:0px; font-size:13px;}
  37. .menu ul li a{ display:block; float:left; background-color:#f3d987; padding:7px 12px 5px 12px; color:#000; text-decoration:none;
  38. margin:0 4px 0 0;
  39. -moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;-khtml-border-top-left-radius:6px;border-top-left-radius:6px;
  40. -moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;-khtml-border-top-right-radius:6px;border-top-right-radius:6px;
  41. }
  42. .menu ul li a.selected{ display:block; float:left; background-color:#edcd66; padding:7px 12px 5px 12px; color:#000; text-decoration:none;
  43. margin:0 4px 0 0;
  44. -moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;-khtml-border-top-left-radius:6px;border-top-left-radius:6px;
  45. -moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;-khtml-border-top-right-radius:6px;border-top-right-radius:6px;
  46. }
  47. .menu ul li a:hover{background-color:#edcd66;}
  48.  
  49. .submenu{ width:100%; height:auto; background-color:#edcd66; clear:both; float:left;}
  50. .submenu ul{ padding:5px 0 5px 25px; margin:0px; list-style:none;}
  51. .submenu ul li{ float:left; padding:0px; margin:0px;}
  52. .submenu ul li a{ display:block; float:left; padding:3px 6px 3px 6px;  color:#000; text-decoration:none;
  53. margin:5px 4px 10px 0;font-size:12px;}
  54. .submenu ul li a.selected{display:block; float:left; padding:3px 6px 3px 6px; color:#FFFFFF; text-decoration:none;
  55. margin:5px 4px 8px 0;color:#FFFFFF; font-size:12px; background-color:#366082;
  56. -moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;
  57. }
  58. .submenu ul li a:hover{background-color:#366082; color:#FFFFFF;
  59. -moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;
  60. }
  61.  
  62.  
  63. .sidebar{
  64. width:222px;
  65. float:left;margin-left: -100%;
  66. padding:0px 0 0 0px;
  67. position:relative;
  68. left:0px;
  69. }
  70. .sidebar h2{
  71. width:187px; margin:10px 10px 0 10px;
  72. -moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;-khtml-border-top-left-radius:6px;border-top-left-radius:6px;
  73. -moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;-khtml-border-top-right-radius:6px;border-top-right-radius:6px;
  74. background-color:#bad7e6; color:#22425e; font-size:14px; font-weight:bold; padding:10px 0 10px 15px; text-shadow:1px 1px #DCEEF7;
  75. border-bottom:1px #8A9296 solid;
  76. }
  77. .sidebar ul{
  78. background-color:#FFFFFF; list-style:none;
  79. width:170px; border:1px #D6D6D6 solid; border-top:none;
  80. padding:10px 15px 15px 15px; margin:0px 0 15px 10px;
  81. -moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;-khtml-border-bottom-left-radius:6px;border-bottom-left-radius:6px;
  82. -moz-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px;-khtml-border-bottom-right-radius:6px;border-bottom-right-radius:6px;
  83. }
  84. .sidebar ul li{
  85. border-bottom:1px #ededed solid;
  86. }
  87. .sidebar ul li a{
  88. color:#000000; display:block;padding:5px 0 5px 5px;
  89. }
  90. .sidebar ul li a:hover{
  91. background-color:#ededed;
  92. }
  93. .sidebar_section_text{
  94. background-color:#FFFFFF;
  95. width:170px; border:1px #D6D6D6 solid; border-top:none;
  96. padding:10px 15px 15px 15px; margin:0px 0 15px 10px;
  97. -moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;-khtml-border-bottom-left-radius:6px;border-bottom-left-radius:6px;
  98. -moz-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px;-khtml-border-bottom-right-radius:6px;border-bottom-right-radius:6px;}
  99.  
  100. #right_wrap{
  101. float: left;
  102. width: 100%;
  103. }
  104. #right_content{
  105. margin:10px 10px 10px 232px;
  106. }
  107. .form_sub_buttons{ padding:0 0 20px 0; float:left;}
  108. #right_content h2{ background-color:#bad7e6;
  109. margin:0px; clear:both;
  110. -moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;-khtml-border-top-left-radius:6px;border-top-left-radius:6px;
  111. -moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;-khtml-border-top-right-radius:6px;border-top-right-radius:6px;
  112. color:#22425e; font-size:14px; font-weight:bold; padding:10px 0 10px 15px; text-shadow:1px 1px #DCEEF7;
  113. border-bottom:1px #ABC7D6 solid;
  114. }
  115.  
  116.  
  117. #rounded-corner
  118. {
  119. margin:0px;
  120. width:100%;
  121. text-align: left;
  122. border-collapse: collapse;
  123. }
  124. #rounded-corner th
  125. {
  126. padding: 8px;
  127. font-weight: bold;
  128. font-size:12px;
  129. color: #535E66;
  130. background: #dde8f0; text-shadow:1px 1px #F2F8FC;
  131. }
  132. #rounded-corner tr.odd td
  133. {
  134. padding: 8px;
  135. background: #f4f9fd;
  136. border-top: 1px solid #fff;
  137. color: #669;
  138. }
  139. #rounded-corner tr.even td
  140. {
  141. padding: 8px;
  142. background: #fcfdfe;
  143. border-top: 1px solid #fff;
  144. color: #669;
  145. }
  146. #rounded-corner tfoot td
  147. {
  148. background: #dde8f0; font-size:11px;padding:8px 8px 8px 15px;
  149. -moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;-khtml-border-bottom-left-radius:6px;border-bottom-left-radius:6px;
  150. -moz-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px;-khtml-border-bottom-right-radius:6px;border-bottom-right-radius:6px;
  151. }
  152. #rounded-corner tbody tr:hover td
  153. {
  154. background: #dde8f0;
  155. }
  156.  
  157. /* Toggle
  158. /*------------------------------------------*/
  159. .toogle_wrap{background-color:#bad7e6;
  160. margin:0px; clear:both;
  161. -moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;
  162. color:#22425e; font-size:14px; font-weight:bold; padding:10px 0 10px 15px; text-shadow:1px 1px #DCEEF7;}
  163. .trigger{padding:0px;margin:0;}
  164. .trigger a{color:#22425e; font-size:14px; font-weight:bold; padding:5px 0 5px 0; text-shadow:1px 1px #DCEEF7;text-decoration: none;display: block; }
  165. .active {}
  166. .trigger a:hover, .trigger a:hover:focus{}
  167. .toggle_container{overflow: hidden;padding:0px 10px 0 0;clear: both; font-size:12px; font-weight:normal; line-height:20px;}
  168.  
  169. /* Tabs
  170. /*------------------------------------------*/
  171. ul.tabsmenu{ padding:5px 0 0 15px;clear:both; list-style:none; margin:0px;}
  172. ul.tabsmenu li a{ width:auto;height:10px; float:left; margin:0 5px 0 0;text-align:center;
  173. background-color:#B2E0DD;
  174. -moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;-khtml-border-top-left-radius:6px;border-top-left-radius:6px;
  175. -moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;-khtml-border-top-right-radius:6px;border-top-right-radius:6px;
  176. color:#000000; font-size:14px; font-weight:bold; padding:7px 15px;
  177. }
  178. ul.tabsmenu li.active a{ background-color:#A5DCF8}
  179. ul.tabsmenu li a:hover{background-color:#a8c9da}
  180. .tabcontent{ padding:10px; clear:both; border:1px #8BC0DA solid; margin:0 15px 15px 15px;
  181. -moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-khtml-border-bottom-left-radius:5px;border-bottom-left-radius:5px;
  182. -moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;-khtml-border-bottom-right-radius:5px;border-bottom-right-radius:5px;
  183. }
  184. /*-------------------------------------form-------------------------------------*/
  185. .form{padding:20px;}
  186. .form_row{width:460px;float:left;clear:both;margin:0 0 10px 0;}
  187. .button_row{width:560px;float:left;clear:both;margin:0 0 10px 0;}
  188. .form_rows{width:600px;float:left;clear:both;margin:0 0 10px 0;}
  189. .form_row label{width:100px;float:left;line-height:34px; padding:5px 0 0px 0;font-size:15px; color:#535E66; font-weight:bold; text-shadow:1px 1px #fff; text-align:left;}
  190. .form_rows label{width:100px;float:left;line-height:34px; padding:5px 0 0px 0;font-size:15px; color:#535E66; font-weight:bold; text-shadow:1px 1px #fff; text-align:left;}
  191. .form_input{width:500px;height:34px;float:left;padding:0px 0px 0 4px; background-color:#F4F6F7; border:1px #90A9B7 solid; color:#000;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
  192.  
  193. select.form_select{width:335px;font-size:16px ;height:37px;float:left;padding:8px 5px 8px 4px; background-color:#F4F6F7; border:1px #90A9B7 solid; color:#000;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
  194. select.form_select1{width:360px;font-size:16px ;height:37px;float:left;padding:8px 5px 8px 4px; background-color: #FCFCFC;border: 1px #A3A7A5 solid;color: #000;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
  195. .form_textarea{width:450px;height:150px;float:left;padding:3px 0px 0 4px; background-color:#F4F6F7; border:1px #90A9B7 solid; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
  196. input.form_submit{clear:both; margin:0px 5px 0 0px;color:#fff;background: #7dc44e;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;font-family:arial;font-size:12px;font-weight: bold;padding:8px 15px;text-align: center;cursor:pointer; border:none;text-shadow:1px 1px #4c9021;}
  197.  
  198. .loginform{padding:20px;}
  199. .loginform_row{width:460px;float:left;clear:both;margin:0 0 10px 0;}
  200. .loginform_row label{width:100px;float:left;padding:5px 0 0px 0;font-size:15px; color:#535E66; font-weight:bold; text-shadow:1px 1px #fff; text-align:left;}
  201. .loginform_input{width:350px;height:34px;float:left;padding:0px 0px 0 4px; background-color:#F4F6F7; border:1px #90A9B7 solid; color:#000;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
  202. input.loginform_submit{float:right; clear:both; margin:0px 5px 0 0px;color:#fff;background: #7dc44e;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;font-family:arial;font-size:12px;font-weight: bold;padding:8px 15px;text-align: center;cursor:pointer; border:none;text-shadow:1px 1px #4c9021;}
  203. .star{line-height:34px;color:red;font-size:16px;}
  204. .footer{height:50px;background-color:#e4e3e0; border-top:1px #fff solid; line-height:50px; padding:0 0 0 20px;}

Raw Paste


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