/*
Theme Name: NHSWordpress New Theme
Theme URI: https://underscores.me/
Author: Digital Humanities @ The University of Warwick
Author URI: https://www2.warwick.ac.uk/fac/arts/research/digitalhumanities/
Description: This is a custom Wordpress theme, designed and developed by Hafiz Hanif of Digital Humanities Team, 2015
Version: 1.1.0 (Beta)
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nhswordpress
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

NHSWordpress is based on Underscores https://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.paddingtop30
{
	padding-top:30px;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/* THEME SPECIFIC STYLES */

/*Basic CSS Setup*/
html{
    max-width: 100%;
    overflow-x: hidden;
}

h5,h2,h3{
	font-family: Walter Turncoat;
}

h2 {
	font-size: 1.5em;
}

h5 {
	font-size: 0.9em;
}

h6 {
	font-size: 0.7em;
}

body p {
	font-family: Oxygen;
}

.walter {
	font-family: Walter Turncoat;
}

.top-bar-section li:not(.has-form) a:not(.button) {
	background: transparent;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75);
}

.top-bar-section ul li{
	background: transparent;
}


.disclaimer {
	position: relative;
	top: 100px;
}

.blue {
	background-color: #4ACCD4;
	height: 20px;
}

.blue-color1 {
	background-color: #12b2ba !important;
}

.blue-color1:hover {
	background-color: #0da1a8 !important;
}

.green {
	background-color: #91e939;
	height: 20px;
}

.green-color1 {
	background-color: #7bc82f;
}

.green-color1:hover {
	background-color: #519211;
}

.orange {
	background-color: #F5A623;
	height: 20px;
}

.orange-color1 {
	background-color: #F5A623 !important;
}

.pink {
	background-color: #f54997;
	height: 20px;

}

.videocontainer iframe
{
	width:100%!important;

}
@media (min-width: 1025px) {
	.videocontainer iframe
	{
		min-height:528px!important;
	}
}
.pink-color1 {
	background-color: #f54997 !important;
}
.pink-color1:hover {
	background-color: #e22a5b !important;
}
.orange-color1:hover {
	background-color: #cc8005 !important;
}

.wellcome {
	position: relative;
	top: 25px;
}

.hofm {
	position: relative;
	top: 15px;
}

.title-area, .contain-to-grid, .top-bar, .top-bar-section ul{
	background:transparent ;
	z-index: 1;
}

*:focus {
    outline: 0;
}

.brightness img{
	border: 1px solid #e0dfdf;
	padding: 2px;
	box-shadow: 0px 1px 0px #f5f4f4;
	filter: brightness(90%);
	-webkit-filter: brightness(90%);
	-moz-filter: brightness(90%);
}

.brightness img:hover{
	filter: brightness(100%);
	-webkit-filter: brightness(100%);
	-moz-filter: brightness(100%);
	transition: 0.3s;
}

.brightness-noborder img{
	filter: brightness(90%);
	-webkit-filter: brightness(90%);
	-moz-filter: brightness(90%);
}

.brightness-noborder img:hover{
	filter: brightness(100%);
	-webkit-filter: brightness(100%);
	-moz-filter: brightness(100%);
	transition: 0.3s;
}


.box {
	border-style: solid;
	border-width: 1px;
	border-radius: 2px;
	border-color: #ffe6b6;
	background-color: #fffcf7;
	margin-bottom: 10px;
	padding-bottom: 5px;
	transition: 0.2s;
}

.box:hover{
	background-color: #fff5e3;
	border-color: #ffe6b6;
	transition: 0.2s;
}

.box img{
	border-radius: 2px;
}

.invi {
	background: transparent;
	border: none;
}

.box-blue {
	border-style: solid;
	border-width: 1px;
	border-radius: 2px;
	border-color: #b5d0ff;
	background-color: #f8faff;
	margin-bottom: 10px;
	padding-bottom: 5px;
	transition: 0.2s;
}



/*Basic CSS Setup Ends*/
/*HomePage CSS*/
#wrapper {

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100%;
    z-index: 0;
    position:relative;
    top:-45px;
}

.mainText {
	padding-top: 200px;
	padding-bottom: 264px;
	font-family: Rock Salt;
	font-size: 4em;
	color: #ffffff;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.75);

}

.tabulated-area {
	position:relative;
	top:-102px;
}

.tab-center{
	padding-left: 6%;
}

.tab-center-small{
	padding-left: 5%;
}

