No edit summary |
No edit summary |
||
Line 274: | Line 274: | ||
font-size: 13px; |
font-size: 13px; |
||
font-weight: bold; |
font-weight: bold; |
||
+ | } |
||
+ | |||
+ | /** Follow Ace Patrol box **/ |
||
+ | .mainpage-box-followacepatrol img { |
||
+ | padding-top: 10px; |
||
+ | } |
||
+ | |||
+ | .mainpage-box-followacepatrol .facebook { |
||
+ | padding-bottom: 10px; |
||
+ | } |
||
+ | |||
+ | /** Gallery box **/ |
||
+ | .mainpage-box-gallery .gallery { |
||
+ | margin-top: 10px; |
||
+ | } |
||
+ | |||
+ | .mainpage-box-gallery .wrapper { |
||
+ | width: 300px; |
||
+ | margin: 0 auto; |
||
+ | } |
||
+ | |||
+ | .mainpage-box-gallery .seeall { |
||
+ | float: right; |
||
+ | margin-top: -30px; |
||
+ | margin-bottom: 10px; |
||
+ | font-weight: bold; |
||
+ | margin-right: 5px; |
||
+ | } |
||
+ | |||
+ | /** Twitter box **/ |
||
+ | .mainpage-box-twitter { |
||
+ | text-align: center; |
||
+ | } |
||
+ | |||
+ | .mainpage-box-twitter .feed { |
||
+ | margin: 0 auto; |
||
+ | } |
||
+ | |||
+ | /** Poll box **/ |
||
+ | .mainpage-box-poll .ajax-poll { |
||
+ | border: medium none; |
||
+ | margin-top: -8px; |
||
+ | margin-left: -15px; |
||
+ | } |
||
+ | |||
+ | .mainpage-box-poll .ajax-poll label { |
||
+ | display: block ! important; |
||
+ | height: 24px ! important; |
||
+ | line-height: 22px ! important; |
||
+ | padding-left: 10px ! important; |
||
+ | padding-top: 2px ! important; |
||
+ | text-indent: -15px ! important; |
||
+ | width: 100% ! important; |
||
+ | } |
||
+ | |||
+ | .mainpage-box-poll .ajax-poll input[type="radio"] { |
||
+ | display: block ! important; |
||
+ | float: left ! important; |
||
+ | height: 13px ! important; |
||
+ | margin: 3px 20px 2px -10px ! important; |
||
+ | padding: 0 !important; |
||
+ | } |
||
+ | |||
+ | .mainpage-box-poll .pollText { |
||
+ | margin-left: 10px; |
||
+ | margin-top: -11px; |
||
+ | width: 100%; |
||
+ | } |
||
+ | |||
+ | .mainpage-box-poll .ajax-poll form input[name="wpVote"] { |
||
+ | margin-left: 10px; |
||
+ | margin-top: 9px; |
||
} |
} |
Revision as of 00:10, 14 December 2013
/* Skin */
/* Main page */
/** General **/
.mainpage-header {
-moz-box-sizing: border-box;
box-sizing: border-box;
background: none repeat scroll 0% 0% #ededed;
box-shadow: 0px 0px 15px #595959 inset;
height: 29px;
width: 100%;
}
.mainpage-box {
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #bad2df;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JhZDJkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYzgxYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #bad2df 0%, #2c81bf 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bad2df), color-stop(100%,#2c81bf));
background: -webkit-linear-gradient(top, #bad2df 0%,#2c81bf 100%);
background: -o-linear-gradient(top, #bad2df 0%,#2c81bf 100%);
background: -ms-linear-gradient(top, #bad2df 0%,#2c81bf 100%);
background: linear-gradient(to bottom, #bad2df 0%,#2c81bf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bad2df', endColorstr='#2c81bf',GradientType=0 );
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 20px;
width: 100%;
}
.mainpage-box-inner {
-moz-box-sizing: border-box;
box-sizing: border-box;
background: none repeat scroll 0% 0% #EDEDED;
-webkit-border-bottom-right-radius: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-bottomright: 12px;
-moz-border-radius-bottomleft: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
margin-bottom: 5px;
padding: 1px 10px;
-moz-box-shadow: 0px 0px 8px #000000 inset;
-webkit-box-shadow: 0px 0px 8px #000000 inset;
box-shadow: 0px 0px 8px #000000 inset;
}
.mainpage-header-mobile {
display: none;
}
/** Home box **/
.mainpage-box-home #portal_slider #portal_prev {
right: 21px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomleft: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
border-bottom-left-radius: 8px;
border-top-left-radius: 8px;
}
.mainpage-box-home #portal_slider #portal_next {
right: 0px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
border-bottom-right-radius: 8px;
border-top-right-radius: 8px;
}
.mainpage-box-home #portal_slider #portal_next:hover, .mainpage-box-home #portal_slider #portal_prev:hover {
color: #FFFF00 !important;
}
.mainpage-box-home #portal_slider #portal_next, #portal_slider #portal_prev {
background: -moz-linear-gradient(center bottom , #1B73C0 0px, #4EC1EB 100%) repeat scroll 0px 0px transparent;
border: 0px solid #1B73C0;
bottom: 9px;
color: #F5F6AD;
cursor: pointer;
font-family: arial,san-serif;
font-size: 36px;
font-weight: bold;
height: 30px ! important;
line-height: 22px;
position: absolute;
text-align: center;
text-shadow: 1px 1px rgba(255, 255, 255, 0.3), -1px 0px rgba(0, 0, 0, 0.3);
width: 20px;
background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, #1B73C0), color-stop(100%, #4EC1EB));
background-image: -ms-linear-gradient(top, #1B73C0 0%, #4EC1EB 100%);
background-image: -o-linear-gradient(top, #1B73C0 0%, #4EC1EB 100%);
background-image: -webkit-linear-gradient(top, #1B73C0 0%, #4EC1EB 100%);
background-image: linear-gradient(top, #1B73C0 0%, #4EC1EB 100%);
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-moz-box-shadow: inset 1px 1px 2px rgba(255, 255, 255, 0.8);
-webkit-box-shadow: inset 1px 1px 2px rgba(255, 255, 255, 0.8);
box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8) inset;
}
.mainpage-box-home .main {
height: 334px;
}
.mainpage-box-home .main-table {
border-spacing: 16px 12px;
margin-left: -5px;
margin: 0 auto;
}
.mainpage-box-home .main-table td {
height: 47px;
text-align: center;
width: 183px;
}
.mainpage-box-home .portal-box {
height: 147px;
}
.mainpage-box-home .portal-image {
margin: 0 auto;
width: 200px;
position: relative;
left: -100px;
}
.mainpage-box-home .portal-list {
display: block;
left: 100px;
list-style: circle outside url("http://images2.wikia.nocookie.net/acepatrol/images/f/f1/Mainpage-List-Bullet.png");
margin: -126px auto;
position: relative;
text-align: left;
width: 150px;
}
/** Articles box **/
.mainpage-header-namethatace {
width: 49.5%;
}
.mainpage-box-namethatace {
float: left;
position: relative;
width: 49.5%;
}
.mainpage-box-namethatace .mainpage-box-inner {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
height: 150px;
padding-bottom: 0px;
padding-left: 0px;
}
.mainpage-box-namethatace .mainpage-box-inner:before {
-webkit-border-bottom-right-radius: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-bottomright: 12px;
-moz-border-radius-bottomleft: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
-moz-box-shadow: 0px 0px 8px #000000 inset;
-webkit-box-shadow: 0px 0px 8px #000000 inset;
box-shadow: 0px 0px 8px #000000 inset;
content: "";
display: block;
height: 150px;
position: absolute;
top: 0px;
width: -webkit-calc(100% - 10px);
width: -moz-calc(100% - 10px);
width: -o-calc(100% - 10px);
width: calc(100% - 10px);
}
.mainpage-box-namethatace .image img {
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;
margin-left: -2px;
}
.mainpage-box-namethatace .text {
font-size: 12px;
line-height: 18px;
margin-top: 6px;
width: 99%;
display: block;
}
.mainpage-box-namethatace .readmore {
float: right;
font-size: 12px;
font-weight: bold;
position: relative;
z-index: 1;
}
.mainpage-header-sidsstrategies {
float: right;
margin-top: -30px;
width: 49.5%;
}
.mainpage-box-sidsstrategies {
float: right;
margin-top: -1px;
width: 49.5%;
}
.mainpage-box-sidsstrategies .mainpage-box-inner {
height: 150px;
}
.mainpage-box-sidsstrategies .text {
display: block;
line-height: 18px;
font-size: 12px;
margin-top: 6px;
width: 99%;
}
.mainpage-box-sidsstrategies .readmore {
font-weight: bold;
float: right;
font-size: 12px;
}
/** Featured Video box **/
.mainpage-box-featuredvideo .video {
margin-top: 4.5px;
margin-bottom: 4.5px;
}
/** Featured Articles box **/
.mainpage-box-featuredarticles .list {
list-style: none outside none !important;
margin: 0;
}
.mainpage-box-featuredarticles .article {
margin: 0;
padding: 0;
}
.mainpage-box-featuredarticles .article-title {
font-weight: bold;
padding-left: 20px;
}
.mainpage-box-featuredarticles .article-content {
border-bottom: 1px solid #CCCCCC;
height: 120px;
margin: 0;
padding: 0 0 0 30px;
}
.mainpage-box-featuredarticles .read-more {
font-size: 13px;
font-weight: bold;
}
/** Follow Ace Patrol box **/
.mainpage-box-followacepatrol img {
padding-top: 10px;
}
.mainpage-box-followacepatrol .facebook {
padding-bottom: 10px;
}
/** Gallery box **/
.mainpage-box-gallery .gallery {
margin-top: 10px;
}
.mainpage-box-gallery .wrapper {
width: 300px;
margin: 0 auto;
}
.mainpage-box-gallery .seeall {
float: right;
margin-top: -30px;
margin-bottom: 10px;
font-weight: bold;
margin-right: 5px;
}
/** Twitter box **/
.mainpage-box-twitter {
text-align: center;
}
.mainpage-box-twitter .feed {
margin: 0 auto;
}
/** Poll box **/
.mainpage-box-poll .ajax-poll {
border: medium none;
margin-top: -8px;
margin-left: -15px;
}
.mainpage-box-poll .ajax-poll label {
display: block ! important;
height: 24px ! important;
line-height: 22px ! important;
padding-left: 10px ! important;
padding-top: 2px ! important;
text-indent: -15px ! important;
width: 100% ! important;
}
.mainpage-box-poll .ajax-poll input[type="radio"] {
display: block ! important;
float: left ! important;
height: 13px ! important;
margin: 3px 20px 2px -10px ! important;
padding: 0 !important;
}
.mainpage-box-poll .pollText {
margin-left: 10px;
margin-top: -11px;
width: 100%;
}
.mainpage-box-poll .ajax-poll form input[name="wpVote"] {
margin-left: 10px;
margin-top: 9px;
}