style.css

/*
Theme Name: Paper Simple Blog
Theme URI: https://github.com/aldakur/Paper-Simple-Blog
Author: Egoitz Gonzalez @aldakur
Author URI: http://www.egoitzgonzalez.com;
Description: Simple and minimalist blog theme
Version: 1.0
License: GNU General Public License v3.0
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain papersimpleblog
Tags: on-column, right-siderbar, flexible-header, accessibility-ready, featured-images, blog, news, bootstrap

*/


/* -- HEADER -- */

/*
This is other option. But do it in header is better
@import url('css/bootstrap.min.css'); */
/* @import url('css/responsive.css'); */

/* MAIN VALUES
Red color: #F5004D;
Gray color: #F5F5F5;
Blue: #286090;
*/

body {
		font-size: 16px;
}

body a{
	color: #F5004D;
	font-family: Arial, Verdana, "Times New Roman", Georgia, Serif;
	padding: 0px;

}

body a:hover{
	color: #F5004D;
}

.menu{
	margin-top: 5%;
	padding-bottom: 10px;
	background: #fff;
	border:none;
	border-radius: 0;
	border-bottom: 1px solid  #999;

}

.menu .menu-items .dropdown-menu{ /* Menu items first level */
	padding: 0px;
}

.menu .menu-items li > a:hover{ /* Menu items first level */
	background: #F5004D;
	border: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #fff;
}

.menu .menu-items .dropdown-menu > li > a{
	padding-top: 15px;
	padding-bottom: 15px;
}

.menu .menu-items .dropdown-menu > li > a:hover{
	/*background-color: #F5004D;*/
	/*padding: 3px 20px;*/
	padding-top: 15px;
	padding-bottom: 15px;
	color: #fff;
}

.menu .menu-items .dropdown-menu > li:hover{
	background-color: #F5004D;
}


.navbar .nav .active a{
	background: #F5004D;
	border: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	color:#fff;
}


.form-control:focus {
  border-color: #F5004D;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(255, 0, 0, 0.6);
}

/*
.navbar-form-mysearch {
	padding: 10px 1px;
	padding-bottom: 0px;
}*/

/* OPTIONAL
hr {
	margin-top: 1px;
	margin-bottom: 10px;
	background: #fff;
	border:none;
	border-radius: 0;
	border-bottom: 1px solid  #999;
}
*/

/* -- POST -- */
.main {
	margin-top: 20px;
	margin-bottom: 20px;
}

p {
	font-size: 16px;

}

.post {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #999;
}

.post .post-title a{
	color: #333;
}

.post .post-title a:hover{
	color: #F5004D;
	text-decoration: none;

}

.post .thumb{ /* Optional */
	margin-right: 10px;
	width: 40%;
}

.post .thumb img {
	width:100%;
	height: 100%;

}
/* KENDUUU
.main .row .posts .post ul li a {
	color: black;
}
*/

.main .row .posts .post ul { /* Category near the date */
	/*list-style: none; This line hide lit's dots or numbers*/
	display: inline-block;
	/*padding: 2px;*/
	border:none;
	border-radius: 0;

}

/* This class use in single.php */
.myCategory {
	color:#fff;
	background: #F5004D;
	margin-left: 1px;
	text-decoration: none;
	padding: 5px;
}

.myCategory:hover {
	color: #333;
	background-color: #F5F5F5;
	border-color: #122b40;
	text-decoration: none;
}

.myCategory:focus {
	color: #333;
	background-color: #F5F5F5;
	text-decoration: none;
}


/* This not necesarry because now I use myCategory class.
.main .row .posts .post ul a {
	color:#fff;
	background: #F5004D;
	margin-left: 1px;
	text-decoration: none;
	margin-top: 0px;
	padding: 5px;
}

.main .row .posts .post ul a:hover {
	color: #333;
	background-color: #F5F5F5;
	border-color: #122b40;
}*/

.post-date {
	color: #333;
	background: #F5F5F5;
	margin-left: 1px;
	text-decoration: none;
	margin-top: 0px;
	padding: 5px;
}

.post-categories {
	margin: 0px;
	margin-top: 22px;
	padding: 0px;
}

.post-categories li { /* The categories together */
	display: inline;
}

.post .container-buttons {
	width: 100%;
}

.btn-more-info {
	margin-top: 10px;
	background: #F5004D;
	border:none;
	border-radius: 0;
}

.btn-more-info:hover{
	margin-top: 10px;
	color: #333;
	background: #F5F5F5;
	border:none;
	border-radius: 0;
}

.myLink {
	color: #F5004d !important;
	background: #fff !important;
}

.myLink:hover{
	text-decoration: underline !important;
}

/* -- COMMENTS -- */

.comment-body {
	background-color: #F0F0F0;
	margin-bottom: 10px;
}

.commentlist {
	list-style: none;
}

.comment-body {
	padding: 10px;
}

.children {
	list-style: none;
}

.avatar {
	background-color: transparent;
	border: solid 1px #999;
	width: 52px;
	height: 52px;
}

.comment-form-comment {

}

textarea {
	border: 1px solid #ccc;
}

textarea:focus{
  border-color: #F5004D;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(255, 0, 0, 0.6);
}


#comment {
	width: 100%;
}

#submit {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

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

/* -- WIDGETS -- */

.mywidget {
	margin-bottom: 50px;
}

.list-group-item a {
	text-decoration: none;
	color: #333;
	font-size: 12px;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
}

.list-group-item:hover {
	background-color: #F5F5F5;
	/*cursor:pointer;*/
}

/* Tag cloud */

.mywidget .tagcloud a{
	margin: 15px 3px;
}

.mywidget .tagcloud a:hover{
	text-decoration: none;
}

.mywidget .tagcloud a > span{
	color: #fff;
	background: #F5004D;
	text-decoration: none;

}

.mywidget .tagcloud a > span:hover{
	text-decoration: none;
	color: black;
	background: #F5F5F5;
}

/* -- FOOTER -- */
.my-footer-text{
	margin-bottom: 5px;
}

.img-creativecommons {
	width: 15px;
	height: 15px;
}

.my-pagination {
	margin: 20px;
}

.my-pagination a {
	background: #F5004D;
	padding: 15px;
	color:#fff;
	display: inline-block;
	/* border: 20px; */
	}