browsercms 3.5.7 → 4.0.0.alpha

data/app/assets/stylesheets/cms/styles/_base-grid.css.scss

@@ -0,0 +1,299 @@
+/* BASE GRID */
+.container {
+	 margin-right: auto;
+	 margin-left: auto;
+	 *zoom: 1;
+
+   &:before,
+   &:after {
+      display: table;
+      line-height: 0;
+      content: "";
+   }
+   &:after {
+      clear: both;
+   }
+}
+
+
+.container-fluid {
+  	padding-right: 20px;
+  	padding-left: 20px;
+  	*zoom: 1;
+
+    &:before,
+    &:after {
+        display: table;
+        line-height: 0;
+        content: "";
+    }
+    &:after {
+        clear: both;
+    }
+}
+
+
+.row {
+  margin-left: -20px;
+  *zoom: 1;
+
+  &:before,
+  &:after {
+    display: table;
+    line-height: 0;
+    content: "";
+  }
+  &:after {
+    clear: both;
+  }
+}
+
+
+.span12 {
+    width: 940px;
+}
+.span11 {
+    width: 860px;
+}
+.span10 {
+    width: 780px;
+}
+.span9 {
+    width: 700px;
+}
+.span8 {
+    width: 620px;
+}
+.span7 {
+    width: 540px;
+}
+.span6 {
+    width: 460px;
+}
+.span5 {
+    width: 380px;
+}
+.span4 {
+    width: 300px;
+}
+.span3 {
+    width: 220px;
+}
+.span2 {
+    width: 140px;
+}
+.span1 {
+    width: 60px;
+}
+.offset12 {
+    margin-left: 980px;
+}
+.offset11 {
+    margin-left: 900px;
+}
+.offset10 {
+    margin-left: 820px;
+}
+.offset9 {
+    margin-left: 740px;
+}
+.offset8 {
+    margin-left: 660px;
+}
+.offset7 {
+    margin-left: 580px;
+}
+.offset6 {
+    margin-left: 500px;
+}
+.offset5 {
+    margin-left: 420px;
+}
+.offset4 {
+    margin-left: 340px;
+}
+.offset3 {
+    margin-left: 260px;
+}
+.offset2 {
+    margin-left: 180px;
+}
+.offset1 {
+    margin-left: 100px;
+}
+
+
+.row-fluid {
+  	width: 100%;
+  	*zoom: 1;
+}
+.row-fluid:before, .row-fluid:after {
+ 	  display: table;
+  	line-height: 0;
+  	content: "";
+}
+.row-fluid:after {
+  	clear: both;
+}
+
+// .row-fluid-span is for use via @extend
+.row-fluid [class*="span"], .row-fluid-span {
+  	display: block;
+  	float: left;
+  	width: 100%;
+  	min-height: 30px;
+  	margin-left: 2.127659574468085%;
+  	*margin-left: 2.074468085106383%;
+}
+.row-fluid [class*="span"]:first-child, .row-fluid-span:first-child {
+  	margin-left: 0;
+}
+.row-fluid .controls-row [class*="span"] + [class*="span"] {
+  	margin-left: 2.127659574468085%;
+}
+
+
+.row-fluid .span12 {
+  	width: 100%;
+  	*width: 99.94680851063829%;
+}
+.row-fluid .span11 {
+  	width: 91.48936170212765%;
+  	*width: 91.43617021276594%;
+}
+.row-fluid .span10 {
+  	width: 82.97872340425532%;
+  	*width: 82.92553191489361%;
+}
+.row-fluid .span9, .row-fluid-span9 {
+  	width: 74.46808510638297%;
+  	*width: 74.41489361702126%;
+}
+.row-fluid .span8 {
+  	width: 65.95744680851064%;
+  	*width: 65.90425531914893%;
+}
+.row-fluid .span7 {
+  	width: 57.44680851063829%;
+  	*width: 57.39361702127659%;
+}
+.row-fluid .span6 {
+  	width: 48.93617021276595%;
+  	*width: 48.88297872340425%;
+}
+.row-fluid .span5 {
+  	width: 40.42553191489362%;
+  	*width: 40.37234042553192%;
+}
+.row-fluid .span4 {
+  	width: 31.914893617021278%;
+  	*width: 31.861702127659576%;
+}
+.row-fluid .span3, .row-fluid-span3 {
+  	width: 23.404255319148934%;
+  	*width: 23.351063829787233%;
+}
+.row-fluid .span2 {
+  	width: 14.893617021276595%;
+  	*width: 14.840425531914894%;
+}
+.row-fluid .span1 {
+  	width: 6.382978723404255%;
+  	*width: 6.329787234042553%;
+}
+.row-fluid .offset12 {
+  	margin-left: 104.25531914893617%;
+  	*margin-left: 104.14893617021275%;
+}
+.row-fluid .offset12:first-child {
+  	margin-left: 102.12765957446808%;
+  	*margin-left: 102.02127659574467%;
+}
+.row-fluid .offset11 {
+  	margin-left: 95.74468085106382%;
+  	*margin-left: 95.6382978723404%;
+}
+.row-fluid .offset11:first-child {
+  	margin-left: 93.61702127659574%;
+  	*margin-left: 93.51063829787232%;
+}
+.row-fluid .offset10 {
+  	margin-left: 87.23404255319149%;
+  	*margin-left: 87.12765957446807%;
+}
+.row-fluid .offset10:first-child {
+  	margin-left: 85.1063829787234%;
+  	*margin-left: 84.99999999999999%;
+}
+.row-fluid .offset9 {
+  	margin-left: 78.72340425531914%;
+  	*margin-left: 78.61702127659572%;
+}
+.row-fluid .offset9:first-child {
+  	margin-left: 76.59574468085106%;
+  	*margin-left: 76.48936170212764%;
+}
+.row-fluid .offset8 {
+  	margin-left: 70.2127659574468%;
+  	*margin-left: 70.10638297872339%;
+}
+.row-fluid .offset8:first-child {
+  	margin-left: 68.08510638297872%;
+  	*margin-left: 67.9787234042553%;
+}
+.row-fluid .offset7 {
+  	margin-left: 61.70212765957446%;
+  	*margin-left: 61.59574468085106%;
+}
+.row-fluid .offset7:first-child {
+  	margin-left: 59.574468085106375%;
+  	*margin-left: 59.46808510638297%;
+}
+.row-fluid .offset6 {
+  	margin-left: 53.191489361702125%;
+  	*margin-left: 53.085106382978715%;
+}
+.row-fluid .offset6:first-child {
+  	margin-left: 51.063829787234035%;
+  	*margin-left: 50.95744680851063%;
+}
+.row-fluid .offset5 {
+  	margin-left: 44.68085106382979%;
+  	*margin-left: 44.57446808510638%;
+}
+.row-fluid .offset5:first-child {
+  	margin-left: 42.5531914893617%;
+  	*margin-left: 42.4468085106383%;
+}
+.row-fluid .offset4 {
+  	margin-left: 36.170212765957444%;
+  	*margin-left: 36.06382978723405%;
+}
+.row-fluid .offset4:first-child {
+  	margin-left: 34.04255319148936%;
+  	*margin-left: 33.93617021276596%;
+}
+.row-fluid .offset3 {
+  	margin-left: 27.659574468085104%;
+  	*margin-left: 27.5531914893617%;
+}
+.row-fluid .offset3:first-child {
+  	margin-left: 25.53191489361702%;
+  	*margin-left: 25.425531914893618%;
+}
+.row-fluid .offset2 {
+  	margin-left: 19.148936170212764%;
+  	*margin-left: 19.04255319148936%;
+}
+.row-fluid .offset2:first-child {
+  	margin-left: 17.02127659574468%;
+  	*margin-left: 16.914893617021278%;
+}
+.row-fluid .offset1 {
+  	margin-left: 10.638297872340425%;
+  	*margin-left: 10.53191489361702%;
+}
+.row-fluid .offset1:first-child {
+  	margin-left: 8.51063829787234%;
+  	*margin-left: 8.404255319148938%;
+}

