application/css/core.css.scss in spontaneous-0.2.0.beta1 vs application/css/core.css.scss in spontaneous-0.2.0.beta2

@@ -46,153 +46,11 @@
 .clear {
 	clear: both;
 }
 
 
-#top {
-	@extend .container-padding;
-	@extend .controls-gradient;
-	@extend .clearfix;
-	@include display-box;
-	@include box-align(center);
-	position: fixed;
-	height: 31px;
-	top: 0;
-	right: 0;
-	left: 0;
-	#navigation {
-		@include box-flex;
-		font-size: 11px;
-		font-weight: bold;
-		color: #999999;
-		width: 100%;
-		li {
-      @include no-select;
-			padding-left: 10px;
-			padding-right: 15px;
-			background: url("/@spontaneous/static/location-arrow-c1c1d3ca472481c61a0a5f8cb289d743.png") right 0 no-repeat;
-			float: left;
-			display: block;
-			font-weight: bold;
-			select {
-				@include box-sizing;
-				@include interface;
-				text-transform: none;
-				font-size: 11px;
-        line-height: 13px;
-				-webkit-appearance: none;
-				cursor: pointer;
-				display: block;
-				background: url("/@spontaneous/static/select-arrow-6e7dd3745b00e934b0d7a3250c46558b.png") 95% 50% no-repeat;
-				border: none;
-				outline: none;
-				position: relative;
-				padding-top: 0px;
-				padding-right: 25px;
-				height: 31px;
-				color: #ccc;
-				font-weight: bold;
-				width: 100%;
-			}
-			select.unselected {
-				color: #888;
-				font-weight: normal;
-				font-style: italic;
-				max-width: 80px;
-			}
-			a {
-				@include box-sizing;
-				cursor: pointer;
-				// color: #888888;
-				color: #ddd;
-				height: 31px;
-				padding-top: 9px;
-				display: block;
-				background: url("/@spontaneous/static/select-arrow-6e7dd3745b00e934b0d7a3250c46558b.png") right 50% no-repeat;
-				padding-right: 20px;
-			}
-			a:hover, select:hover {
-				color: white;
-			}
-		}
-		li.root a {
-			background-image: none;
-			padding-right: 5px;
-		}
-	}
-  #spontaneous-root {
-    background-image: url("/@spontaneous/static/spontaneous-states-e91ec89db525c62da0105b97cdd781ce.png"), url("/@spontaneous/static/location-arrow-c1c1d3ca472481c61a0a5f8cb289d743.png");
-    background-position: 0 5px, right 0;
-    background-repeat: no-repeat;
-    padding-right: 12px;
-    cursor: pointer;
-    height: 31px;
 
-    span {
-      padding-right: 28px;
-    }
-    &:hover {
-      background-position: 0 -83px, right 0;
-
-    }
-
-    &.active {
-      background-position: 0 -39px, right 0;
-    }
-  }
-  #service-outer {
-		@include box-flex;
-  }
-  #cms-navigation-view {
-    @include display-box;
-    @include box-align(center);
-  }
-  #service-navigation {
-    @include display-box;
-    @include box-align(center);
-    h2 {
-      @include box-flex;
-      @include interface;
-      text-transform: none;
-      font-size: 11px;
-      padding-left: $unit;
-      color: #fff;
-      font-weight: bold;
-    }
-    a {
-      display: block;
-      width: 64px;
-    }
-  }
-	#switch-mode, #open-publish {
-		@include button;
-		@include display-box;
-		@include box-orient(vertical);
-		@include box-align(center);
-		margin: 0;
-		width: 70px;
-	}
-	#open-publish {
-		position: relative;
-		margin-right: $unit;
-		#publish-progress {
-			position: absolute;
-			left: 4px;
-			top: 1px;
-		}
-		&.disabled {
-		}
-	}
-	#open-publish.progress {
-		padding-left: 20px;
-		padding-right: 20px;
-		width: 124px;
-		@include button-color(#666666);
-		color: #999999;
-	}
-}
-
 #content-outer {
 	background: url(/@spontaneous/static/texture-03f7627e8264b1d607113ab32c593a58.png) repeat;
 	color: #fff;
 	font-size: 16px;
 	position: fixed;
@@ -226,22 +84,27 @@
 
 #page-content {
 	#page-info {
 		@extend .container-padding;
 		@include vertical-gradient(#3a3a3a, #222222);
-		height: 64px - 10px;
+		min-height: 64px - 10;
+		height: auto;
 		padding-top: 10px;
+		padding-bottom: 0px;
 		position: relative;
 		h1, h3 {
 			position: relative;
 		}
 		h1 {
+			// position: absolute;
+			// top: 0;
 			font-family: $headline-font-family;
 			font-weight: 100;
 			color: white;
 			font-size: 24px;
-			line-height: 21px;
+			line-height: 100%;
+			padding-bottom: 30px;
 			span {
 				color: #888888;
 			}
 		}
 		.path, .path h3, .path h3.developer a {
@@ -263,11 +126,11 @@
 			}
 		}
 		& > .path {
 			@include display-box;
 			position: absolute;
-			bottom: 12px;
+			bottom: 10px;
 		}
     .path .titlesync {
       margin-left: $unit;
       margin-right: 10 *$unit;
 
@@ -711,19 +574,26 @@
 	&.uploading {
 		.filename, .filesize {
 			display: none;
 		}
 	}
+	// highlight filename when hovering over filedrop area
+	// too confusing to have the filenames active though as it
+	// would interfere with the 'click to edit' thing
+	// .file-drop:hover + .filename {
+	// 	color: $action;
+	// }
 }
 
-.editing-panel .field-group .fieldtypes-filefield {
+.editing-panel .field-group .field.field-file {
 	.value {
 		// padding: 0;
 	}
 	.file-field {
 		// height: 36px;
 		cursor: pointer;
+		line-height: 1.3em;
 
 		.file-drop:hover {
 			// border-color: $action;
 		}
 		.filename, .filesize {
@@ -739,10 +609,14 @@
 			@include button(#333);
 			display: block;
 			padding-left: 6px;
 			padding-right: 6px;
 		}
+		.choose + .filename,
+		.choose + .filename + .filesize {
+			position:relative;
+		}
 		&:hover .choose {
 			@include button;
 		}
 	}
 }
@@ -1675,9 +1549,11 @@
   z-index: 21;
   &:hover {
     color: rgba(0, 0, 0, 0.5);
   }
 }
+
+@import "top.css.scss";
 @import "dialogue.css.scss";
 @import "popover.css.scss";
 @import "editing.css.scss";
 @import "add_alias_dialogue.css.scss";
 @import "developer.css.scss";