.tabs .tab-title a, .tabs dd a {
	background-color: rgba(0, 0, 0, 0.5);
	color: rgba(255, 255, 255, 0.75);
}

.tab-title a:hover {
	color: #000000;
}

.tabs a {
	border-radius: 4px 4px 0px 0px;
	background-color: rgba(0, 0, 0, 0.96);
	z-index: -10;
}

.hz-grid li {
    display:block;
    height:150px;
    overflow:hidden;
}

.hz-grid li > div {
    height:100%;
    width:100%;
    background-size:cover;
    background-position:center center;
}

.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
    display: none !important;
}

.fb_like {
  overflow: hidden;
  width: 90px;
}

/*HomePage CSS Ends*/
/*ObjectPage CSS Setup*/
.header_wrapper {
    background-image: url('/wp-content/themes/nhswordpressnewtheme/assets/img/mainpage_bg.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100%;
    z-index: 0;
    position:relative;
    top:-45px;
}

.smallText {
	padding-top: 80px;
	padding-bottom: 100px;
	font-family: Rock Salt;
	font-size: 1.2em;
	color: #ffffff;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.75);

}

.header_subnav {
	float: none;
	position: relative;
	margin-bottom: 0;
	top: -80px;}
	.header_subnav li{
		float: none;
		display: inline-block;
		background-color: rgba(255, 255, 255, 0.38);
		border-radius: 4px 4px 0px 0px;
		position: relative;
		top: 5px;
		padding: 5px; }

	.header_subnav li:hover {
		top: 0;
		background-color: white;
		transition: background-color 0.3s;}
	.header_subnav li:last-child {
		float: none;
		display: inline-block;
		background-color: white;
		border-radius: 4px 4px 0px 0px;
		padding: 5px;
		top: 0;}
	.header_subnav li:last-child span {
		color: black;}
		.header_subnav li a {
			padding: 0.9rem 1rem 0.75rem;
			font-size: 0.875rem;
			color: #000000;
		}

.object_links li {
	float: none;
	font-size: 0.8em;
	display: inline-block;
	background-color: #4ACCD4;
	border-radius: 4px 4px 4px 4px;
	position: relative;
	top: 10px;
	padding-left:5px;
	padding-right: 5px;
}

.related_objects {
	position: relative;
	top: 30px;
	padding-bottom: 50px;
}

/*ObjectPage CSS Ends*/
/*Blog CSS Setup*/
.date {
	background-color: #5ab200;
	color: #fff;
	width: 70px;
	height: 80px;
	border-radius: 4px 4px 4px 4px;
	margin-bottom: 20px;
}

.date li{
	list-style: none;
	padding-right: 10px;
}

.date li:nth-child(odd){
	font-size: 2em;
}
/*Blog CSS Ends*/
/*Contact Us CSS Setup*/
.panel_contactus {
	margin-bottom: 1.25rem;
	padding: 1.25rem;

	color: #333333;
}
/*Contact Us CSS Ends*/
/*Encyclopaedia Index CSS Setup*/
.index_ency{
	position:relative;
	left:-80px;
}

.index_ency dl{
	background-color: #00939a;
	padding: 10px;
	margin: 0px;
}

.index_ency dl a{
	color: #ffffff;
	font-size: 1em;
}

.index_ency.active{
	background: #00cbd5;
}
/*Encyclopaedia Index CSS Ends*/

/* HOVER IMG*/

.hz-column {
	margin: 15px 15px 0;
	padding: 0;
}
.hz-column:last-child {
	padding-bottom: 60px;
}
.hz-column::after {
	content: '';
	clear: both;
	display: block;
}
.hz-column div {
	position: relative;
	float: left;
	width: 300px;
	height: 200px;
	margin-top: 40px;
	padding-left: 5%;
}
.hz-column div:first-child {
	margin-left: 0;
}
.hz-column div span {
	position: absolute;
	bottom: -20px;
	z-index: -1;
	display: block;
	width: 300px;
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}
figure {
	width: 300px;
	height: 200px;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}



/* Zoom In #1 */
.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
/* HOVER IMG ENDS*/

/* PAGINATION */

.nav-previous,
.nav-next{
	background-color: #a0d3e8;
    padding: 10px;
    font-family: Walter Turncoat;
}

.nav-next a:hover,
.nav-previous a:hover {
	color: #0067ff;
}

/* PAGINATION ENDS */

/* STYLING COMMENT SECTION */

.hz-comment{
	padding: 20px 0px 0px 0px;

}

#respond {
background: transparent;
padding:0 5px 0 5px;
}

/* Highlight active form field */

#respond input[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}


#respond input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}

#submit {
	-webkit-appearance: none;
	  -moz-appearance: none;
	  border-radius: 5px;
	  border-style: solid;
	  border-width: 0;
	  cursor: pointer;
	  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	  font-weight: normal;
	  line-height: normal;
	  margin: 0 0 1.25rem;
	  position: relative;
	  text-align: center;
	  text-decoration: none;
	  display: inline-block;
	  padding: 1rem 2rem 1.0625rem 2rem;
	  font-size: 1rem;
	  background-color: #008CBA;
	  border-color: #007095;
	  color: #FFFFFF;
	  transition: background-color 300ms ease-out;
}

#submit:hover {
	background-color: #007095; }
}

.commentlist li:nth-child(even){
	background-color:#ccddf2;
}
.commentlist .odd article {
	background-color:#CCCCCC;
}

.comment-content p {
	font-size: 0.9em;
	padding-left: 10px;
	padding-top: 10px;
}

time,
.comment-edit-link {
	font-size: 0.7em;
	padding-left: 10px;
}


.comment-reply-link {
	font-size: 0.8em;
}

.says {
	font-size: 0.8em;
}

.comment-meta{
	border-radius: 5px;
}

.photo {
	border-radius: 150px;
}

.radius a{
	color: white;
}

#discuss .fa-fw{
	text-shadow: 0px 0px 5px #000000;
}

.comment-metadata {
	margin-top:  -30px;
	}

.vcard {
	border:none;
	}
/* STYLING COMMENT SECTION ENDS*/


/* STYLING FOR ISOTOPE */


.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */

    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

.hz-isotope a.current {
	font-weight: bold;
}

button {
	font-family: Oxygen;
}
/* STYLING FOR ISOTOPE ENDS */

/* STYLING FOR SEND BUTTON */

#submit_button{
	position:relative;
	top:40px;
	left:-15px;
}

/* STYLING FOR SEND BUTTON ENDS */


/* STYLING FOR SPONSOR LOGO*/
.sponsorlogo img{
	width: 150px;
	padding-bottom: 50px;
	filter:grayscale(1);
		-webkit-filter: grayscale(1);
		-moz-filter: grayscale(1);
}

.sponsorlogo img:hover{
	filter:grayscale(0);
		-webkit-filter: grayscale(0);
		-moz-filter: grayscale(0);
}
/* STYLING FOR SPONSOR LOGO ENDS*/


/* Colour for top buttons*/
.top-bar-section li.active:not(.has-form) a:not(.button) {
	background: #4ACCD4;
	}
.button.alert, button.alert{
	background-color: #4ACCD4;
	border-color: #ef9400;
	}

.button.alert, button.alert:hover{
	background-color: #0699a1;
	}

.button.success, button.success {
	background-color: #4ACCD4;
	border-color: #ef9400;
	}

.button.success:hover, button.success {
	background-color: #0699a1;
	}

.tabs .tab-title>a:hover, .tabs dd>a:hover {
	transition: background-color .3s ease-out;
	}

button.encyclopaedia {
	background-color: #70cd13;
	}

/* Breadcrumbs */

#breadcrumbs{
    list-style:none;
    margin:10px 0;
    overflow:hidden;
}

#breadcrumbs li{
    display:inline-block;
    vertical-align:middle;
    margin-right:15px;
}

#breadcrumbs .separator{
    font-size:18px;
    font-weight:100;
    color:#ccc;
}
/* Breadcrumbs */

/* EASING of TABS CONTENTS */

.tabs-content {
  *zoom: 1;
  margin-bottom: 1.5rem;

  /* Customized */
  display:block:important!
  opacity: 0;
}
  /* Customized */
  @-webkit-keyframes fadeIn {
      from { opacity: 0; }
        to { opacity: 1; }
  }
  @keyframes fadeIn {
      from { opacity: 0; }
        to { opacity: 1; }
  }
  .tabs-content:before, .tabs-content:after {
    content: " ";
    display: table; }
  .tabs-content:after {
    clear: both; }
  .tabs-content > .content {
    display: none;
    float: left;
    padding: 0.9375rem 0; }
    .tabs-content > .content.active {

      /* Customized */
      -webkit-animation: fadeIn 0.5s;
      animation: fadeIn 0.5s;
      opacity: 1;

      display: block; }

 .view_count {
	 font-size: 0.7em;
	 font-weight: 400;
	 color: grey;
	 }

