WebSVN – lars-tiefland.cienc – Blame – /htdocs/backend/assets/pages/css/timeline-old.css

Revision	Autor	Zeilennr.	Zeile
9	lars	1	`/*--------------------------------------------------`
		2	`[TRANSITION]`
		3	`----------------------------------------------------*/`
		4	`/* Cubic Bezier Transition */`
		5	`/***`
		6	`Timeline UI Base`
		7	`***/`
		8	`.timeline {`
		9	`margin: 0;`
		10	`padding: 0;`
		11	`list-style: none;`
		12	`position: relative;`
		13	`}`
		14
		15	`/* The line */`
		16	`.timeline:before {`
		17	`content: '';`
		18	`position: absolute;`
		19	`top: 0;`
		20	`bottom: 0;`
		21	`width: 10px;`
		22	`background: #ccc;`
		23	`left: 20%;`
		24	`margin-left: -10px;`
		25	`}`
		26
		27	`.timeline > li {`
		28	`position: relative;`
		29	`}`
		30
		31	`/Remove timeline line for last entry/`
		32	`.timeline > li.timeline-noline:before {`
		33	`content: '';`
		34	`position: absolute;`
		35	`top: 0;`
		36	`bottom: 0;`
		37	`width: 10px;`
		38	`background: #fff;`
		39	`left: 20%;`
		40	`margin-left: -10px;`
		41	`}`
		42
		43	`/* The date/time */`
		44	`.timeline > li .timeline-time {`
		45	`display: block;`
		46	`width: 15%;`
		47	`text-align: right;`
		48	`position: absolute;`
		49	`}`
		50
		51	`.timeline > li .timeline-time span {`
		52	`display: block;`
		53	`text-align: right;`
		54	`}`
		55
		56	`.timeline > li .timeline-time span.date {`
		57	`font-size: 12px;`
		58	`color: #aaa;`
		59	`display: block;`
		60	`font-weight: 300;`
		61	`}`
		62
		63	`.timeline > li .timeline-time span.time {`
		64	`font-weight: 300;`
		65	`font-size: 38px;`
		66	`line-height: 38px;`
		67	`}`
		68
		69	`/* Right content */`
		70	`.timeline > li .timeline-body {`
		71	`margin: 0 0 15px 25%;`
		72	`color: #fff;`
		73	`padding: 10px;`
		74	`font-weight: 300;`
		75	`position: relative;`
		76	`border-radius: 5px;`
		77	`}`
		78
		79	`.timeline > li .timeline-body h2 {`
		80	`margin-top: 0px;`
		81	`padding: 0 0 5px 0;`
		82	`border-bottom: 1px solid rgba(255, 255, 255, 0.3);`
		83	`font-size: 24px;`
		84	`}`
		85
		86	`.timeline > li .timeline-content {`
		87	`font-size: 14px;`
		88	`}`
		89
		90	`.ie8 .timeline > li .timeline-body h2 {`
		91	`border-bottom: 1px solid #eee;`
		92	`}`
		93
		94	`.timeline > li .timeline-body img.timeline-img {`
		95	`width: 75px;`
		96	`height: 75px;`
		97	`margin: 5px 10px 0 0px;`
		98	`}`
		99
		100	`.timeline > li .timeline-body img.pull-right {`
		101	`margin-left: 10px;`
		102	`}`
		103
		104	`.timeline > li .timeline-body a.nav-link {`
		105	`display: inline-block;`
		106	`margin-top: 10px;`
		107	`color: #fff;`
		108	`font-size: 14px;`
		109	`padding: 0px;`
		110	`text-align: left;`
		111	`text-decoration: none;`
		112	`}`
		113
		114	`.timeline > li .timeline-body a.nav-link:hover {`
		115	`opacity: 0.5;`
		116	`filter: alpha(opacity=50);`
		117	`}`
		118
		119	`.timeline > li .timeline-body .btn {`
		120	`margin-top: 10px;`
		121	`}`
		122
		123	`/* The triangle */`
		124	`.timeline > li .timeline-body:after {`
		125	`right: 100%;`
		126	`border: solid transparent;`
		127	`content: " ";`
		128	`height: 0;`
		129	`width: 0;`
		130	`position: absolute;`
		131	`pointer-events: none;`
		132	`border-right-color: #3594cb;`
		133	`border-width: 10px;`
		134	`top: 19px;`
		135	`}`
		136
		137	`.timeline > li .timeline-content:after,`
		138	`.timeline > li .timeline-content:before {`
		139	`display: table;`
		140	`line-height: 0;`
		141	`content: "";`
		142	`}`
		143
		144	`.timeline > li .timeline-content:after {`
		145	`clear: both;`
		146	`}`
		147
		148	`.timeline > li .timeline-footer:after,`
		149	`.timeline > li .timeline-footer:before {`
		150	`content: "";`
		151	`display: table;`
		152	`line-height: 0;`
		153	`}`
		154
		155	`.timeline > li .timeline-footer:after {`
		156	`clear: both;`
		157	`}`
		158
		159	`/* The icons */`
		160	`.timeline > li .timeline-icon {`
		161	`width: 40px;`
		162	`height: 40px;`
		163	`speak: none;`
		164	`font-style: normal;`
		165	`font-weight: normal;`
		166	`font-variant: normal;`
		167	`text-transform: none;`
		168	`font-size: 1.4em;`
		169	`line-height: 40px;`
		170	`-webkit-font-smoothing: antialiased;`
		171	`position: absolute;`
		172	`color: #fff;`
		173	`background: #aaa;`
		174	`border-radius: 50%;`
		175	`box-shadow: 0 0 0 8px #ccc;`
		176	`text-align: center;`
		177	`left: 20%;`
		178	`top: 0;`
		179	`margin: 5px 0 0 -25px;`
		180	`padding-bottom: 3px;`
		181	`padding-right: 1px;`
		182	`padding-left: 2px;`
		183	`-webkit-border-radius: 30px !important;`
		184	`-moz-border-radius: 30px !important;`
		185	`border-radius: 30px !important;`
		186	`}`
		187
		188	`.timeline > li .timeline-icon > i {`
		189	`font-size: 18px;`
		190	`}`
		191
		192	`/* Red */`
		193	`.timeline li.timeline-red .timeline-body:after {`
		194	`border-right-color: #e02222;`
		195	`}`
		196
		197	`.timeline li.timeline-red .timeline-body {`
		198	`background: #e02222;`
		199	`}`
		200
		201	`.timeline li.timeline-red .timeline-time span.time {`
		202	`color: #e02222;`
		203	`}`
		204
		205	`/* Yellow */`
		206	`.timeline li.timeline-yellow .timeline-body:after {`
		207	`border-right-color: #ffb848;`
		208	`}`
		209
		210	`.timeline li.timeline-yellow .timeline-body {`
		211	`background: #ffb848;`
		212	`}`
		213
		214	`.timeline li.timeline-yellow .timeline-time span.time {`
		215	`color: #ffb848;`
		216	`}`
		217
		218	`/* Green */`
		219	`.timeline li.timeline-green .timeline-body:after {`
		220	`border-right-color: #35aa47;`
		221	`}`
		222
		223	`.timeline li.timeline-green .timeline-body {`
		224	`background: #35aa47;`
		225	`}`
		226
		227	`.timeline li.timeline-green .timeline-time span.time {`
		228	`color: #35aa47;`
		229	`}`
		230
		231	`/* Blue */`
		232	`.timeline li.timeline-blue .timeline-body:after {`
		233	`border-right-color: #4b8df8;`
		234	`}`
		235
		236	`.timeline li.timeline-blue .timeline-body {`
		237	`background: #4b8df8;`
		238	`}`
		239
		240	`.timeline li.timeline-blue .timeline-time span.time {`
		241	`color: #4b8df8;`
		242	`}`
		243
		244	`/* Purple */`
		245	`.timeline li.timeline-purple .timeline-body:after {`
		246	`border-right-color: #852b99;`
		247	`}`
		248
		249	`.timeline li.timeline-purple .timeline-body {`
		250	`background: #852b99;`
		251	`}`
		252
		253	`.timeline li.timeline-purple .timeline-time span.time {`
		254	`color: #852b99;`
		255	`}`
		256
		257	`/* Grey */`
		258	`.timeline li.timeline-grey .timeline-body:after {`
		259	`border-right-color: #555555;`
		260	`}`
		261
		262	`.timeline li.timeline-grey .timeline-body {`
		263	`background: #555555;`
		264	`}`
		265
		266	`.timeline li.timeline-grey .timeline-time span.time {`
		267	`color: #555555;`
		268	`}`
		269
		270	`@media (max-width: 767px) {`
		271	`timeline > li .timeline-time span.time {`
		272	`font-size: 18px;`
		273	`}`
		274
		275	`.timeline:before {`
		276	`display: none;`
		277	`}`
		278
		279	`.timeline > li .timeline-time {`
		280	`width: 100%;`
		281	`position: relative;`
		282	`padding: 0 0 20px 0;`
		283	`}`
		284
		285	`.timeline > li .timeline-time span {`
		286	`text-align: left;`
		287	`}`
		288
		289	`.timeline > li .timeline-body {`
		290	`margin: 0 0 30px 0;`
		291	`padding: 1em;`
		292	`}`
		293
		294	`.timeline > li .timeline-body:after {`
		295	`right: auto;`
		296	`left: 20px;`
		297	`top: -20px;`
		298	`}`
		299
		300	`.timeline > li .timeline-icon {`
		301	`position: relative;`
		302	`float: right;`
		303	`left: auto;`
		304	`margin: -55px 5px 0 0px;`
		305	`}`
		306
		307	`/colors/`
		308	`.timeline li.timeline-red .timeline-body:after {`
		309	`border-right-color: transparent;`
		310	`border-bottom-color: #e02222;`
		311	`}`
		312
		313	`.timeline li.timeline-blue .timeline-body:after {`
		314	`border-right-color: transparent;`
		315	`border-bottom-color: #4b8df8;`
		316	`}`
		317
		318	`.timeline li.timeline-green .timeline-body:after {`
		319	`border-right-color: transparent;`
		320	`border-bottom-color: #35aa47;`
		321	`}`
		322
		323	`.timeline li.timeline-yellow .timeline-body:after {`
		324	`border-right-color: transparent;`
		325	`border-bottom-color: #ffb848;`
		326	`}`
		327
		328	`.timeline li.timeline-purple .timeline-body:after {`
		329	`border-right-color: transparent;`
		330	`border-bottom-color: #852b99;`
		331	`}`
		332
		333	`.timeline li.timeline-grey .timeline-body:after {`
		334	`border-right-color: transparent;`
		335	`border-bottom-color: #555555;`
		336	`}`
		337	`}`

Subversion-Projekte lars-tiefland.cienc

(root)/htdocs/backend/assets/pages/css/timeline-old.css – Revision 9