Advertisement
Aha2Y

Untitled

Dec 1st, 2011
456
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.84 KB | None | 0 0
  1. @charset "UTF-8";
  2.  
  3. * {
  4.     margin: 0;
  5.     padding: 0;
  6.     text-align: center;
  7.  
  8. }
  9.  
  10. html {
  11.     text-align: center;
  12.  
  13. }
  14.  
  15. div#wrapper
  16. {
  17. margin: 30px;
  18. }
  19. body {
  20. background:#EDEDED;
  21. text-align: center;
  22. font-family: 'Iceland', 'Droid Sans', 'Ubuntu', 'Arial', 'Verdana', sans, sans-serif, serif;
  23. font-size: 20px;
  24. }
  25.  
  26. #logo {
  27.     text-align: center;
  28.     magrin-bottom: -5px;
  29.     magrin-top: 5px;
  30. }
  31.    
  32.  
  33. ul.menu {
  34.     list-style:none;
  35.     background:#2B2B2B;
  36.     overflow:auto;
  37.     border-radius: 50px;
  38. }
  39. ul.menu li {
  40.     display:inline;
  41.     padding:0; margin:0;
  42. }
  43. ul.menu li a {
  44.     padding:10px 20px;
  45.     background:#2B2B2B;
  46.     color:#fff;
  47.     text-decoration:none;
  48.     display:block;
  49.     float:left;
  50. }
  51. ul.menu li a:hover {
  52.     background:#777;
  53. }
  54.  
  55.  
  56.  
  57.  
  58. #banner_top {
  59.     background-color: #EDEDED;
  60. }
  61.  
  62. h1 {
  63.     line-height: 37px;
  64.     padding: 0 0.9em 0 0.6em;
  65.     width: 50px;
  66.     text-align: center;
  67.     background-color: #aaa;
  68.     font-weight: normal;
  69.     font-style: italic;
  70.     font-size: 100%;
  71. }
  72.  
  73. #tag {
  74.     text-align: center;
  75.     font-size: 70%;
  76.     color: #aaa;
  77. }
  78.  
  79. #main {
  80.     padding: 0 20px 20px 20px;
  81.     font-size: 90%;
  82.     width: 680px;
  83.     text-align: center;
  84.  
  85. }
  86.  
  87. ul.nav, ul.nav li, ul.nav ul {
  88.     list-style: none;
  89. }
  90.  
  91. ul.nav li.topitem {
  92.     margin-right: 55px;
  93. }
  94.  
  95. ul.nav li, ul.nav li.topitem .title {
  96.     display: block;
  97.     margin-bottom: 5px;
  98. }
  99.  
  100. ul.nav li.subitem {
  101.     font-size: 90%;
  102. }
  103.  
  104. ul.nav li.topitem:before,
  105. ul.nav li.modtitle:before {
  106.     content: "» ";
  107. }
  108.  
  109. ul.nav li.topitem, ul.nav li.modtitle {
  110.     padding-left: 3px;
  111. }
  112.  
  113. ul.nav li.parent:before {
  114.     content: "";
  115. }
  116.  
  117. ul.nav li.parent {
  118.     padding-left: 0;
  119. }
  120.  
  121. ul.nav li.subitem {
  122.     margin-left: 20px;
  123. }
  124.  
  125. #infobar {
  126.     text-align: center;
  127.     clear: both;
  128.     position: relative;
  129.     top: -30px;
  130.     background-color: #EDEDED;
  131.     color: #333;
  132.     padding: 0 6px 3px 0;
  133. }
  134.  
  135. .errorbar + #infobar {
  136.     top: -59px;
  137. }
  138.  
  139. #infobar input {
  140.     border: none;
  141.     font-family: Tahoma, sans-serif;
  142.     padding: 1px;
  143.     font-size: 14px;
  144.     margin: 0 4px;
  145.     width: 120px;
  146. }
  147.  
  148. #infobar input.submit {
  149.     border: 1px solid #333;
  150.     font-size: 12px;
  151.     width: 60px;
  152. }
  153.  
  154. #infobar_ident, .logoutbox, .loginbox {
  155.     padding: 4px;
  156.     font-size: 70%;
  157. }
  158.  
  159. #infobar_ident {
  160.     margin-right: 4px;
  161. }
  162.  
  163. .logoutbox, .loginbox {
  164.     padding-top: 7px;
  165. }
  166.  
  167. .successbar,
  168. .errorbar {
  169.     width: 100%;
  170.     background-color: #900;
  171.     padding: 5px 10px;
  172.     font-weight: bold;
  173.     color: #fff;
  174. }
  175.  
  176. .successbar {
  177.     background-color: #070;
  178. }
  179.  
  180. h2 {
  181.     margin-bottom: 0.4em;
  182.     text-align: center;
  183.  
  184. }
  185.  
  186. h3 {
  187.     margin-top: 1.2em;
  188.     margin-bottom: 0.4em;
  189.     text-align: center;
  190.  
  191. }
  192.  
  193.  
  194.  
  195. .section {
  196.     clear: both;
  197. }
  198.  
  199. .sectionbody {
  200.     text-align: center;
  201. }
  202.  
  203. .sectionbody input, textarea, select {
  204.     border: 2px solid #ccc;
  205.     font-family: Tahoma, sans-serif;
  206.     padding: 3px;
  207.     font-size: 14px;
  208.     text-align: center;
  209.  
  210. }
  211.  
  212. input:focus, textarea:focus, select:focus {
  213.     -moz-box-shadow: 0 0 0.4em #aaa;
  214.     -webkit-box-shadow: 0 0 0.4em #aaa;
  215.     box-shadow: 0 0 0.4em #aaa;
  216.     outline: none; /* for webkit */
  217. }
  218.  
  219. textarea {
  220.     height: 90px;
  221.     text-align: center;
  222.  
  223. }
  224.  
  225. div.submitline {
  226.     margin: 1em;
  227.     padding-top: 1em;
  228.     border-top: 1px solid #aaa;
  229. }
  230.  
  231. .submitline input {
  232.     width: 200px;
  233.     height: 2.2em;
  234. }
  235.  
  236. input.full, textarea.full,
  237. .full input, .full textarea {
  238.     width: 500px;
  239.     text-align: center;
  240.  
  241. }
  242.  
  243. input.twothird, textarea.twothird,
  244. .twothird input, .twothird textarea {
  245.     width: 450px;
  246. }
  247.  
  248. input.half, textarea.half,
  249. .half input, .half textarea {
  250.     width: 300px;
  251. }
  252.  
  253. input.third, textarea.third,
  254. .third input, .third textarea {
  255.     width: 150px;
  256. }
  257.  
  258. table {
  259.     border: 1px solid #ccc;
  260.     border-spacing: 1px;
  261. }
  262.  
  263. td, th {
  264.     padding: 5px 10px;
  265.     min-width: 50px;
  266. }
  267.  
  268. thead td, th {
  269.     background-color: #a0a0a0;
  270. }
  271.  
  272. th {
  273.     text-align: center;
  274. }
  275.  
  276. tbody td {
  277.     background-color: #cecece;
  278. }
  279.  
  280. tr.evenrow td {
  281.     background-color: #dadada;
  282. }
  283.  
  284. .info {
  285.     font-style: italic;
  286.     font-size: 80%;
  287. }
  288.  
  289. .subsection {
  290.     clear: both;
  291.     margin: 0;
  292. }
  293.  
  294. .subsection div {
  295.     float: left;
  296. }
  297.  
  298. .subsection .inputlabel {
  299.     width: 120px;
  300.     text-align: center;
  301.     padding: 10px 5px 0 0;
  302. }
  303.  
  304. .subsection input, .subsection select, .subsection textarea {
  305.     margin: 5px 0 5px 0;
  306.     min-width: 100px;
  307.     vertical-align: middle;
  308. }
  309.  
  310. .subsection div.checkbox {
  311.     padding: 9px 0 0 3px;
  312. }
  313.  
  314. .subsection div.checkbox input {
  315.     min-width: 0;
  316. }
  317.  
  318. .section .info {
  319.     margin-bottom: 5px;
  320.     display: block;
  321. }
  322.  
  323. .subsection .info {
  324.     text-align: center;
  325. }
  326.  
  327. .half .info {
  328.     width: 435px;
  329. }
  330.  
  331. .third .info {
  332.     width: 285px;
  333. }
  334.  
  335. .twothird .info {
  336.     width: 585px;
  337. }
  338.  
  339.  
  340.  
  341. .lotsofcheckboxes .checkboxandlabel {
  342.     display: block;
  343.     float: left;
  344.     width: 200px;
  345.     margin-top: 0.5em;
  346. }
  347.  
  348. #breadcrumb {
  349.     width: 670px;
  350.     padding: 0 0 3px 1px;
  351.     margin-bottom: 10px;
  352.     border-bottom: 1px solid #aaa;
  353.     text-align: center;
  354.  
  355. }
  356.  
  357.  
  358. .textsection p {
  359.     margin-bottom: 0.7em;
  360. }
  361.  
  362.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement