Cleaned up Assets and refined page layout with <figcaption>
This commit is contained in:
		
					parent
					
						
							
								512a87e38a
							
						
					
				
			
			
				commit
				
					
						0968fff224
					
				
			
		
					 11 changed files with 26 additions and 2111 deletions
				
			
		|  | @ -1,114 +0,0 @@ | |||
| // Color Settings | ||||
| 
 | ||||
| // Corporate Identity Colorpalette/Color Scheme | ||||
| // https://color.adobe.com/de/Flat-Design-Colors-v2-color-theme-4341903/ | ||||
| // | ||||
| $ci-1: #334D5C;		// dark turquoise | ||||
| $ci-2: #45B29D;		// turquoise | ||||
| $ci-3: #EFC94C;		// yellow | ||||
| $ci-4: #E27A3F;		// orange | ||||
| $ci-5: #DF4949;		// red | ||||
| $ci-6: #A1D044;   // green | ||||
| 
 | ||||
| 
 | ||||
| // Foundation Color Variables | ||||
| $primary-color: $ci-1; | ||||
| $secondary-color: $ci-6; | ||||
| $alert-color: $ci-5; | ||||
| $success-color: $ci-6; | ||||
| $warning-color: $ci-4; | ||||
| $info-color: $ci-2; | ||||
| 
 | ||||
| // Grey Scale | ||||
| 
 | ||||
| $grey-1: #E4E4E4; | ||||
| $grey-2: #D7D7D7; | ||||
| $grey-3: #CBCBCB; | ||||
| $grey-4: #BEBEBE; | ||||
| $grey-5: #A4A4A4; | ||||
| $grey-6: #979797; | ||||
| $grey-7: #8B8B8B; | ||||
| $grey-8: #7E7E7E; | ||||
| $grey-9: #646464; | ||||
| $grey-10: #575757; | ||||
| $grey-11: #4B4B4B; | ||||
| $grey-12: #3E3E3E; | ||||
| $grey-13: #313131; | ||||
| $grey-14: #242424; | ||||
| $grey-15: #171717; | ||||
| $grey-16: #0B0B0B; | ||||
| 
 | ||||
| 
 | ||||
| // Code Highlighting | ||||
| 
 | ||||
| $highlight-background: #ffffff; | ||||
| $highlight-comment: #999988; | ||||
| $highlight-error: #a61717; | ||||
| $highlight-comment-special: #999999; | ||||
| $highlight-deleted: #000000; | ||||
| $highlight-error-2: #aa0000; | ||||
| $highlight-literal-string: #d14; | ||||
| $highlight-literal-number: #009999; | ||||
| $highlight-name-attribut: #008080; | ||||
| $highlight-error-background: #e3d2d2; | ||||
| $highlight-generic-deleted: #ffdddd; | ||||
| $highlight-generic-deleted-specific: #ffaaaa; | ||||
| $highlight-generic-inserted: #ddffdd; | ||||
| $highlight-generic-inserted-specific: #aaffaa; | ||||
| $highlight-generic-output: #888888; | ||||
| $highlight-generic-prompt: #555555; | ||||
| $highlight-subheading: #aaaaaa; | ||||
| $highlight-keyword-type: #445588; | ||||
| $highlight-name-builtin: #0086B3; | ||||
| $highlight-name-class: #445588; | ||||
| $highlight-name-entity: #800080; | ||||
| $highlight-name-exception: #990000; | ||||
| $highlight-name-function: #990000; | ||||
| $highlight-name-namespace: #555555; | ||||
| $highlight-name-tag: #000080; | ||||
| $highlight-text-whitespace: #bbbbbb; | ||||
| $highlight-literal-string-regex: #009926; | ||||
| $highlight-literal-string-symbol: #990073; | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| // Topbar-Navigation | ||||
| 
 | ||||
| $topbar-bg-color: #fff; | ||||
| 
 | ||||
| $topbar-dropdown-toggle-color: $ci-1; | ||||
| 
 | ||||
| $topbar-link-color: #000; | ||||
| $topbar-link-color-hover: #000; | ||||
| $topbar-link-color-active: #000; | ||||
| $topbar-link-color-active-hover: #000; | ||||
| 
 | ||||
| $topbar-dropdown-label-color: $ci-2; | ||||
| $topbar-dropdown-link-bg-hover: $ci-6; | ||||
| $topbar-dropdown-bg: $ci-6; // Hintergrund kleine Navigation | ||||
| 
 | ||||
| $topbar-link-bg-active: $ci-6; // Aktiver ausgewählter Menupunkt | ||||
| $topbar-link-bg-hover: $ci-6; | ||||
| $topbar-link-bg-active-hover: $ci-2; | ||||
| 
 | ||||
| 
 | ||||
| $topbar-dropdown-bg: $ci-6; // Hintergrund kleine Navigation | ||||
| $topbar-dropdown-link-color: #000; | ||||
| $topbar-dropdown-link-bg: $ci-2; | ||||
| 
 | ||||
| $topbar-menu-link-color-toggled: $ci-1; | ||||
| $topbar-menu-icon-color-toggled: $ci-1; | ||||
| $topbar-menu-link-color: #000; | ||||
| $topbar-menu-icon-color: #000; | ||||
| $topbar-menu-link-color-toggled: $ci-6; | ||||
| $topbar-menu-icon-color-toggled: $ci-6; | ||||
| 
 | ||||
| 
 | ||||
| // Footer | ||||
| 
 | ||||
| $footer-bg: $grey-8; | ||||
| $footer-color: #fff; | ||||
| 
 | ||||
| $subfooter-bg: $grey-13; | ||||
| $subfooter-color: $grey-8; | ||||
|  | @ -1,33 +0,0 @@ | |||
| // This is the default html and body font-size for the base rem value. | ||||
| $base-font-size: 16px; | ||||
| $rem-base: $base-font-size; | ||||
| 
 | ||||
| // Allows the use of rem-calc() or lower-bound() in your settings | ||||
| @import "foundation/functions"; | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| /* Modular Scale ----------------------  | ||||
| 
 | ||||
| 2:3 perfect fifth | ||||
| 
 | ||||
| 44px @ 1:1.5	  | ||||
| 16px @ 1:1.5 | ||||
| 
 | ||||
| DIESE IST DIE AKTUELLE  | ||||
| 
 | ||||
| 44.000	1	2.75	338.462 | ||||
| 36.000	0.818	2.25	276.923 | ||||
| 29.333	0.667	1.833	225.638 | ||||
| 24.000	0.545	1.5	184.615 | ||||
| 19.555	0.444	1.222	150.423 | ||||
| 16.000	0.364	1	123.077 | ||||
| 
 | ||||
| --------------------------------*/ | ||||
| 
 | ||||
| $font-size-h1: rem-calc(44); | ||||
| $font-size-h2: rem-calc(36); | ||||
| $font-size-h3: rem-calc(29); | ||||
| $font-size-h4: rem-calc(24); | ||||
| $font-size-h5: rem-calc(19); | ||||
| $font-size-p: rem-calc(16); | ||||
										
											
												File diff suppressed because it is too large
												Load diff
											
										
									
								
							|  | @ -1,162 +0,0 @@ | |||
| /* - - - - - - - - - - - - - - - - - - - - - - -  | ||||
| 
 | ||||
| Additional Typography to complement Foundation | ||||
| 
 | ||||
|  - - - - - - - - - - - - - - - - - - - - - - - */ | ||||
| 
 | ||||
| p a 				{ border-bottom: 1px dotted; } | ||||
| p a:hover 		    { border-bottom: 2px solid; } | ||||
| p a.button  		{ border: 0; } | ||||
| 
 | ||||
| img { border-radius: $global-radius;} | ||||
| 	img.alignleft, | ||||
| 	img.left 		{ float: left; margin:5px 15px 5px 0; } | ||||
| 	img.alignright, | ||||
| 	img.right 		{ float: right; margin:5px 0 5px 15px; } | ||||
| 	img.aligncenter, | ||||
| 	img.center 		{ display: block; margin:0 auto 10px; } | ||||
| 
 | ||||
