|
Last change
on this file since 31793 was 31793, checked in by kjdon, 7 years ago |
|
committing core files for pei jones project
|
-
Property svn:executable
set to
*
|
|
File size:
2.3 KB
|
| Line | |
|---|
| 1 | /* ======= DEMO LAYOUT ======= */
|
|---|
| 2 |
|
|---|
| 3 | .timeline {
|
|---|
| 4 | width:790px;
|
|---|
| 5 | *zoom:1;
|
|---|
| 6 | }
|
|---|
| 7 |
|
|---|
| 8 | a img {
|
|---|
| 9 | border:none;
|
|---|
| 10 | }
|
|---|
| 11 |
|
|---|
| 12 | .lead {
|
|---|
| 13 | margin-bottom:40px;
|
|---|
| 14 | }
|
|---|
| 15 |
|
|---|
| 16 | /* ============ TIMELINE ============= */
|
|---|
| 17 |
|
|---|
| 18 | .timelineContainer {
|
|---|
| 19 | border-left:1px solid #4c4743;
|
|---|
| 20 | margin-top: 20px;
|
|---|
| 21 | width:790px;
|
|---|
| 22 | }
|
|---|
| 23 |
|
|---|
| 24 | div.timelineToggle {
|
|---|
| 25 | float:right;
|
|---|
| 26 | margin-right:0;
|
|---|
| 27 | white-space:nowrap;
|
|---|
| 28 | }
|
|---|
| 29 |
|
|---|
| 30 | a.expandAll {
|
|---|
| 31 | color:#CCCCCC;
|
|---|
| 32 | cursor:pointer;
|
|---|
| 33 | background:#4c4743;
|
|---|
| 34 | font-weight:bold;
|
|---|
| 35 | -webkit-border-radius:4px;
|
|---|
| 36 | -moz-border-radius:4px;
|
|---|
| 37 | border-radius:4px;
|
|---|
| 38 | padding:10px 20px;
|
|---|
| 39 | text-decoration: none;
|
|---|
| 40 | }
|
|---|
| 41 |
|
|---|
| 42 | a.expandAll:hover {
|
|---|
| 43 | cursor:pointer;
|
|---|
| 44 | }
|
|---|
| 45 |
|
|---|
| 46 | div.timelineMajor {
|
|---|
| 47 | clear:left;
|
|---|
| 48 | float:left;
|
|---|
| 49 | margin:0 0 20px 0;
|
|---|
| 50 | width:790px;
|
|---|
| 51 | }
|
|---|
| 52 |
|
|---|
| 53 | .timelineMajor h2 {
|
|---|
| 54 | background:url(../images/timeline_century_tick.gif) left center no-repeat;
|
|---|
| 55 | cursor: pointer;
|
|---|
| 56 | margin: 0px 0px 20px 0px;
|
|---|
| 57 | }
|
|---|
| 58 |
|
|---|
| 59 | .timelineMajor h2 span {
|
|---|
| 60 | color: #d1c5b6;
|
|---|
| 61 | background:#4c4743;
|
|---|
| 62 | padding:5px 100px 5px 20px;
|
|---|
| 63 | -webkit-border-top-right-radius: 7px;
|
|---|
| 64 | -webkit-border-bottom-right-radius: 7px;
|
|---|
| 65 | -moz-border-radius-topright: 7px;
|
|---|
| 66 | -moz-border-radius-bottomright: 7px;
|
|---|
| 67 | border-top-right-radius: 7px;
|
|---|
| 68 | border-bottom-right-radius: 7px;
|
|---|
| 69 | }
|
|---|
| 70 |
|
|---|
| 71 | dl.timelineMinor {
|
|---|
| 72 | clear:left;
|
|---|
| 73 | float:left;
|
|---|
| 74 | position:relative;
|
|---|
| 75 | width:790px;
|
|---|
| 76 | }
|
|---|
| 77 |
|
|---|
| 78 | .timelineMinor dt {
|
|---|
| 79 | background:url(../images/timeline_decade_tick.gif) left center no-repeat;
|
|---|
| 80 | clear:left;
|
|---|
| 81 | list-style-type:none;
|
|---|
| 82 | margin: 0px 0px 10px 0px;
|
|---|
| 83 | padding: 0px 0px 0px 20px;
|
|---|
| 84 | white-space:nowrap;
|
|---|
| 85 | }
|
|---|
| 86 |
|
|---|
| 87 | .timelineMinor dt a {
|
|---|
| 88 | font-weight: bold;
|
|---|
| 89 | cursor:pointer;
|
|---|
| 90 | }
|
|---|
| 91 |
|
|---|
| 92 | .timelineMinor dd {
|
|---|
| 93 | width:100%;
|
|---|
| 94 | margin: 0px 0px 15px 20px;
|
|---|
| 95 | }
|
|---|
| 96 |
|
|---|
| 97 | .timelineMinor dd h3 {
|
|---|
| 98 | clear:both;
|
|---|
| 99 | float:left;
|
|---|
| 100 | margin:0;
|
|---|
| 101 | white-space:nowrap;
|
|---|
| 102 | }
|
|---|
| 103 |
|
|---|
| 104 | .timelineEvent p {
|
|---|
| 105 | clear:left;
|
|---|
| 106 | float:left;
|
|---|
| 107 | width:520px;
|
|---|
| 108 | }
|
|---|
| 109 |
|
|---|
| 110 | .timelineEvent h4 {
|
|---|
| 111 | clear:left;
|
|---|
| 112 | float:left;
|
|---|
| 113 | margin:10px 0 0;
|
|---|
| 114 | padding:0 0 0 20px;
|
|---|
| 115 | }
|
|---|
| 116 |
|
|---|
| 117 | .timelineEvent blockquote {
|
|---|
| 118 | border-left:2px solid #4c4743;
|
|---|
| 119 | clear:left;
|
|---|
| 120 | float:left;
|
|---|
| 121 | margin-left:0;
|
|---|
| 122 | padding:0 30px;
|
|---|
| 123 | width:400px;
|
|---|
| 124 | }
|
|---|
| 125 |
|
|---|
| 126 | .timelineEvent blockquote .attribution{
|
|---|
| 127 | text-align: right;
|
|---|
| 128 | }
|
|---|
| 129 |
|
|---|
| 130 |
|
|---|
| 131 | .timelineEvent div.media {
|
|---|
| 132 | float:right;
|
|---|
| 133 | width:240px;
|
|---|
| 134 | }
|
|---|
| 135 |
|
|---|
| 136 | .timelineEvent .media img {
|
|---|
| 137 | border:1px solid #4c4743;
|
|---|
| 138 | } |
|---|
Note:
See
TracBrowser
for help on using the repository browser.
