CSS   7

styles.css

Guest on 12th October 2021 02:52:30 PM

  1. body {
  2.     font-family: "Ubuntu", "Ubuntu Beta", "Bitstream Vera Sans", DejaVu Sans, Tahoma, sans-serif;
  3.     color: #333;
  4.     background: white url(../images/body_bg.png);
  5.     font-size: 13px;
  6.     line-height: 1.5;
  7.     margin: 0px;
  8.     padding: 0px;
  9. }
  10. #container {
  11.     background: #f7f6f5;
  12.     margin: 0px auto 20px;
  13.     padding: 0px;
  14.     width: 976px;
  15. }
  16. #container-inner {
  17.     background-color: #fff;
  18. }
  19. #header, #container-inner {
  20.     -moz-border-radius: 0px 0px 5px 5px;
  21.     -webkit-border-bottom-left-radius: 5px;
  22.     -webkit-border-bottom-right-radius: 5px;
  23.     -moz-box-shadow: #bbb 0px 0px 5px;
  24.     -webkit-box-shadow: #bbb 0px 0px 5px;
  25. }
  26. #header {
  27.     background: #dd4814 url(../images/header_bg.png) top left repeat-x;
  28.     height: 64px;
  29.     margin: 0px;
  30.     padding: 0px;
  31.     position: relative;
  32. }
  33.  
  34. #mothership ul {
  35.     margin: 0;
  36.     padding: 0;
  37.     list-style-type: none;
  38.     height: 20px;
  39. }
  40.  
  41. #mothership li {
  42.     float: right;
  43.     padding: 3px 0;
  44.     margin: 0 16px 0 0;
  45.     font-size: 10px;
  46.     line-height: 14px;
  47. }
  48.  
  49. #mothership a {
  50.     color: #333;
  51. }
  52.  
  53. #menu-search {
  54.     height: 40px;
  55.     margin: 0 16px;
  56. }
  57.  
  58. #title {
  59.     padding: 12px 0 12px 0;
  60. }
  61.  
  62. #title h1 {
  63.   margin-left: 16px;
  64. }
  65.  
  66. #title a {
  67.     color: #333;
  68. }
  69.  
  70. #cwt-content {
  71.     width: 850px;
  72.     margin: 0 63px 0 63px;
  73.     background-color: #ffffff;
  74.     -moz-border-radius: 4px;
  75.     -webkit-border-radius: 4px;
  76. }
  77.  
  78. #cwt-nav3 .editbar a {
  79.     display: block;
  80.     width: 100%;
  81. }
  82.  
  83. #end-content {
  84.     clear: both;
  85. }
  86.  
  87. .box-944 {
  88.     background: #ffffff;
  89.     width: 944px;
  90.     -moz-border-radius: 4px;
  91.     -webkit-border-radius: 4px;
  92. }
  93. .box-304 {
  94.     background: #ffffff;
  95.     width: 304px;
  96.     -moz-border-radius: 4px;
  97.     -webkit-border-radius: 4px;
  98. }
  99. .box-624 {
  100.     background: #ffffff;
  101.     width: 304px;
  102.     -moz-border-radius: 4px;
  103.     -webkit-border-radius: 4px;
  104. }
  105.  
  106. .content-box {
  107.     width: 912px;
  108.     padding: 16px;
  109. }
  110.  
  111. #ubuntu-header {
  112.     background-image: url(../images/header_logo.png);
  113.     background-repeat: no-repeat;
  114.     height: 32px;
  115.     right: 16px;
  116.     margin: 0;
  117.     padding: 0;
  118.     position: absolute;
  119.     top: 16px;
  120.     width: 292px;
  121.     overflow: hidden;
  122.     text-indent: -9999px;
  123. }
  124. #ubuntu-header a {
  125.     display: block;
  126.     height: 100%;
  127.     width: 100%;
  128. }
  129.  
  130. #footer {
  131.     padding-top: 16px;
  132. }
  133.  
  134. #footer p {
  135.     margin: 0;
  136.     padding-bottom: 16px;
  137.     border-bottom: 1px dotted #aea79f;
  138.     text-align: center;
  139. }
  140.  
  141. #main-menu {
  142.     list-style: none;
  143.     margin: 0;
  144.     margin-left: 16px;
  145.     padding: 0;
  146.     height: 100%;
  147.     background: url(../images/topnav_divider.png) no-repeat scroll left top transparent !important;
  148. }
  149. #main-menu li {
  150.     float: left;
  151.     margin: 0;
  152.     padding: 0;
  153.     height: 64px;
  154.     font-size: 14px;
  155.     line-height: 16px;
  156.     background: url(../images/topnav_divider.png) no-repeat scroll right top transparent !important;
  157. }
  158. #main-menu a {
  159.     display: block;
  160.     float: left;
  161.     margin: 0;
  162.     padding: 24px 8px;
  163.     text-decoration: none;
  164.     color: #fff;
  165.     text-shadow: #000 0px 1px;
  166. }
  167.  
  168. .main-menu-item.current,
  169. #main-menu a:hover, #main-menu a.active {
  170.     line-height: 16px;
  171.     background: url(../images/topnav_active_bg.png) no-repeat right top transparent !important;
  172. }
  173.  
  174. h1, h2, h3, h4, h5 {
  175.     padding: 0;
  176.     margin: 0;
  177.     font-weight: normal;
  178.     margin-top: 1em;
  179. }
  180. h1 {
  181.     font-size: 28px;
  182.     line-height: 32px;
  183.     margin-top: 0em;
  184. }
  185. h2 {
  186.     font-size: 24px;
  187.     line-height: 28px;
  188.     margin-bottom: 8px;
  189. }
  190. h3 {
  191.     font-size: 16px;
  192.     line-height: 20px;
  193.     margin-bottom: 8px;
  194. }
  195. h3.link-other {
  196.     color: #333;
  197. }
  198. h3.link-services {
  199.     color: #fff;
  200. }
  201. h4 {
  202.     font-size: 12px;
  203.     line-height: 14px;
  204. }
  205. h4.link-news {
  206.     color: #ef5a29;
  207. }
  208. h4.link-ubuntu {
  209.     color: #dd4814;
  210. }
  211. h4.partners {
  212.     color: #333;
  213.     font-size: 16px;
  214.     line-height: 20px;
  215. }
  216. h5 {
  217.     color: #333;
  218.     font-size: 10px;
  219.     line-height: 14px;
  220. }
  221. p {
  222.     font-size: 13px;
  223.     line-height: 1.5;
  224.     margin-bottom: 8px;
  225. }
  226. pre {
  227.     background-color:#F3F3F3;
  228.     border:1px dashed #C1B496;
  229.     font-family:UbuntuMono,courier,monospace;
  230.     padding:4pt;
  231.     white-space:pre-wrap;
  232.     word-wrap:break-word;
  233. }
  234. tt {
  235.     font-family:UbuntuMono,courier,monospace;
  236. }
  237.  
  238. strong {
  239.     font-weight: bold;
  240. }
  241.  
  242. a {
  243.     color: #DD4814;
  244.     text-decoration: none;
  245. }
  246.  
  247. a:hover {
  248.     text-decoration: underline;
  249. }
  250.  
  251. ul li {
  252.     margin-left: 0;
  253.     margin-bottom: 8px;
  254. }
  255.  
  256. ul li:last-child {
  257.     margin-bottom: 0px;
  258. }
  259.  
  260. p.call-to-action {
  261.     color: #333;
  262. }
  263. p.case-study {
  264.     color: #333;
  265. }
  266. p.highlight {
  267.     font-size: 16px;
  268.     line-height: 20px;
  269. }
  270. p.introduction {
  271.     color: #333;
  272.     font-size: 16px;
  273.     line-height: 20px;
  274. }
  275. p.services {
  276.     color: #fff;
  277. }
  278. #pageinfo {
  279.     font-size: 70%;
  280.     padding: 0 16px 12px;
  281.     text-align: right;
  282. }
  283. p.small-text {
  284.     color: #333;
  285.     font-size: 10px;
  286. }
  287.  
  288. .newsfeed {
  289.     background: url(../images/news_feed_bg.png) no-repeat scroll right top transparent;
  290.     padding: 0 20px 0 0;
  291. }
  292.  
  293. /* Clearing floats without extra markup
  294. Based on How To Clear Floats Without Structural Markup by PiE
  295. [http://www.positioniseverything.net/easyclearing.html] */
  296. .clearfix:after {
  297.     content: ".";
  298.     display: block;
  299.     height: 0;
  300.     clear: both;
  301.     visibility: hidden;
  302. }
  303. .clearfix {
  304.     display: inline-block;
  305. }  /* for IE/Mac */

Raw Paste


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