| h1 		{ font-weight: bold; } | ||||
| h2 		{ margin-top: rem-calc(24); } | ||||
| 	.blog-index h2 { margin-top: 10px; } | ||||
| h3 		{ margin-top: rem-calc(22); } | ||||
| 
 | ||||
| article dl dt 	{ line-height: 1.3; } | ||||
| article dl dd 	{ line-height: 1.6; margin-bottom: rem-calc(12); margin-left: rem-calc(24); } | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| dl.accordion 	{ border-top: 1px solid $grey-2;  } | ||||
| .accordion dd 	{ border-bottom: 1px solid $grey-2;  } | ||||
| dd.accordion-navigation span { padding-right: 12px; } | ||||
| dd.accordion-navigation span:before { content: "\E766" } | ||||
| dd.accordion-navigation.active span:before { content: "\E764" } | ||||
| dd.accordion-navigation.active span:before { content: "\E764" } | ||||
| 
 | ||||
| 
 | ||||
| td 		{ vertical-align: top; } | ||||
| 
 | ||||
| pre 	{ overflow: auto; } | ||||
| code 	{ font-size: rem-calc(14); line-height: 1.5; } | ||||
| 
 | ||||
| blockquote { | ||||
| 	font-style: italic; | ||||
| 	position: relative; | ||||
| 	border: none; | ||||
| 	margin: 0 30px 30px 30px; | ||||
| 	color: #4b4b4d | ||||
| } | ||||
|   | ||||
| 	blockquote p {font-style: italic; color: $grey-10; } | ||||
|   | ||||
| 	blockquote:before { | ||||
| 		display:block;content:"\00BB"; | ||||
| 		font-size:80px; | ||||
| 		position:absolute; | ||||
| 		left:-25px; | ||||
| 		top:-40px; | ||||
| 		color:#4b4b4d | ||||
| 	} | ||||
| 	blockquote:after { | ||||
| 		display:block; | ||||
| 		content:"\00AB"; | ||||
| 		font-size:80px; | ||||
| 		position:absolute; | ||||
| 		right:-10px; | ||||
| 		bottom:-40px; | ||||
| 		color:#4b4b4d; | ||||
| 	} | ||||
| 
 | ||||
| 	blockquote cite:before{content:"\2014 \0020"} | ||||
|   | ||||
| 	blockquote cite a,blockquote cite a:visited {color: #555} | ||||
| 
 | ||||
| cite { padding-top: 5px; } | ||||
| 
 | ||||
| .alert-box 			{ | ||||
| 						font-family: $header-font-family; | ||||
| 						text-shadow: 0px 1px 1px rgba(0,0,0,0.9); | ||||
| 					}  | ||||
| 	.alert-box p 	{ margin-bottom: 0; }  | ||||
| 	.alert-box a 	{ | ||||
| 						text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); | ||||
| 						color: #fff; | ||||
| 						border-bottom: 1px dotted #fff; | ||||
| 					} | ||||
| 	.alert-box a:hover { | ||||
| 						border-bottom: 1px solid #fff; | ||||
| 					} | ||||
| 
 | ||||
| button, .button { letter-spacing: 1px; } | ||||
| 
 | ||||
| mark { background-color: scale-color($warning-color, $lightness: 60%);} | ||||
| 
 | ||||
| .subheadline 			{ font-size: rem-calc(16); margin: 0; text-transform: uppercase; } | ||||
| .teaser 			{ font-size: rem-calc(20); } | ||||
| .big-teaser 		{ font-style: italic; font-weight: 300; } | ||||
| .big-teaser a 		{ font-style: italic; font-weight: 400; } | ||||
| 
 | ||||
| 
 | ||||
| 	/* Bigteaser Schriftgröße auf kleinen Bildschirmen veringern */ | ||||
| 	@media only screen { | ||||
| 		.big-teaser { | ||||
| 			font-size: rem-calc(20); | ||||
| 		} | ||||
| 	} | ||||
| 	@media only screen and (min-width: 40.063em) { | ||||
| 		.big-teaser 		{ | ||||
| 			font-size: rem-calc(29); | ||||
| 		} | ||||
| 	} | ||||
| 
 | ||||
| 
 | ||||
