← Back to branch summary

~ubuntu-branches/ubuntu/trusty/ubuntu-html5-theme/trusty-proposed

« back to all changes in this revision

Viewing changes to 0.1/ambiance/css/tabs.css

  • Committer: Package Import Robot
  • Author(s): Ubuntu daily release, Adnane Belmadiaf, daker, Kyle Nitzsche, Colin Watson, Alexandre Abreu, Ubuntu daily release
  • Date: 2014-01-07 23:46:53 UTC
  • mfrom: (1.1.7)
  • Revision ID: package-import@ubuntu.com-20140107234653-oagvm6guom4h9dvh
Tags: 0.1+14.04.20140107-0ubuntu1
https://launchpad.net/bugs/1241215
https://launchpad.net/bugs/1232533
https://launchpad.net/bugs/1222881
https://launchpad.net/bugs/1223973
https://launchpad.net/bugs/1241215
https://launchpad.net/bugs/1240682
https://launchpad.net/bugs/1246446
https://launchpad.net/bugs/1232533
https://launchpad.net/bugs/1243248
https://launchpad.net/bugs/1243248
https://launchpad.net/bugs/1241029
https://launchpad.net/bugs/1235321
[ Adnane Belmadiaf ]
* s/parentNode/parendNode Spaces instead of tabs. (LP: #1241215)
* Add option selector widget. (LP: #1232533)

[ daker ]
* Passe the UI variable name so we will not lock the variable. (LP:
  #1222878)
* Made variable declaration locale. (LP: #1222881)
* Fixed z-index for the list items aside. (LP: #1223973)
* s/parentNode/parendNode Spaces instead of tabs. (LP: #1241215)
* Space instead of tab. (LP: #1240682)
* Made list items with headers differentes. (LP: #1246446)
* Updated the progressbar component to match the design.
* Move tabs closer to what they should be, Expand API to match the QML
  one (at least at the Tabs level), .
* Add option selector widget. (LP: #1232533)

[ Kyle Nitzsche ]
* Add button id to "Invalid button ID" error message .
* This MR does three main things: 1) Implements yuidoc comments in all
  js files to support API doc generation, and provides yuidoc assets
  (theme dir and json file) needed to build the API docs. Bug LP:
  #1241029 3) Provides JS classes for shape and page with
  corresponding UbuntuUI prototype constructor functions. Bug LP:
  #1243248 4) Adds a getEl(UbuntuUIObject) to return the element for
  any Ubuntu class. Also LP: #1243248. (LP: #1243248, #1241029)

[ Colin Watson ]
* Make ubuntu-html5-theme Multi-Arch: foreign.

[ Alexandre Abreu ]
* Fix exec path in app-gallery app desktop file. (LP: #1235321)
* Add convenient element() function to most widgets ... (we might want
  to factor those out in a second step).
* Move tabs closer to what they should be, Expand API to match the QML
  one (at least at the Tabs level), .
* Add HTML5 webapp container package.

[ Ubuntu daily release ]
* Automatic snapshot from revision 98

Show diffs side-by-side

added added

removed removed

Lines of Context:
0.1/ambiance/css/tabs.css
26
26
 
27
27
[data-role="header"]{
28
28
    background: #ededf0 url("../img/background_paper@30.png") repeat-x top left;
29
 
    border-bottom: 14px solid #c2c2c2;
30
 
    height: 60px;
 
29
    height: 74px;
31
30
    width: 100%;
32
31
    overflow: hidden;
33
32
    position: relative;
34
 
    display: -webkit-box;
35
 
    display: box;
36
 
    -webkit-box-orient: horizontal;
37
 
    box-orient: horizontal;
38
 
}
39
 
 
40
 
[data-role="header"] div.tabs-inner {
41
 
    border-bottom: 1px solid #afafaf;
42
 
    width: 100%;
43
 
}
44
 
 
45
 
[data-role="header"] div.tabs-inner ul {
46
 
    width: 100%;
47
 
    white-space: nowrap;
48
 
}
49
 
 
50
 
[data-role="header"] div.tabs-inner ul li {
51
 
    overflow: hidden;
52
 
    white-space: nowrap;
53
 
    -webkit-box-flex: 1;
54
 
    box-flex: 1;
 
33
}
 
34
 
 
35
[data-role="header"]:after{
 
36
    background: #C2C2C2;
 
37
    content: "";
 
38
    border-top: 1px solid #afafaf;
 
39
    height: 14px;
 
40
    width: 100%;
 
41
    display: block;
 
42
}
 
43
 
 
44
[data-role="header"] ul {
 
45
    width: 100%;
 
46
    white-space: nowrap;
 
47
}
 
48
 
 
49
[data-role="header"] ul li {
55
50
    display: inline-block;
56
 
}
57
 
 
58
 
[data-role="header"] div.tabs-inner li > a {
59
51
    font: 35px "Ubuntu";
60
52
    letter-spacing: -1px;
61
53
    line-height: 60px;
62
 
    width: 100%;
63
54
    padding-left: 35px;
64
55
    text-decoration: none;
65
56
    color: #a0a0a0;
67
58
    opacity: 0;
68
59
    -webkit-transition: opacity .25s ease-in-out;
69
60
    transition: opacity .25s ease-in-out;
 
61
    cursor: pointer;
70
62
}
71
63
 
72
 
[data-role="header"] div.tabs-inner .active > a {
 
64
[data-role="header"] .active {
73
65
    color: #484647;
74
66
    padding-left: 15px;
75
67
    -webkit-opacity: 1;
76
68
    opacity: 1;
77
69
}
78
70
 
79
 
[data-role="header"] div.tabs-inner .active > a:after {
 
71
[data-role="header"] .active:after {
80
72
    content: "›";
81
73
    padding-left: 10px;
 
74
    -webkit-opacity: 0.5;
 
75
    opacity: 0.5;
82
76
}
83
77
 
84
 
[data-role="header"] div.tabs-inner li:only-child > a:after {
 
78
[data-role="header"] li:only-child:after {
85
79
    content: "";
86
80
    padding-left: 10px;
87
81
}
88
82
 
89
 
[data-role="header"] div.tabs-inner .inactive > a {
 
83
/* Inactive but viewable state*/
 
84
[data-role="header"] .inactive {
90
85
    color: #a0a0a0;
91
 
    -webkit-opacity: 1;
92
 
    opacity: 1;
 
86
    -webkit-opacity: 0.5;
 
87
    opacity: 0.5;
93
88
}
 
 
b'\\ No newline at end of file'