/*
Theme Name: IgarPinkBlue
Theme URL: http://www.r-igarzabal.org
Description: Designed by BeingCreative for R-Igarzabal.org.
Version: 1.0
Author: Agneta
Author URI: http://beingcreative.us
*/
/*GENERAL*/
body{
background-color: #eceaff;
margin: 0px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
color: #653cd3;
}
a{
text-decoration: none;
color: #db5bf4;
font-weight: bold;
-moz-transition-property: all;-moz-transition-duration: 1s;
-webkit-transition-property: all;-webkit-transition-duration: 1s;
-o-transition-property: all;-o-transition-duration: 1s;
transition-property: all;transition-duration: 1s;
}
a:hover{
color: #7e95dc;
-moz-transition-property: all;-moz-transition-duration: 1s;
-webkit-transition-property: all;-webkit-transition-duration: 1s;
-o-transition-property: all;-o-transition-duration: 1s;
transition-property: all;transition-duration: 1s;
}
/*HEADER*/
.header{
background-image: url(images/header/02-topbg.png);
background-repeat: no-repeat;
background-position: top center;
}
.boxes{
background-image: url(images/header/03-boxes.png);
background-repeat: no-repeat;
background-position: top center;
}
.welcome{
position: absolute;
margin-left: 14px;
margin-top: 146px;
text-shadow: #ffffff 1px 1px 1px;
text-align: justify;
font-size: 10px;
}
.about{
position: absolute;
margin-left: 699px;
margin-top: 96px;
text-shadow: #ffffff 1px 1px 1px;
text-align: justify;
font-size: 10px;
}
.last-pics, .last-headlines, .last-tweets{
padding-top: 57px;
}
.last-headlines{
}
.last-headlines a{
display: block;
line-height: 43px;
color: #653cd3;
text-shadow: #ffffff 1px 1px 1px;
font-weight: bold;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 0 15px #beaed8;
-moz-box-shadow: 0 0 15px #beaed8;
box-shadow: 0 0 15px #beaed8;
padding-left: 18px;
background-image: url(images/header/05-headlines.png);
-moz-transition-property: all;-moz-transition-duration: 1s;
-webkit-transition-property: all;-webkit-transition-duration: 1s;
-o-transition-property: all;-o-transition-duration: 1s;
transition-property: all;transition-duration: 1s;
margin-bottom: 10px;
}
.last-headlines a:hover{
padding-left: 26px;
background-image: url(images/header/05-headlines-hover.png);
background-repeat: no-repeat;
color: #d33ca7;
-moz-transition-property: all;-moz-transition-duration: 1s;
-webkit-transition-property: all;-webkit-transition-duration: 1s;
-o-transition-property: all;-o-transition-duration: 1s;
transition-property: all;transition-duration: 1s;
}
.menu a img{
border: 0px;
}
.menu-1{
background-image: url(images/header/04-menu.png);
-moz-transition-property: all;-moz-transition-duration: 1s;
-webkit-transition-property: all;-webkit-transition-duration: 1s;
-o-transition-property: all;-o-transition-duration: 1s;
transition-property: all;transition-duration: 1s;
}
.menu-2{
background-image: url(images/header/04-menu.png);
background-position: -204px 0px;
-moz-transition-property: all;-moz-transition-duration: 1s;
-webkit-transition-property: all;-webkit-transition-duration: 1s;
-o-transition-property: all;-o-transition-duration: 1s;
transition-property: all;transition-duration: 1s;
}
.menu-3{
background-image: url(images/header/04-menu.png);
background-position: -408px 0px;
-moz-transition-property: all;-moz-transition-duration: 1s;
-webkit-transition-property: all;-webkit-transition-duration: 1s;
-o-transition-property: all;-o-transition-duration: 1s;
transition-property: all;transition-duration: 1s;
}
.menu-4{
background-image: url(images/header/04-menu.png);
background-position: -560px 0px;
-moz-transition-property: all;-moz-transition-duration: 1s;
-webkit-transition-property: all;-webkit-transition-duration: 1s;
-o-transition-property: all;-o-transition-duration: 1s;
transition-property: all;transition-duration: 1s;
}
.menu-5{
background-image: url(images/header/04-menu.png);
background-position: -709px 0px;
-moz-transition-property: all;-moz-transition-duration: 1s;
-webkit-transition-property: all;-webkit-transition-duration: 1s;
-o-transition-property: all;-o-transition-duration: 1s;
transition-property: all;transition-duration: 1s;
}
.menu-6{
background-image: url(images/header/04-menu.png);
background-position: -854px 0px;
-moz-transition-property: all;-moz-transition-duration: 1s;
-webkit-transition-property: all;-webkit-transition-duration: 1s;
-o-transition-property: all;-o-transition-duration: 1s;
transition-property: all;transition-duration: 1s;
}
.menu-1:hover,.menu-2:hover,.menu-3:hover,.menu-4:hover,.menu-5:hover,.menu-6:hover{
background-image: url(images/header/04-menu-hover.png);
-moz-transition-property: all;-moz-transition-duration: 1s;
-webkit-transition-property: all;-webkit-transition-duration: 1s;
-o-transition-property: all;-o-transition-duration: 1s;
transition-property: all;transition-duration: 1s;
}
.nc{
background-image: url(images/n&c.png);
background-repeat: no-repeat;
background-position: top center;
}
h2{
letter-spacing: -2px;
margin: 3px;
}
/*SIDEBAR*/
.sidebar-bg{
background-image: url(images/sidebar/bg.png);
background-repeat: repeat-y;
}
.sidebar{
background-image: url(images/sidebar/topbg.png);
background-repeat: no-repeat;
padding-top: 12px;
}
.sidebar-widget{
background-image: url(images/sidebar/titlesbg.png);
background-repeat: no-repeat;
}
.sidebar-widget-title{
font-size: 20px;
padding-left: 40px;
text-transform: uppercase;
letter-spacing: -2px;
}
.sidebar-widger-body{
padding-left: 20px;
padding-right: 36px;
padding-top: 17px;
padding-bottom: 10px;
text-align: justify;
color: #790cb2;
text-shadow: #bcbce7 1px 1px 1px;
}
.sidebar a{
color: #d927ff;
}
.sidebar a:hover{
color: #9bff51;
}
.sidebar strong{
color: #1168dd;
}
.sidebar u{
color: #b21fe8;
}
.sidebar em, i{
color: #b20c7d;
}
.sidebar-img, .sidebar-widger-body a img{
background-image: url(images/sidebar/imgbg.png);
background-position: -1px -1px;
padding: 10px;
border: 1px solid transparent;
-webkit-box-shadow: 0 0 10px #c6cbe3;
-moz-box-shadow: 0 0 10px #c6cbe3;
box-shadow: 0 0 10px #c6cbe3;
margin-bottom: 5px;
-moz-transition-property: all;-moz-transition-duration: 1s;
-webkit-transition-property: all;-webkit-transition-duration: 1s;
-o-transition-property: all;-o-transition-duration: 1s;
transition-property: all;transition-duration: 1s;
}
.sidebar-img:hover, .sidebar-widger-body a img:hover{
background-position: bottom right;
padding: 10px;
border: 1px solid #dee1f2;
-webkit-box-shadow: 0 0 10px #526494;
-moz-box-shadow: 0 0 10px #526494;
box-shadow: 0 0 10px #526494;
margin-bottom: 5px;
-moz-transition-property: all;-moz-transition-duration: 1s;
-webkit-transition-property: all;-webkit-transition-duration: 1s;
-o-transition-property: all;-o-transition-duration: 1s;
transition-property: all;transition-duration: 1s;
}
.sidebar-widger-body blockquote a, .tweets div a{
color: #ffffff;
}
.sidebar-widger-body blockquote:hover a, .tweets div:hover a{
color: #da27ef;
}
.sidebar-widger-body blockquote a:hover, .tweets div a:hover{
color: #2752ef;
}
.sidebar-widger-body blockquote, .tweets div{
margin: 0px;
background-image: url(images/sidebar/blockquote.png);
background-position: bottom left;
background-repeat: no-repeat;
padding: 10px;
color: #e6e7ff;
text-shadow: #9a399a 1px 1px 1px;
border: 1px solid transparent;
-webkit-box-shadow: 0 0 10px #c6cbe3;
-moz-box-shadow: 0 0 10px #c6cbe3;
box-shadow: 0 0 10px #c6cbe3;
margin-top: 5px;
-moz-transition-property: all;-moz-transition-duration: 1s;
-webkit-transition-property: all;-webkit-transition-duration: 1s;
-o-transition-property: all;-o-transition-duration: 1s;
transition-property: all;transition-duration: 1s;
}
.sidebar-widger-body blockquote:hover, .tweets div:hover{
color: #790cb2;
text-shadow: #e3e3f4 1px 1px 1px;
background-position: top right;
padding: 10px;
border: 1px solid #dee1f2;
-webkit-box-shadow: 0 0 10px #526494;
-moz-box-shadow: 0 0 10px #526494;
box-shadow: 0 0 10px #526494;
-moz-transition-property: all;-moz-transition-duration: 1s;
-webkit-transition-property: all;-webkit-transition-duration: 1s;
-o-transition-property: all;-o-transition-duration: 1s;
transition-property: all;transition-duration: 1s;
}
.side-bottom{
background-image: url(images/sidebar/bottom.png);
background-repeat: no-repeat;
background-position: bottom;
}
/*NEWS*/
.news{
padding-top: 83px;
}
.post{
background-image: url(images/news/bg.png);
-webkit-box-shadow: 0 0 10px #8d7fff;
-moz-box-shadow: 0 0 10px #8d7fff;
box-shadow: 0 0 10px #8d7fff;
border: 1px solid #ffffff;
margin-bottom: 16px;
}
.post-day-month{
padding-right: 10px;
font-size: 38px;
text-transform: uppercase;
letter-spacing: -1px;
}
.post-year{
padding-right: 10px;
font-size: 25px;
letter-spacing: -1px;
}
.post-date{
position: absolute;
background-image: url(images/news/crystal.png);
}
.post-title{
font-size: 16px;
text-transform: uppercase;
letter-spacing: -2px;
padding-left: 30px;
}
.post-comments{
font-size: 20px;
}
.post-body{
background-image: url(images/news/topbg.png);
background-repeat: no-repeat;
padding: 20px;
padding-bottom: 10px;
text-align: justify;
}
.post-body a img{
background-image: url(images/sidebar/imgbg.png);
background-position: -1px -1px;
padding: 10px;
border: 1px solid transparent;
-webkit-box-shadow: 0 0 10px #c6cbe3;
-moz-box-shadow: 0 0 10px #c6cbe3;
box-shadow: 0 0 10px #c6cbe3;
margin: 5px;
-moz-transition-property: all;-moz-transition-duration: 1s;
-webkit-transition-property: all;-webkit-transition-duration: 1s;
-o-transition-property: all;-o-transition-duration: 1s;
transition-property: all;transition-duration: 1s;
}
.post-body a img:hover{
background-position: bottom right;
padding: 10px;
border: 1px solid #dee1f2;
-webkit-box-shadow: 0 0 10px #526494;
-moz-box-shadow: 0 0 10px #526494;
box-shadow: 0 0 10px #526494;
margin-bottom: 5px;
-moz-transition-property: all;-moz-transition-duration: 1s;
-webkit-transition-property: all;-webkit-transition-duration: 1s;
-o-transition-property: all;-o-transition-duration: 1s;
transition-property: all;transition-duration: 1s;
}
.post-body blockquote{
background-image: url(images/news/blockquote.png);
background-position: 30px 30px;
background-repeat: no-repeat;
background-color: #e8d9ec;
margin: 5px;
padding: 26px;
padding-left: 142px;
-webkit-box-shadow: 5px 5px 5px #a682ad;
-moz-box-shadow: 5px 5px 5px #a682ad;
box-shadow: 5px 5px 5px #a682ad;
text-align: justify;
color: #bd6ba2;
text-shadow: #ffffff 1px 1px 1px;
-moz-transition-property: all;-moz-transition-duration: 1s;
-webkit-transition-property: all;-webkit-transition-duration: 1s;
-o-transition-property: all;-o-transition-duration: 1s;
transition-property: all;transition-duration: 1s;
}
.post-body blockquote:hover{
background-image: url(images/news/blockquote-hover.png);
background-color: #d9daec;
-webkit-box-shadow: -5px -5px 5px #a682ad;
-moz-box-shadow: -5px -5px 5px #a682ad;
box-shadow: -5px -5px 5px #a682ad;
color: #6f6bbd;
text-shadow: #ffffff 1px 1px 1px;
-moz-transition-property: all;-moz-transition-duration: 1s;
-webkit-transition-property: all;-webkit-transition-duration: 1s;
-o-transition-property: all;-o-transition-duration: 1s;
transition-property: all;transition-duration: 1s;
}
.post-bottom{
background-image: url(images/news/bottom.png);
}
.page-title{
padding-left: 207px;
font-size: 20px;
background-image: url(images/news/page-title.png);
}
.footer{
background-image: url(images/footer.png);
background-repeat: no-repeat;
background-position: top center;
padding-bottom: 40px;
}
.hiddenPic{
display: none;
}
/*Scrollbar*/
::-webkit-scrollbar {
width: 12px;
}
/*Track*/
.last-tweets ::-webkit-scrollbar-track {
background-color: #e6d4ff;
border: 1px solid #ffffff;
}
::-webkit-scrollbar-track {
background-color: #e6d4ff;
border: 1px solid #ffffff;
border-top: none;
border-bottom: none;
}
/*Handle*/
.last-tweets ::-webkit-scrollbar-thumb {
background-color: #8c9fd0;
border: 1px solid #ffffff;
}
::-webkit-scrollbar-thumb {
background-color: #8c9fd0;
border: 1px solid #ffffff;
border-top: none;
border-bottom: none;
}
::-webkit-scrollbar-button{
height: 0px !important;
}
/* Selection */
::Selection {
color: #000000;
background-color: #b53bbe;
text-shadow: #ffffff 1px 1px 1px;
}