/*  END of CUSTOM CSS  */

@media screen and (max-width:416px){
	.tabulated-area {
		top:-101px; /*365*/
	}
}

@media screen and (max-width:580px){
	.tabulated-area {
		top:-312px !important; /*365*/
	}
}

@media screen and (max-width: 40.0625em){
	.top-bar-section li:not(.has-form) a:not(.button) {
		background: #333;
	}

	.top-bar-section ul li {
		background: #333;
	}

	#wrapper {
		height: 383px;
	}

	.tabulated-area {
		top:-268px;
	}

	.mainText {
		padding-top: 100px;
		padding-bottom: 394px;
		font-size: 2em;
	}
}


@media screen and (max-width:782px){
	html #wpadminbar {
		top: -203px;
	}
}

#lwa_wp-submit,
.lwa-button-remember,
#wp-submit {
	-webkit-appearance: none;
	  -moz-appearance: none;
	  border-radius: 5px;
	  border-style: solid;
	  border-width: 0;
	  cursor: pointer;
	  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	  font-weight: normal;
	  line-height: normal;
	  margin: 0 0 1.25rem;
	  position: relative;
	  text-align: center;
	  text-decoration: none;
	  display: inline-block;
	  padding: 1rem 2rem 1.0625rem 2rem;
	  font-size: 1rem;
	  background-color: #008CBA;
	  border-color: #007095;
	  color: #FFFFFF;
	  transition: background-color 300ms ease-out;
}

#lwa_wp-submit:hover {
	background-color: #007095; }
}

Skip to content
This repository
Search
Pull requests
Issues
Gist
 @denseflux
 Watch 2
  Star 1
 Fork 1 EjiOsigwe/devbuddy-twitter-feed
 Code  Issues 0  Pull requests 0  Projects 0  Wiki  Pulse  Graphs
Branch: master Find file Copy pathdevbuddy-twitter-feed/assets/feed.css
fa3a384  on 21 Mar 2015
@EjiOsigwe EjiOsigwe Initial commit at tag 3.2.0
1 contributor
RawBlameHistory
168 lines (153 sloc)  2.95 KB
/*
	This stylesheet includes all classes rendered by the feed
	as well as most useful element/child–element/pseudo–element
	relationships
*/


/*	Holds the entire list */
.tweets {
	position:relative;
	max-width:100%;
}
	/* All links in the feed */
	.tweets a {
	}
	.tweets a:hover {
		text-decoration:underline;
	}

/*	Outer tweet wrapper */
.tweet {
	border-top:1px solid #ededed;
	padding:16px 5px 8px;
}
.tweet:first-child {
	border-top:none;
}
.tweet:nth-child(even) {
}

/*	Inner tweet wrapper */
.tweet_content {
	padding-left:55px;
}
	/*	The profile pic
		Default size of said pic is 48px by 48px */
	.tweet_profile_img {
		position:absolute;
		margin:0 0 0 -55px;
	}
		.tweet_profile_img a {

		}
			.tweet_profile_img a img {
				border:1px solid #dbdbdb;
			}

	/*	Display name/@screen name */
	.tweet_header,
	.tweet_primary_meta {
		font-weight:bold;
	}
		.tweet_user {

		}
		.tweet_screen_name {
			opacity:0.6;
		}

	/* The tweet text */
	.tweet_text {
		margin:3px 0 7px;
	}

	/* Tweet footer */
	.tweet_footer,
	.tweet_secondary_meta {
		font-size:79%;
	}
		/* Tweet meta info */
		.tweet_footer a,
		.tweet_seondary_meta a {

		}
		.tweet_date {
			display:inline-block;
			color:#a0a0a0;
		}
		.tweet_retweet {
			display:block;
			color:#a0a0a0;
		}
			.tweet_retweet a {

			}
			.tweet_retweet .tweet_icon_retweet {
				background-position:-80px -3px;
			}

		/* Tweet actions */
		.tweet_intents {
			height:auto;
		}
			.tweet_intents .tweet_intent {
				display:inline-block;
				margin-left:10px;
			}
			.tweet_intents .tweet_intent:first-child {
				margin-left:0;
			}
				.tweet_intents .tweet_intent b {
					font-weight:normal;
				}
			.tweet_intent_reply .tweet_icon_reply {
				background-position:-1px -1px;
			}
			.tweet_intent_reply:hover .tweet_icon_reply {
				background-position:-17px -1px;
			}
			.tweet_intent_retweet .tweet_icon_retweet {
				background-position:-80px -3px;
			}
			.tweet_intent_retweet:hover .tweet_icon_retweet {
				background-position:-96px -3px;
			}
			.tweet_intent_retweet:active .tweet_icon_retweet {
				background-position:-112px -3px;
			}
			.tweet_intent_favourite .tweet_icon_favourite {
				background-position:-33px -1px;
			}
			.tweet_intent_favourite:hover .tweet_icon_favourite {
				background-position:-49px -1px;
			}
			.tweet_intent_favourite:active .tweet_icon_favourite {
				background-position:-65px -1px;
			}

