2
* Ubuntu Developer base stylesheet
4
* A base stylesheet containing site-wide styles
6
* @project Ubuntu Developer
8
* @author Canonical Web Team: Steve Edwards
9
* @copyright 2011 Canonical Ltd.
17
font-family: 'Ubuntu', 'Ubuntu Beta', UbuntuBeta, Ubuntu, 'Bitstream Vera Sans', 'DejaVu Sans', Tahoma, sans-serif;
24
text-decoration: none;
38
font-family: 'Ubuntu Mono', 'Consolas', 'Monaco', 'DejaVu Sans Mono', Courier, monospace;
39
background-color: #fdf6f2;
42
-moz-border-radius: 4px;
43
-webkit-border-radius: 4px;
75
.header-navigation div,
82
background-color:#ffffff;
87
background-color:#ffffff;
103
border-top: 2px solid #dd4814;
104
border-bottom: 2px solid #dd4814;
105
background-color: #fff;
110
.header-navigation nav ul {
111
border-right: 1px solid #dd4814;
114
.header-navigation nav li {
115
border-left: 1px solid #dd4814;
119
.header-navigation nav a {
120
padding: 18px 14px 0;
125
.header-navigation nav a:hover {
126
background-color: #fcece7;
128
.header-navigation nav .current_page_item a,
129
.header-navigation nav .current_page_parent a,
130
.header-navigation nav .current_page_ancestor a {
131
background-color: #dd4814;
134
.header-navigation input {
135
margin: 12px 10px 0 10px;
137
border-top: 1px solid #a1a1a1;
138
border-right: 1px solid #e0e0e0;
139
border-bottom: 1px solid #fff;
140
border-left: 1px solid #e0e0e0;
144
-moz-border-radius: 3px;
145
-webkit-border-radius: 3px;
147
-moz-box-shadow: inset 0 1px 1px #e0e0e0;
148
-webkit-box-shadow: inset 0 1px 1px #e0e0e0;
149
box-shadow: inset 0 1px 1px #e0e0e0;
151
.header-navigation h2 {
152
margin: 18px 0 0 6px;
153
text-transform: lowercase;
158
.header-navigation .logo-ubuntu {
162
.header-content .header-navigation-secondary {
168
.header-navigation-secondary div {
170
border: 2px solid #dd4814;
171
-moz-border-radius: 0px 0px 4px 4px;
172
-webkit-border-radius: 0px 0px 4px 4px;
173
border-radius: 0px 0px 4px 4px;
178
.header-navigation-secondary nav li {
181
.header-navigation-secondary nav li a {
187
.header-navigation-secondary nav li:hover,
188
.header-navigation-secondary nav .current_page_item a {
189
background: url("../img/sec-nav-hover.gif");
192
padding-bottom: 30px;
193
border-bottom: 1px solid #e0e0e0;
194
-moz-box-shadow: 0 1px 3px #e0e0e0;
195
-webkit-box-shadow: 0 1px 3px #e0e0e0;
196
box-shadow: 0 1px 3px #e0e0e0;
202
padding: 10px 10px 40px 10px;
204
-moz-border-radius: 0 0 4px 4px;
205
-webkit-border-radius: 0 0 4px 4px;
206
border-radius: 0 0 4px 4px;
208
background: url("../img/background-footer.png") repeat scroll 0 0 #f7f6f5;
219
margin: 10px 17px 30px 0;
221
display: inline-block;
233
footer nav li:first-child {
249
margin: 30px 0 3px 0;
250
border-bottom: 1px solid #e0e0e0;
251
-moz-box-shadow: 0 2px 3px #e0e0e0;
252
-webkit-box-shadow: 0 2px 3px #e0e0e0;
253
box-shadow: 0 2px 3px #e0e0e0;
267
border: 3px solid #dd4814;
268
-moz-border-radius: 4px;
269
-webkit-border-radius: 4px;
272
.box-orange .link-action-small {
285
background-color: #dd4814;
287
-moz-border-radius: 20px;
288
-webkit-border-radius: 20px;
292
border-top: 3px solid #e6633a;
293
border-bottom: 3px solid #c03d14;
306
.link-action2 .cta-left{
307
background:url(../img/button-cta-left.png) no-repeat;
311
.link-action2 .cta-center{
312
background:url(../img/button-cta-slice.png) repeat-x;
316
.link-action2 .cta-right{
317
background:url(../img/button-cta-right.png) no-repeat;
328
.link-action-small span{
333
.link-action-small .cta-left{
334
background:url(../img/button-cta-left-small.png) no-repeat;
337
.link-action-small .cta-center{
338
background:url(../img/button-cta-slice-small.png) repeat-x;
341
.link-action-small .cta-right{
342
background:url(../img/button-cta-right-small.png) no-repeat;
346
.link-action:active {
350
.link-action2:active {
354
.link-action-small:active {
361
list-style-position: inside;
366
border: 1px solid #aea79f;
367
-moz-border-radius: 4px;
368
-webkit-border-radius: 4px;
374
border: 2px solid #aea79f;
375
-moz-border-radius: 4px;
376
-webkit-border-radius: 4px;
378
background: url("../img/pattern-featured.gif") repeat scroll 0 0 #ebe9e7;
382
margin: 5px 0 10px 5px;
386
border: 1px solid #aea79f;
387
-moz-border-radius: 4px;
388
-webkit-border-radius: 4px;
390
background-color: #fff;
397
border-right: 1px dotted #aea79f;
399
.box-padded li.first {
403
.box-padded li.last {
408
margin: 0 10px 50px 0;
410
-moz-border-radius: 8px;
411
-webkit-border-radius: 8px;
417
.box-clear .grid-4.first {
429
border-bottom: 1px dotted #aea79f;
430
padding-bottom: 10px;
433
.box-clear div.first {
434
border-right: 1px dotted #aea79f;
440
background: url("../img/rss.jpg") no-repeat scroll 0 center;
443
.box-clear .location {
450
-moz-border-radius: 4px;
451
-webkit-border-radius: 4px;
462
border-bottom: 1px dotted #aea79f;
469
border-top: 1px dotted #aea79f;
481
.ui-accordion div fieldset {
484
.ui-accordion div li,
485
.ui-accordion div input {
488
.ui-accordion .ui-icon {
495
background: url("../img/icon-accordion-inactive.png") 0 0 no-repeat transparent;
497
.ui-accordion .ui-state-active .ui-icon {
498
background-image: url("../img/icon-accordion-active.png");
500
.ui-accordion .current_page_item a {
504
-moz-border-radius: 4px 4px 4px 4px;
505
-webkit-border-radius: 4px 4px 4px 4px;
506
border-radius: 4px 4px 4px 4px;
507
padding: 10px 10px 10px;
508
background-color: #f7f7f7;
510
.container-tweet .tweet-follow {
512
margin-bottom: -10px;
515
background: url("../img/tweet-follow.png") 0 5px no-repeat;
518
.container-tweet .tweet-follow span {
529
background-color: #fff;
530
-moz-border-radius: 4px 4px 4px 4px;
531
-webkit-border-radius: 4px 4px 4px 4px;
532
border-radius: 4px 4px 4px 4px;
533
border: 1px solid #dd4814;
538
.tweet.tweet-small .tweet_text {
541
.tweet .tweet_text a {
545
.tweet .tweet_user_and_time {
546
padding: 15px 0 10px 0;
549
background: url("../img/tweet-arrow.png") no-repeat;
552
.tweet .tweet_odd .tweet_time,
553
.tweet .tweet_odd .tweet_user_and_time {
554
background-position: right 0;
557
.tweet .tweet_even .tweet_time,
558
.tweet .tweet_even .tweet_user_and_time {
559
background-position: left 0;
565
#content .list-search li {
566
list-style-type:none;
574
.blog-article #nav-single {
578
.blog-article #nav-single .nav-next {
581
.blog-article article header .entry-meta {
584
.blog-article article .entry-meta {
587
.blog-article #respond form input[type="submit"] {
593
background-color: #dd4814;
595
-moz-border-radius: 20px;
596
-webkit-border-radius: 20px;
600
border-top: 3px solid #e6633a;
601
border-left: 3px solid #e6633a;
602
border-right: 3px solid #e6633a;
603
border-bottom: 3px solid #c03d14;
605
.blog-article #respond form input[type="submit"]:active {
612
margin:10px 20px 10px 0;
616
margin:10px 20px 10px 0;
620
margin:10px 0 10px 20px;
625
margin:10px 20px 10px 0;
627
.entry-content h2, .entry-content h3{
630
.entry-content ul li{
631
list-style-type: circle;
637
border-top: 1px dotted #AEA79F;