tweaks for school of data courses

Author: smth

css/grey.css

@@ -250,7 +250,6 @@ a.well:hover {
   border: 1px solid #e9eaea;
   color: #333333;
 	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /* IE6-9 */
-	padding:0px 10px;
 }
 #sidebar .widget h1,
 #sidebar .widget h2,

css/okfn-common.css

@@ -185,6 +185,33 @@ input[type="color"]:focus,
   max-width: 940px;
 }
 
+a.thumbnail:hover {
+  border-color: #1A988B;
+  -webkit-box-shadow: 0 1px 4px rgba(26, 152, 139, 0.25);
+  -moz-box-shadow: 0 1px 4px rgba(26, 152, 139, 0.25);
+  box-shadow: 0 1px 4px rgba(26, 152, 139, 0.25);
+}
+
+a.thumbnail:hover {
+	text-decoration:none;
+}
+
+.thumbnail > .row [class*="span"]:first-of-type {
+	padding:10px 0px 10px 10px;
+	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
+	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
+	box-sizing: border-box;         /* Opera/IE 8+ */
+}
+.thumbnail > .row .caption {
+   padding: 9px 18px 9px 0px;
+}
+@media (max-width: 767px) {
+  .thumbnail > .row [class*="offset"] {
+		margin-left:9px;
+	}
+}
+
+
 /* Main CSS */
 /* ======== */
 html {

css/okfn-wordpress.css

@@ -429,6 +429,7 @@ ul#members-list {
   border: 1px solid #202020;
   color: #ebebeb;
 	margin-bottom:15px;
+	padding:0px 10px;
 }
 
 #sidebar .widget h1,
@@ -1706,6 +1707,10 @@ body {
 	margin-left:95px;
 }
 
+#content .thumbnail > .row h3 {
+  margin-bottom: 2px;
+	margin-top: 14px;
+}
 
 
 /* ==== */
@@ -2902,6 +2907,46 @@ body > .corner.ribbon img {
 }
 
 
+/* Side Link */
+/* ========= */
+a.sidelink {
+	display:block;
+	position:relative;
+	padding-right:27px;
+	display:table;
+}
+@media (min-width: 768px) { 
+	a.sidelink:after {
+		content: '';
+		font-size: 40px;
+		color: #FFF;
+		background-color: #DDDDDD;
+		display: block;
+		position: absolute;
+		top: 0;
+		bottom: 0;
+		right: 0;
+		width: 27px;
+		-webkit-border-top-right-radius: inherit;
+		-webkit-border-bottom-right-radius: inherit;
+		-moz-border-radius-topright: inherit;
+		-moz-border-radius-bottomright: inherit;
+		border-top-right-radius: inherit;
+		border-bottom-right-radius: inherit;
+		background-image: url(../images/arrow-right-white.png);
+		background-repeat: no-repeat;
+		background-position: center center;
+		transition: all 0.2s ease-in-out 0s;
+		-moz-transition: all 0.2s ease-in-out 0s;
+		-webkit-transition: all 0.2s ease-in-out 0s;
+		-o-transition: all 0.2s ease-in-out 0s;
+	}
+	a.sidelink:hover:after {
+		background-color: #1A988B;
+	}
+}
+
+
 /* Pull Quote */
 /* ========== */
 
@@ -3314,8 +3359,7 @@ body.fluid > .container {
 p:empty {
 	display: none;
 }
-a.toc-anchor+br
-{
+a.toc-anchor+br {
 	display: none;
 }
 

css/school.css

@@ -103,6 +103,7 @@ input[type="reset"] {
   border-color: #0ca9d2;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); /* Not modified, but ie seems to not render radius without it */
+	border:none;
 }
 .btn-primary:hover,
 .btn-primary:active,
@@ -119,7 +120,6 @@ input[type=reset]:hover {
   background-color: #0ca9d2 \9;
 }
 
-#sidebar .widget input[type="submit"],
 .btn-inverse {
   background-color: #FFF;
   background-image: -moz-linear-gradient(top, #FFF, #FFF);
@@ -133,14 +133,6 @@ input[type=reset]:hover {
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); /* Not modified, but ie seems to not render radius without it */
 	color:@primary;
 }
-#sidebar .widget input[type="submit"] {
-	border:none;
-}
-#sidebar .widget input[type="submit"]:hover,
-#sidebar .widget input[type="submit"]:active,
-#sidebar .widget input[type="submit"].active,
-#sidebar .widget input[type="submit"].disabled,
-#sidebar .widget input[type="submit"][disabled],
 .btn-inverse:hover,
 .btn-inverse:active,
 .btn-inverse.active,
@@ -149,7 +141,6 @@ input[type=reset]:hover {
   background-color: #FFF;
 	color:@primary;
 }
-#sidebar .widget .btn.active,
 .btn-inverse:active, .btn-info.active {
   background-color: #FFF \9;
 }
@@ -338,12 +329,30 @@ section.coloured .well p {
 }
 #sidebar .widget {
 	background-image:none;
-	background-color:@primary;
-	border-color:@primary;
-	color:#FFF;
+	background-color:fade(@primary, 13%);
+	border-color:fade(@primary, 0%);
+	color: #444444;
 }
 #sidebar .widget > ul li {
-	border-top-color:#FFF;
+	border-top-color:fade(@primary, 35%);
+}
+
+#sidebar .widget h1,
+#sidebar .widget h2,
+#sidebar .widget h3,
+#sidebar .widget h4,
+#sidebar .widget h5,
+#sidebar .widget h6 {
+	color:@primary;
+}
+#sidebar .widget a {
+	color:#333333;
+}
+#sidebar .widget label {
+  color: #444444;
+}
+#sidebar .tb_tweet-info {
+  color: #444444;
 }
 
 .gce-widget-grid .gce-calendar {
@@ -405,7 +414,7 @@ body.home-page,
 	line-height:22px;
 }
 .home-page > .container > .row section:nth-of-type(odd) {
-	background-color:#dbf3fa;
+	background-color:fade(@primary, 13%);
 }
 body > .container > .row section > .container {
 	padding: 20px 0px;
@@ -454,18 +463,14 @@ body.single {
   font-size: 14px;
   line-height:18px;
 }
-#sidebar .widget,
-#sidebar .widget p {
-	color:#FFF;
-}
 #sidebar .widget h1,
 #sidebar .widget h2,
 #sidebar .widget h3,
 #sidebar .widget h4,
 #sidebar .widget h5,
 #sidebar .widget h6 {
   font-size: 18px;
-	margin:0px;
+	margin-bottom:0px;
 }
 
 
@@ -489,3 +494,31 @@ body > .tabbable.mailing-lists .nav li a {
   -moz-border-radius: 0px;
   border-radius: 0px;
 }
+
+
+/* Thumbnails */
+/* ========== */
+.thumbnail,
+a.thumbnail:hover {
+  border: none;
+  box-shadow: none;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+}
+.thumbnail {
+	background-color:fade(@primary, 13%);
+}
+a.thumbnail:hover {
+	background-color:fade(@primary, 20%);
+}
+.thumbnail > .row img {
+	border:solid 3px #FFF;
+}
+
+
+a.sidelink:after {
+	background-color: @primary;
+}
+a.sidelink:hover:after {
+	background-color: @primary;
+}