| /* - - - - - - - - - - - - - - - - - - - - - - -  | ||||
| 
 | ||||
| Additional typographical elements | ||||
| 
 | ||||
|  - - - - - - - - - - - - - - - - - - - - - - - */ | ||||
| 
 | ||||
| .sans 				{ font-family: $font-family-sans-serif; } | ||||
| .serif 				{ font-family: $font-family-serif; } | ||||
| 
 | ||||
| .font-size-h1	{ font-size: $font-size-h1; } | ||||
| .font-size-h2	{ font-size: $font-size-h2; } | ||||
| .font-size-h3	{ font-size: $font-size-h3; } | ||||
| .font-size-h4	{ font-size: $font-size-h4; } | ||||
| .font-size-h5	{ font-size: $font-size-h5; } | ||||
| .font-size-p 	{ font-size: $font-size-p; } | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| @font-face { | ||||
|     font-family: 'entypo'; | ||||
|     src: url('../fonts/entypo.eot'); | ||||
|     src: url('../fonts/entypo.eot?#iefix') format('embedded-opentype'), | ||||
|          url('../fonts/entypo.woff') format('woff'), | ||||
|          url('../fonts/entypo.ttf') format('truetype'), | ||||
|          url('../fonts/entypo.svg#entypo') format('svg'); | ||||
|     font-weight: normal; | ||||
|     font-style: normal; | ||||
| } | ||||
| 
 | ||||
| @font-face { | ||||
|     font-family: 'entypo-social'; | ||||
|     src: url('../fonts/entypo-social.eot'); | ||||
|     src: url('../fonts/entypo-social.eot?#iefix') format('embedded-opentype'), | ||||
|          url('../fonts/entypo-social.woff') format('woff'), | ||||
|          url('../fonts/entypo-social.ttf') format('truetype'), | ||||
|          url('../fonts/entypo-social.svg#entypo-social') format('svg'); | ||||
|     font-weight: normal; | ||||
|     font-style: normal; | ||||
| } | ||||
| 
 | ||||
| .entypo { font-family:'entypo'; } | ||||
| 	.entypo-social { font-family:'entypo-social'; } | ||||
| 	.entypo-32 { font-size: em-calc(32); } | ||||
| 	.entypo-29 { font-size: rem-calc(29); } | ||||
| 	.entypo-48 { font-size: em-calc(48); } | ||||
| 	.entypo-64 { font-size: em-calc(64); } | ||||
| 
 | ||||
|  | @ -1,176 +0,0 @@ | |||
| body.video, | ||||
| body.video #masthead-no-image-header { background: #000; } | ||||
| body.video #masthead-no-image-header { margin-bottom: 60px; } | ||||
| body.video h1, | ||||
| body.video h2, | ||||
| body.video h3, | ||||
| body.video h4, | ||||
| body.video h5, | ||||
| body.video h6, | ||||
| body.video p, | ||||
| body.video a, | ||||
| body.video blockquote:before, | ||||
| body.video blockquote:after, | ||||
| body.video cite a, { color: #fff; } | ||||
| body.video cite a:visited, { color: #fff; } | ||||
| body.video cite { color: #fff; } | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| #navigation { | ||||
| 	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.2); | ||||
| 	box-shadow: 0 2px 3px 0 rgba(0,0,0,.2); | ||||
| } | ||||
| #search { | ||||
| 	padding: 20px 0 0 0; | ||||
| 	background: $ci-4; | ||||
| } | ||||
| 
 | ||||
| #breadcrumb { | ||||
| 	background: scale-color($grey-1, $lightness: 55%); | ||||
|  	border-top: 1px solid scale-color($grey-1, $lightness: 45%); | ||||
| 	border-bottom: 1px solid scale-color($grey-1, $lightness: 45%); | ||||
| } | ||||
| 
 | ||||
| /* - - - MASTHEAD - - - - - - - - - - - - - - - - - - - - - - */ | ||||
| 
 | ||||
| #title-image-small { height: 240px; } | ||||
| #title-image-large { height: 520px; } | ||||
| #title-image-index-small { height: 120px; } | ||||
| #title-image-index-large { height: 260px; } | ||||
| 
 | ||||
| 
 | ||||
