creator-child/style.css

/*
Theme Name: Creator Responsive WordPress Theme Child
Theme URI: http://dessign.net/creatortheme
Description: Creator Responsive WordPress Theme for WordPress is stylish, customizable, simple, and readable. Perfect for any creative shop and ecommerce solutions.
Template: CreatorThemeRes
Version: 2.0.1
Author: Dessign Themes
Author URI: http://dessign.net
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: portfolio
Text Domain:  CreatorThemeRes-child
*/

/*
@import url("../CreatorThemeRes/style.css");
*/

/*
.head-socials img {
	margin-right: 3px;
	margin-left: 3px;
}
*/
.sticky {
	
}
.retour-blog {
  color: #333333;
  display: block;
  font-size: 14px;
  letter-spacing: 1.5px;
  padding: 5px 0;
}

.featured-box {
	/*border: thin solid #ff6231;*/
}

/* livre d'or */

#randomImg {
	margin-right: auto;
	margin-left: auto;
}

#randomImg img {
	padding: 10px;
	background-color: #fff;
	border: 1px solid #818181;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

/* photo du mois */

.cadre {
	text-align: center;
	margin-top: 1em;
}
.cadre img {
	padding: 50px;
	background-color: #fff;
	border: 1px solid #ccc;
}

.exifs {
	text-align: center;
	color: #909090;
	font-size: smaller;
	margin-bottom: 3em;
	margin-top: 1em;
}


.thumb {
	/*float: left;
	line-height: 200px;*/
    width: 200px;
    height: 200px;
	border: 1px solid #ccc;
	background-color: #fff;
	
}

.albumdesc {
	float: right;
	text-align:center;
	width: 200px;
	padding: 6px 0 0 0;
	text-align:center;
	vertical-align: middle;
}


.albumdesc a, .pagination a {
	color: #333;
}

.gras {
	font-weight: bold;
}

.albumdesc:hover {
	/*
	background: #ddd; 
	color: #333 !important; 
	border-radius: 0;
	*/
	font-weight: bold;
}

.album {
	float: left;
	width: 200px;
	height: 200px;
	text-align:center;
	margin-top: 0;
	margin-right: auto;
	/* entre 2 rangées d'albums */
	margin-bottom: 25px;
	margin-left: auto;
	padding: 0px 11px 20px;
}

.holder
{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	height:200px;
	width:200px;
	background-color: #fff;
	border: 1px solid #ccc;
}


#archive {
  margin: 0 0 80px;
}

/* Single */

.post_tags {
	margin-top: 40px;
	margin-bottom: 20px;
}

.edit-link a {
	color: #666;	
}
.edit-link a:hover {
	color: #000;	
}

.comments_cont {
	display: none;
}



.entry-meta {
	clear: both;
	font-size: 14px;
}

.entry-meta a {
	color: #bc360a;
}

.entry-meta a:hover {
	color: #bc360a;
}

.entry-meta > span {
	margin-right: 20px;
}

.entry-meta > span:last-child {
	margin-right: 0;
}

.entry-meta .date a:before {
	content: "\f303";
}

.entry-meta .author a:before {
	content: "\f304";
	position: relative;
	top: -1px;
}

/**
 * 5.7 Post/Paging Navigation
 * ----------------------------------------------------------------------------
 */

.navigation .nav-previous {
	float: left;
}

.navigation .nav-next {
	float: right;
}

.navigation a {
	color: #000;
}

.navigation a:hover {
	color: #333;
	text-decoration: none;
}

.paging-navigation {
	background-color: #e8e5ce;
	padding: 40px 0;
}

.paging-navigation .nav-links {
	margin: 0 auto;
	max-width: 604px;
	width: 100%;
}

.sidebar .paging-navigation .nav-links {
	max-width: 1040px;
	padding: 0 376px 0 60px;
}

.paging-navigation .nav-next {
	padding: 13px 0;
}

.paging-navigation a {
	font-size: 22px;
	font-style: italic;
	font-weight: 300;
}

.paging-navigation .meta-nav {
	background-color: #e63f2a;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 26px;
	padding: 3px 0 8px;
	text-align: center;
	width: 50px;
}

.paging-navigation .nav-previous .meta-nav {
	margin-right: 10px;
	padding: 17px 0 23px;
	width: 80px;
}

.paging-navigation .nav-next .meta-nav {
	margin-left: 10px;
}

.paging-navigation a:hover .meta-nav {
	background-color: #ea9629;
	text-decoration: none;
}

.post-navigation {
	background-color: #fff;
	/*
	color: #ca3c08;
	font-style: italic;
	font-weight: 300;
	*/
	font-size: 16px;
	padding: 20px 0;
	font-family: 'Lato', sans-serif; 
	font-weight: 400; 
	color: #333; 
	line-height: 140%; 
	letter-spacing: 1.5px;
}

.post-navigation .nav-links {
	margin: 0 auto;
	max-width: 1040px;
}

.sidebar .post-navigation .nav-links {
	padding: 0 376px 0 60px;
}

.post-navigation a[rel="next"] {
	float: right;
	text-align: right;
}


/*
/* Title : Ajax Pagination with jQuery & PHP
Example URL : http://www.sanwebe.com/2013/03/ajax-pagination-with-jquery-php 
*/


.contents{
	margin: 20px;
	padding: 20px;
	list-style: none;
	background: #F9F9F9;
	border: 1px solid #ddd;
	border-radius: 5px;
}
.contents li{
    margin-bottom: 10px;
}
.loading-div{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.56);
	z-index: 999;
	display:none;
}
.loading-div img {
	margin-top: 20%;
	margin-left: 50%;
}

/* Pagination style */
.pagination{margin: 2em 0 3em;padding:0;}
.pagination li{
	display: inline;
	padding: 6px 10px 6px 10px;
	border: 1px solid #ddd;
	margin-right: -1px;
	font: 15px/20px Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	box-shadow: inset 1px 1px 5px #F4F4F4;
}
.pagination li a{
    text-decoration:none;
    color: rgb(89, 141, 235);
}
.pagination li.first {
    border-radius: 5px 0px 0px 5px;
}
.pagination li.last {
    border-radius: 0px 5px 5px 0px;
}
.pagination li:hover{
	background: #CFF;
}
.pagination li.active{
	background: #F0F0F0;
	color: #333;
}