data/app/assets/stylesheets/cms/styles/_buttons.css.scss

@@ -0,0 +1,247 @@
+/* LINK & BUTTON STYLES */
+a {
+	color: $primary;
+	text-decoration: none;
+
+	&:hover {
+		text-decoration: underline;
+		color: $secondary;
+	}
+}
+button {
+	cursor: pointer;
+}
+
+.btn {
+	display: inline-block;
+	margin: 0;
+  	box-shadow: none;
+	@include rem(padding,0 1.75rem);
+	@include rem(height,3.25rem);
+	@include rem(line-height,3.1rem);
+	@include rem(font-size,1.2rem);
+	font-family: 'Roboto', sans-serif;
+	font-weight: 500;
+	color: $dark;
+	background: darken($light,4%);
+	border: 1px solid rgba(black,0.05);
+	text-align: center;
+	@include border-radius(6px);
+	@include transition(background 0.2s);
+	@include rem(margin-bottom,0.75rem);
+	outline: 0;
+
+	&:hover {
+		color: $dark;
+		text-decoration: none;
+		background: darken($light,8%);
+	}
+	&.disabled:hover {
+		background: darken($light,4%);
+	}
+
+	&.disabled {
+		@include opacity(.5);
+		cursor: default;
+	}
+}
+
+.btn-large {
+	@include rem(padding,0 2.75rem);
+	@include rem(font-size,1.35rem);
+	@include rem(height,4rem);
+	@include rem(line-height,3.8rem);
+}
+.btn-small {
+	@include rem(padding,0 1.2rem);
+	@include rem(font-size,1rem);
+	@include rem(height,2.5rem);
+	@include rem(line-height,2.3rem);
+}
+.btn-mini {
+	@include rem(padding,0 0.875rem);
+	@include rem(font-size,0.875rem);
+	@include rem(height,2rem);
+	@include rem(line-height,1.9rem);
+}
+.btn-block {
+	width: 100%;
+}
+
+.btn-primary {
+	background: $primary;
+	color: white;
+	-webkit-font-smoothing: antialiased;
+
+	&:hover {
+		color: white;
+		-webkit-font-smoothing: antialiased;
+		background: darken($primary,3%);
+	}
+	&.disabled:hover {
+		background: $primary;
+	}
+}
+.btn-info {
+	background: lighten($secondary,10%);
+	color: white;
+	-webkit-font-smoothing: antialiased;
+
+	&:hover {
+		color: white;
+		-webkit-font-smoothing: antialiased;
+		background: lighten($secondary,6%);
+	}
+	&.disabled:hover{
+		background: lighten($secondary,10%);
+	}
+}
+.btn-inverse {
+	background: $dark;
+	color: white;
+	-webkit-font-smoothing: antialiased;
+
+	&:hover {
+		color: white;
+		-webkit-font-smoothing: antialiased;
+		background: darken($dark,5%);
+	}
+	&.disabled:hover {
+		background: $dark;
+	}
+}
+.btn-success {
+	background: $success;
+	color: white;
+	-webkit-font-smoothing: antialiased;
+
+	&:hover {
+		color: white;
+		-webkit-font-smoothing: antialiased;
+		background: darken($success,4%);
+	}
+	&.disabled:hover {
+		background: $success;
+	}
+}
+.btn-warning {
+	background: $warning;
+	color: white;
+	-webkit-font-smoothing: antialiased;
+
+	&:hover {
+		color: white;
+		-webkit-font-smoothing: antialiased;
+		background: darken($warning,3%);
+	}
+	&.disabled:hover {
+		background: $warning;
+	}
+}
+.btn-danger {
+	background: $danger;
+	color: white;
+	-webkit-font-smoothing: antialiased;
+
+	&:hover {
+		color: white;
+		-webkit-font-smoothing: antialiased;
+		background: darken($danger,6%);
+	}
+	&.disabled:hover {
+		background: $danger;
+	}
+}
+.btn-link {
+	background: none;
+	border: 0;
+	color: $primary;
+	@include transition(0);
+
+	&:hover {
+		text-decoration: underline;
+		color: $secondary;
+		background: none;
+	}
+	&.disabled:hover {
+		color: $primary;
+		text-decoration: none;
+		background: none;
+	}
+}
+
+button.btn,
+input[type="submit"].btn {
+  	*padding-top: 3px;
+  	*padding-bottom: 3px;
+}
+
+button.btn::-moz-focus-inner,
+input[type="submit"].btn::-moz-focus-inner {
+  	padding: 0;
+  	border: 0;
+}
+
+button.btn.btn-large,
+input[type="submit"].btn.btn-large {
+  	*padding-top: 7px;
+  	*padding-bottom: 7px;
+}
+
+button.btn.btn-small,
+input[type="submit"].btn.btn-small {
+  	*padding-top: 3px;
+  	*padding-bottom: 3px;
+}
+
+button.btn.btn-mini,
+input[type="submit"].btn.btn-mini {
+  	*padding-top: 1px;
+  	*padding-bottom: 1px;
+}
+
+.btn-link,
+.btn-link:active,
+.btn-link[disabled] {
+  	background-color: transparent;
+  	background-image: none;
+}
+
+
+.btn-group {
+  	position: relative;
+  	display: inline-block;
+  	*display: inline;
+  	*margin-left: .3em;
+  	font-size: 0;
+  	white-space: nowrap;
+  	vertical-align: middle;
+  	*zoom: 1;
+
+  	.btn {
+  		@include border-radius(0);
+  		margin-left: -1px;
+        font-size: 1rem;
+        vertical-align: top;
+
+  		&:first-child{
+  			@include border-radius(5px 0 0 5px);
+  			margin-left: 0;
+  		}
+  		&:last-child {
+  			@include border-radius(0 5px 5px 0);
+  		}
+  		&:only-child {
+  			@include border-radius(5px);
+  		}
+  	}
+    .btn-solo:only-of-type {
+        @include border-radius(5px);
+    }
+}
+.btn-group:first-child {
+  	*margin-left: 0;
+}
+.btn-group + .btn-group {
+  margin-left: 5px;
+}