| #masthead { height: 190px; } | ||||
| #logo img { margin-top: 30px; } | ||||
| #masthead-no-image-header { height: 120px; background: $primary-color; } | ||||
| #masthead-with-pattern { padding: 30px 0; } | ||||
| #masthead-with-background-color { padding: 30px 0; } | ||||
| 
 | ||||
| /* Masthead auf medium-up Geräten */ | ||||
| @media only screen and (min-width: 40.063em) { | ||||
| 	#logo img { margin-top: 80px; } | ||||
| 	#masthead { height: 320px; } | ||||
| 	#masthead-no-image-header { height: 175px; background: $primary-color; } | ||||
| 	#masthead-no-image-header #logo img { margin-top: 45px; } | ||||
| } | ||||
| 
 | ||||
| #page-meta { | ||||
| 	color: $grey-5; | ||||
| } | ||||
| 
 | ||||
| #page-meta .button { | ||||
| 	background: $grey-5; | ||||
| } | ||||
| #page-meta .button:hover { | ||||
| 	background: $primary-color; | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| /* - - - FOOTER - - - - - - - - - - - - - - - - - - - - - - */ | ||||
| 
 | ||||
| #up-to-top a.entypo:hover { background: $grey-2; border-radius: 3px;} | ||||
| #up-to-top { padding: 160px 0 10px 0; } | ||||
| 
 | ||||
| 
 | ||||
| #footer { | ||||
| 	padding-top: 30px; | ||||
| 	padding-bottom: 20px; | ||||
| 	background: $footer-bg; | ||||
| 	color: $footer-color; | ||||
| 	} | ||||
| 	footer p, | ||||
| 	footer li { | ||||
| 		font-size: rem-calc(13); | ||||
| 		font-weight: 300; | ||||
| 	} | ||||
| 
 | ||||
| 	#footer a { color: $ci-6; } | ||||
| 	#footer a.entypo:hover { background: $ci-2; border-radius: 3px;} | ||||
| 	 | ||||
| 	#footer h4, | ||||
| 	#footer h5 { | ||||
| 		letter-spacing: 1px; | ||||
| 		color: #fff; | ||||
| 		text-transform: uppercase; | ||||
| 	} | ||||
| 	#footer p.entypo { | ||||
| 		font-size: 80px; | ||||
| 		line-height: 54px; | ||||
| 		text-align: center; | ||||
| 		padding: 0; | ||||
| 		margin: 0; | ||||
| 	} | ||||
| 
 | ||||
| #subfooter { | ||||
| 	background: $subfooter-bg; | ||||
| 	color: $subfooter-color; | ||||
| 	padding-top: 30px; | ||||
| 	padding-bottom: 10px; | ||||
| } | ||||
| 	#subfooter-left ul.inline-list { | ||||
| 		float: left; | ||||
| 	} | ||||
| 	#subfooter .entypo-social, | ||||
| 	#subfooter .entypo { | ||||
| 		font-size: 48px; | ||||
| 		line-height: 36px; | ||||
| 		color: $subfooter-color; | ||||
| 	} | ||||
| 
 | ||||
| 	#subfooter li a { | ||||
| 		color: $subfooter-color; | ||||
| 		text-transform: uppercase; | ||||
| 	} | ||||
| 
 | ||||
| 	#subfooter li a:hover { | ||||
| 		color: #fff; | ||||
| 	} | ||||
| 
 | ||||
| 	#subfooter .social-icons li a { | ||||
| 		display: block; | ||||
| 		height: 36px; | ||||
| 		width: 36px; | ||||
| 		border-radius: 50%; | ||||
| 		color: $subfooter-bg; | ||||
| 		background: $subfooter-color; | ||||
| 		text-align: center; | ||||
| 		vertical-align: center; | ||||
| 	} | ||||
| 
 | ||||
| 	#subfooter .social-icons li a:hover { | ||||
| 		background: $subfooter-bg; | ||||
| 		color: #fff; | ||||
| 	} | ||||
| 
 | ||||
| .ad-space { | ||||
| 	border: 1px solid scale-color($grey-1, $lightness: 80%); | ||||
| 	text-align: center; | ||||
| 	padding: 15px 0; | ||||
| 	margin-bottom: rem-calc(20); | ||||
| } | ||||
| 
 | ||||