/* Icon styling */
.tweet_icon {
	margin-right:3px;
}

.tweet_icon_reply,
.tweet_icon_retweet,
.tweet_icon_favourite {
	display:inline-block;
	background-image:url('https://peopleshistorynhs.org/assets/uploads/2016/10/intent-icon-sprite.png');
	background-repeat:no-repeat;
}
.tweet_icon_reply {
	position:relative;
	width:13px;
	height:13px;
	top:1px;
}
.tweet_icon_retweet {
	width:16px;
	height:10px;
}
.tweet_icon_favourite {
	position:relative;
	width:15px;
	height:15px;
	top:3px;
}

@media screen and (max-width:400px) {
	.tweet_intents .tweet_intent {
		padding:2px 12px;
	}
	.tweet_icon {
		margin:0;
	}
	.tweet_intent_txt {
		display:none;
	}
}


/*
	PL MODS
*/

body.single div.walter h6,
body.single h5.backButton,
body.single div.small-12 h6{
	font-size:1.2em;
	word-wrap: break-word;
}

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next{
	width:45%;
	font-size: 1.3em;
}

.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous{
	width:45%;
	font-size: 1.3em;
}

#cookieBanner{
	position: fixed;
	bottom: 20px;
	width:86%;
	background:#fff;
	border:2px solid #999;
	text-align:center;
	left:7%;
	display:none;
	padding:3%;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.twitter-timeline-holder{
	display:inline-block;
	width:100%;
	max-height:600px;
}

.twitter-timeline-holder iframe{
	max-height:600px!important;
}

@media screen and (max-width:640px) {
	.twitter-timeline-holder iframe{
		max-height:1000px!important;
	}
}

.sectionQuarter{
	width:40%;
	margin:4%;
	display:inline-block;
	vertical-align:top;
	text-align:center;
}

@media screen and (max-width:640px) {
	body .sectionQuarter{
		width:91%;
		margin:4%;
		display:inline-block;
		vertical-align:top;
		text-align:center;
	}
}


.sectionQuarter p{
	font-size:15px;
}

.sectionQuarter i{
	display:block;
	font-size:150px;
	width:100%;
	text-align:center;
	margin: 20px 0px;
	height:160px;
}

.sectionQuarter a{
	display:block;
	border-radius:10px;
	font-size:15px;
	padding:10px 0px;
}

.sectionEncyclopedia i{
	color:#70cd13;
}

.sectionEncyclopedia a{
	background-color:#70cd13;
	color:#fff;
}

.sectionBBC img{
	color: #ed4793;
	height: 160px;
	margin-bottom: 20px;
}

.sectionBBC a{
	background-color:#ed4793;
	color:#fff;
}

.sectionMuseum i{
	color:#F5A623;
	margin-top:40px;
	margin-bottom:20px;
	height:140px;
}

.sectionMuseum a{
	background-color:#F5A623;
	color:#fff;
}

.sectionBlog img{
	height:127px;
	margin-bottom:30px;
}

.sectionBlog a{
	background-color:#4ACCD4;
	color:#fff;
}

.sectionBlog a.normal{
	background-color:#fff;
	color:#4ACCD4;
	display:inline;
	border-radius:0px;
	font-size:inherit;
	padding:0px;
}

.archivedItem{
	display:inline-block;
	width:29%;
	margin:1.5%;
	vertical-align: top;
}


@media screen and (max-width:640px) {
	body .archivedItem{
		width:95%;
		margin:2.5%;
	}
}

.archivedItem p{
	word-break: break-all;
}