| /* | ||||
| 
 | ||||
| CSS-Classes to add margin at the top or bottom | ||||
| 
 | ||||
| */ | ||||
| 
 | ||||
| .t15 		{ margin-top: 15px; } | ||||
| .t20 		{ margin-top: 20px; } | ||||
| .t30 		{ margin-top: 30px; } | ||||
| .t50 		{ margin-top: 50px; } | ||||
| .t60 		{ margin-top: 60px; } | ||||
| .t90 		{ margin-top: 90px; } | ||||
| 
 | ||||
| .b15 		{ margin-bottom: 15px; } | ||||
| .b20 		{ margin-bottom: 20px; } | ||||
| .b30 		{ margin-bottom: 30px; } | ||||
| .b60 		{ margin-bottom: 60px; } | ||||
| 
 | ||||
| .pl20		{ padding-left: 20px; } | ||||
| 
 | ||||
| .pr5		{ padding-right: 5px; } | ||||
| .pr10		{ padding-right: 10px; } | ||||
| .pr20		{ padding-right: 20px; } | ||||
|  | @ -1,70 +0,0 @@ | |||
| .ad-panel { | ||||
| 	border: 1px solid $grey-2; | ||||
| 	text-align: center; | ||||
| 	padding: 15px; | ||||
| } | ||||
| .ad-panel p { | ||||
| 	padding: 0; | ||||
| 	margin: 0; | ||||
| } | ||||
| 
 | ||||
| .alert-box { font-family: $header-font-family; text-shadow: 0px 1px 1px rgba(0,0,0,0.9); } | ||||
| 	.alert-box.terminal { background: $grey-16; color: #fff; border-color: scale-color($grey-16, $lightness: $alert-function-factor); | ||||
| } | ||||
| 	.alert-box p { margin-bottom: 0; }  | ||||
| 	.alert-box a { | ||||
| 		text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); | ||||
| 		color: #fff; | ||||
| 		border-bottom: 1px dotted #fff; | ||||
| 	} | ||||
| 	.alert-box a:hover { | ||||
| 		border-bottom: 1px solid #fff; | ||||
| 	} | ||||
| 
 | ||||
| button, .button 				{ letter-spacing: 1px; } | ||||
| 	button.grey, .button.grey	{ background: $grey-10; } | ||||
| 	button.grey:hover, | ||||
| 	button.grey:focus, | ||||
| 	.button.grey:hover, | ||||
| 	.button.grey:focus 			{ background-color: $grey-16; } | ||||
| 
 | ||||
| 
 | ||||
| .shadow-no 		{text-shadow: rgba(0, 0, 0, 0) 0 0 0;} | ||||
| .shadow-black 	{text-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 2px;} | ||||
| .shadow-white 	{text-shadow: rgba(255, 255, 255, 0.498039) 0px 1px 2px;} | ||||
| 
 | ||||
| 
 | ||||
| .side-nav li.title { text-transform: uppercase;} | ||||
| .side-nav li { border-top: 1px solid $grey-3;} | ||||
| .side-nav li a:not(.button) { padding: 0.4375rem 0rem; } | ||||
| .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus { background: #eee; } | ||||
| 
 | ||||
| .homepage p { margin: 0; padding: 0; color: $grey-10; } | ||||
| .caption a { border-bottom: 1px dotted $grey-4; color: $grey-10; font-size: rem-calc(13); } | ||||
| 
 | ||||
| 
 | ||||
| .meta-info p { | ||||
| 	font-size: rem-calc(13); | ||||
| 	color: scale-color($grey-1, $lightness: 40%); | ||||
| } | ||||
| 	.meta-info a { | ||||
| 		text-decoration: underline; | ||||
| 		color: scale-color($grey-1, $lightness: 40%); | ||||
| 	} | ||||
| 	.meta-info a:hover { | ||||
| 		text-decoration: none; | ||||
| 		color: $secondary-color; | ||||
| 	} | ||||
| 
 | ||||
| 
 | ||||
| #logo-monochrome { | ||||
| 	background: url(../img/phlow-logo-monochrome-100x36.png) no-repeat; | ||||
| 	height: 36px; | ||||
| 	width: 100px; | ||||
| 	padding: 0; | ||||
| 	margin: 0; | ||||
| 	line-height: 0; | ||||
| 	text-indent: -9999px; | ||||
| 	display: block; | ||||
| 	float: left; | ||||
| } | ||||
|  | @ -1,65 +0,0 @@ | |||
| 
 | ||||
| /* Syntax highlighting styles | ||||
| /* Colors see color_settings | ||||
| /* ----------------------------------------------------------*/ | ||||
| 
 | ||||
| .highlight  { background: $highlight-background; padding-bottom: 20px; } | ||||
| .highlight .c { color: $highlight-comment; font-style: italic } /* Comment */ | ||||
| .highlight .err { color: $highlight-error; background-color: $highlight-error-background;  } /* Error */ | ||||
| .highlight .k { font-weight: bold } /* Keyword */ | ||||
| .highlight .o { font-weight: bold } /* Operator */ | ||||
| .highlight .cm { color: $highlight-comment; font-style: italic } /* Comment.Multiline */ | ||||
| .highlight .cp { color: $highlight-comment-special; font-weight: bold } /* Comment.Preproc */ | ||||
| .highlight .c1 { color: $highlight-comment; font-style: italic } /* Comment.Single */ | ||||
| .highlight .cs { color: $highlight-comment-special; font-weight: bold; font-style: italic } /* Comment.Special */ | ||||
| .highlight .gd { color: $highlight-deleted; background-color: $highlight-generic-deleted; } /* Generic.Deleted */ | ||||
| .highlight .gd .x { color: $highlight-deleted; background-color: $highlight-generic-deleted-specific;} /* Generic.Deleted.Specific */ | ||||
| .highlight .ge { font-style: italic } /* Generic.Emph */ | ||||
| .highlight .gr { color: $highlight-error-2; } /* Generic.Error */ | ||||
| .highlight .gh { color: $highlight-comment-special } /* Generic.Heading */ | ||||
| .highlight .gi { color: $highlight-deleted; background-color: $highlight-generic-inserted; } /* Generic.Inserted */ | ||||
| .highlight .gi .x { color: $highlight-deleted; background-color: $highlight-generic-inserted-specific; } /* Generic.Inserted.Specific */ | ||||
| .highlight .go { color: $highlight-generic-output; } /* Generic.Output */ | ||||
| .highlight .gp { color: $highlight-generic-prompt; } /* Generic.Prompt */ | ||||
| .highlight .gs { font-weight: bold } /* Generic.Strong */ | ||||
| .highlight .gu { color: $highlight-subheading;} /* Generic.Subheading */ | ||||
| .highlight .gt { color: $highlight-error-2; } /* Generic.Traceback */ | ||||
| .highlight .kc { font-weight: bold } /* Keyword.Constant */ | ||||
| .highlight .kd { font-weight: bold } /* Keyword.Declaration */ | ||||
| .highlight .kp { font-weight: bold } /* Keyword.Pseudo */ | ||||
| .highlight .kr { font-weight: bold } /* Keyword.Reserved */ | ||||
| .highlight .kt { color: $highlight-keyword-type; font-weight: bold } /* Keyword.Type */ | ||||
| .highlight .m { color: $highlight-literal-number; } /* Literal.Number */ | ||||
| .highlight .s { color: $highlight-literal-string; } /* Literal.String */ | ||||
| .highlight .na { color: $highlight-name-attribut; } /* Name.Attribute */ | ||||
| .highlight .nb { color: $highlight-name-builtin; } /* Name.Builtin */ | ||||
| .highlight .nc { color: $highlight-name-class; font-weight: bold } /* Name.Class */ | ||||
| .highlight .no { color: $highlight-name-attribut; } /* Name.Constant */ | ||||
| .highlight .ni { color: $highlight-name-entity; } /* Name.Entity */ | ||||
| .highlight .ne { color: $highlight-name-exception; font-weight: bold } /* Name.Exception */ | ||||
| .highlight .nf { color: $highlight-name-function; font-weight: bold } /* Name.Function */ | ||||
| .highlight .nn { color: $highlight-name-namespace; } /* Name.Namespace */ | ||||
| .highlight .nt { color: $highlight-name-tag; } /* Name.Tag */ | ||||
| .highlight .nv { color: $highlight-name-attribut; } /* Name.Variable */ | ||||
| .highlight .ow { font-weight: bold } /* Operator.Word */ | ||||
| .highlight .w { color: $highlight-text-whitespace; } /* Text.Whitespace */ | ||||
| .highlight .mf { color: $highlight-literal-number; } /* Literal.Number.Float */ | ||||
| .highlight .mh { color: $highlight-literal-number; } /* Literal.Number.Hex */ | ||||
| .highlight .mi { color: $highlight-literal-number; } /* Literal.Number.Integer */ | ||||
| .highlight .mo { color: $highlight-literal-number; } /* Literal.Number.Oct */ | ||||
| .highlight .sb { color: $highlight-literal-string; } /* Literal.String.Backtick */ | ||||
| .highlight .sc { color: $highlight-literal-string; } /* Literal.String.Char */ | ||||
| .highlight .sd { color: $highlight-literal-string; } /* Literal.String.Doc */ | ||||
| .highlight .s2 { color: $highlight-literal-string; } /* Literal.String.Double */ | ||||
| .highlight .se { color: $highlight-literal-string; } /* Literal.String.Escape */ | ||||
| .highlight .sh { color: $highlight-literal-string; } /* Literal.String.Heredoc */ | ||||
| .highlight .si { color: $highlight-literal-string; } /* Literal.String.Interpol */ | ||||
| .highlight .sx { color: $highlight-literal-string; } /* Literal.String.Other */ | ||||
| .highlight .sr { color: $highlight-literal-string-regex; } /* Literal.String.Regex */ | ||||
| .highlight .s1 { color: $highlight-literal-string; } /* Literal.String.Single */ | ||||
| .highlight .ss { color: $highlight-literal-string-symbol; } /* Literal.String.Symbol */ | ||||
| .highlight .bp { color: $highlight-comment-special } /* Name.Builtin.Pseudo */ | ||||
| .highlight .vc { color: $highlight-name-attribut; } /* Name.Variable.Class */ | ||||
| .highlight .vg { color: $highlight-name-attribut; } /* Name.Variable.Global */ | ||||
| .highlight .vi { color: $highlight-name-attribut; } /* Name.Variable.Instance */ | ||||
| .highlight .il { color: $highlight-literal-number; } /* Literal.Number.Integer.Long */ | ||||
|  | @ -1,33 +0,0 @@ | |||
| @import "1_color_settings_theme-fr"; | ||||
| @import "2_typography_settings_theme-fr"; | ||||
| @import "3_settings_theme-fr"; | ||||
| 
 | ||||
| @import | ||||
|   "foundation/components/accordion", | ||||
|   "foundation/components/alert-boxes", | ||||
|   "foundation/components/block-grid", | ||||
|   "foundation/components/button-groups", | ||||
|   "foundation/components/buttons", | ||||
|   "foundation/components/clearing", | ||||
|   "foundation/components/dropdown", | ||||
|   "foundation/components/dropdown-buttons", | ||||
|   "foundation/components/flex-video", | ||||
|   "foundation/components/forms", | ||||
|   "foundation/components/grid", | ||||
|   "foundation/components/inline-lists", | ||||
|   "foundation/components/keystrokes", | ||||
|   "foundation/components/panels", | ||||
|   "foundation/components/reveal", | ||||
|   "foundation/components/side-nav", | ||||
|   "foundation/components/sub-nav", | ||||
|   "foundation/components/tables", | ||||
|   "foundation/components/thumbs", | ||||
|   "foundation/components/top-bar", | ||||
|   "foundation/components/type", | ||||
|   "foundation/components/visibility"; | ||||
| 
 | ||||
| @import "4_typography_theme-fr"; | ||||
| @import "5_layout_theme-fr"; | ||||
| @import "6_additional_theme-fr"; | ||||
| @import "7_highlight_theme-fr"; | ||||
| 
 | ||||
		Reference in a new issue