/* Theme Name: personality Version: 0.6 Theme URI: http://www.gabfirethemes.com/ Description: Designed by Gabfire Themes | See All Themes Author: Gabfire Themes Author URI: http://www.gabfirethemes.com MD5: f4934954059a3a97141bc6c9bea1dad8 Tags: Gabfire Themes, business, framework, cms, portfolio, personality */ /* This file contains main CSS structure of theme. Do not change anything below unless it is necessary or you are aware of what you are doing To customize theme rename custom.dist.css to custom.css, copy css code from this file into custom.css and edit it. */ /* Reset */ html {margin:0;padding:0;border:0;} body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;float:none !important;} table, th, td {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:'';} blockquote, q {quotes:"" "";} a img {border:none;} :focus {outline:0;} ol, ul {list-style:none;} li {line-height:120%;} dt { font-weight: bold; text-decoration: underline; } dd { margin: 0; padding: 0 0 0.5em 0; } /*----- ={ Headings } -----*/ h1 a, h2 a ,h3 a, h4 a, h5 a, h6 a { text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: none;} h1, h2, h3, h4, h5, h6 {margin:0;line-height:1;} h1 { font-size:30px; } h2 { font-size:23px; } h3 { font-size:20px; } h4 { font-size:16px; } h5 { font-size:14px; } h6 { font-size:12px; } /*----- [[ Theme Table ]] -----*/ .theme-table {width: 100%;} .theme-table caption { color: #222;font-size: 14px;font-weight: bold;padding-bottom: 4px;text-align: left;} .theme-table thead {font-size: 12px;} .theme-table thead th {text-align:center;background:#ddd;border: 1px solid #fff;padding: 3px 0 2px;} .theme-table tbody {color: #888;} .theme-table tbody td {background: #f5f5f5;border: 1px solid #fff;padding: 3px 0 2px;text-align: center;} .theme-table tbody .pad {background: none;} /*----- [[ Postmeta ]] -----*/ .postmeta {font-style:italic !important;font-size:11px !important;text-align:right !important;margin:5px 0 0 !important;clear:both;display:block;} .postmeta a {text-decoration:none !important} .postmeta a:hover {text-decoration:underline !important} .postmeta span {display:inline;padding-left:7px;margin-left:5px;background: url(images/framework/circ3.png) no-repeat left center} .postmeta span.meta_date {display:inline;padding-left:0;background:none} /* -------------------------------------------------------------- NAVIGATION Navigation is a two part code. - The structure/bone (which is coded below in this file) - The appeareance (appeareance, which can be found an edited in styles/active style file) -------------------------------------------------------------- */ /* =Navigation. The navigation can be considered in two parts. The first part is the -------------------------------------------------------------- */ .dropdown a { display:block; z-index:100;} .dropdown li li.current_page_item, .dropdown li li.current-cat { background:none; } .dropdown li {width: auto;list-style:none; } .dropdown li a.sf-with-ul { padding-right:20px;} .dropdown li ul li a { } .dropdown a, .dropdown li.current-cat-parent a, .dropdown li.current-cat a, .dropdown li.current_page_item, .dropdown li.current_page_parent, .dropdown li.current-menu-ancestor, .dropdown li.current-menu-item, .dropdown li.sfHover { } /* =Drop-down menus */ .dropdown li ul { position: absolute; left: -999em; z-index:99999; } .dropdown li:hover,.dropdown li.hover { position:static; } .dropdown li:hover ul ul, .dropdown li.sfhover ul ul,.dropdown li:hover ul ul ul ul, .dropdown li.sfhover ul ul ul ul,.dropdown li:hover ul ul ul ul ul, .dropdown li.sfhover ul ul u ull ul { left:-999em; } .dropdown li:hover ul, .dropdown li.sfhover ul,.dropdown li li:hover ul, .dropdown li li.sfhover ul,.dropdown li li li:hover ul, .dropdown li li li.sfhover ul,.dropdown li li li li:hover ul, .dropdown li li li li.sfhover ul,.dropdown li li li li li:hover ul, .dropdown li li li li li.sfhover ul { left:auto; } /* -------------------------------------------------------------- THEME WIDGETS -------------------------------------------------------------- */ /*----- [[ Global Widgets ]] -----*/ .widget {margin:0 0 25px;} .widget .widget {width:auto !important;margin:0 !important} .widgettitle {margin:0;padding:0 0 10px;font: bold 14px Arial,Helvetica,sans-serif;color:#555;} .widget p{margin-bottom:10px;} .widget ul {clear:both;padding-left:5px;list-style-position:inside;list-style-type:disc;} .widget ul li {border-bottom:1px dotted #ddd;padding-bottom:8px;margin-bottom:7px;} .widget ul ul {padding:0 0 0 15px;border-top:none} .widget select {border:1px solid #ddd;} .widget form, .widget fieldset {margin:0;} .widget img {display:block;} .widgetname {display:block;padding:10px;background:#333;color:#fff;text-transform:uppercase;margin:10px 0;text-align:center;font-weight:bold;} /*----- [[ Tag Cloud Widget ]] -----*/ #wp_tag_cloud div {line-height: 1.6em;} /*----- [[ Archive Widget ]] -----*/ .arc-dropdown {margin-bottom:7px;} .arc-dropdown select {width:98%;margin:0 0 5px;padding:2px;color:#444} .archive_span {display:block;margin-bottom:3px;} .google {width:95%;padding:3px 5px;margin-bottom:0;border:1px solid #ddd;} /*----- [[ Calendar Widget ]] -----*/ #wp-calendar {width: 100%;} #wp-calendar caption { color: #222;font-size: 14px;font-weight: bold;padding-bottom: 4px;text-align: left;} #wp-calendar thead {font-size: 11px;} #wp-calendar thead th {text-align:center;} #wp-calendar tbody {color: #aaa;} #wp-calendar tbody td {background: #f5f5f5;border: 1px solid #fff;padding: 3px 0 2px;text-align: center;} #wp-calendar tbody .pad {background: none;} #wp-calendar tfoot #next {text-align: right;} /*----- [[ Gabfire Tabs ]] -----*/ .tabs {list-style:none;margin:0;padding-left:5px;height:33px;font-size:12px;} .tabs li {float:left;padding:0 !important;margin:0 !important;list-style:none !important;border:0 !important;background:none !important;} .tabs a {display:block;line-height:31px;height: 31px;font-weight: bold;width: 96px;text-align:center;text-decoration:none;padding:2px 0 0 0;margin:0 -1px 0 0;position:relative;top:-1px!important;} .tabs a:active {outline:none;} .tabs a:hover {background-position: 0 -34px;text-decoration:none !important;} .tabs .current, .tabs .current:hover, .tabs li.current a {top:-5px!important;height:36px;cursor:default !important;} .panes div {padding:15px 10px 15px 10px !important;} .panes div div{padding:0;border:none !important;} .panes li span.block {display:block;font-size:11px;padding-top:3px} .panes li {list-style:none!important;text-indent:0!important;overflow:hidden;} .panes li img {float:left;margin:2px 8px 0 0;} .panes .widget_recent_comments { padding:0 !important; } .panes .widget_recent_comments li { line-height:1.6em !important; padding-bottom: 12px !important; } .panes .widgettitle_in {margin:0 0 7px;font:bold 14px sans-serif;display:block; } /*----- [[ Tab color scheme: light ]] -----*/ #light_cs {color:#222} #light_cs .tabs {border-bottom:1px solid #cfcfcf;} #light_cs .tabs a { background: none #F2F2F2 !important;border:1px solid #cfcfcf!important;color:#222 !important;} #light_cs .tabs a:hover {color:#222;} #light_cs .tabs .current, .tabs .current:hover, .tabs li.current a {background-color:#fff !important;color:#222 !important;border-bottom:none!important;} #light_cs .panes div {background-color:#fff!important;border:1px solid #cfcfcf !important;border-top:none!important;} #light_cs .panes li {border-bottom:1px dotted #efefef !important} #light_cs .panes li a {color:#222 !important} /*----- [[ Tab color scheme: dark ]] -----*/ #dark_cs {color:#eee} #dark_cs .tabs {border-bottom:1px solid #666;} #dark_cs .tabs a { background: none #333 !important;border:1px solid #666!important;color:#999 !important;} #dark_cs .tabs a:hover {color:#333;} #dark_cs .tabs .current, .tabs .current:hover, .tabs li.current a {background-color:#444 !important;color:#efefef !important;border-bottom:none!important;} #dark_cs .panes div {background-color:#444!important;border:1px solid #666 !important;border-top:none!important;} #dark_cs .panes li {border-bottom:1px dotted #3a3a3a !important} #dark_cs .panes li a {color:#efefef !important} /*----- [[ Search Widget ]] -----*/ form.gab_search_style1{margin:0;padding:0;border:none;} form.gab_search_style1 fieldset {padding:0;} form.gab_search_style1 .text {margin:0;border:none;} form.gab_search_style1 .submit_style1 {float:right;padding:5px 5px 0 0;display:inline;} form.gab_search_style2 fieldset{margin:0;padding:0;border:none;width:300px;height:30px} form.gab_search_style2 p {margin:0} form.gab_search_style2 .text{float:right;padding:0;background:none;border:0;width:225px;margin:7px 40px 0 5px;color:#7c7a7a;font:14px arial, verdana, sans-serif;} form.gab_search_style2 .submit_style2{float:left;padding:0;width:17px;cursor:pointer;height:17px;margin:7px 0 0 8px} /*----- [[ RSS Widget ]] -----*/ .widget_rss a.rsswidget {color: #000;} .widget_rss a.rsswidget:hover {color: #ff4b33;} .widget_rss .widget-title img {width: 11px;height: 11px;} /*----- [[ Feedburner Widget ]] -----*/ .feedburner_widget { } .feedburner_widget fieldset {border:1px solid #ddd;padding:0;} .feedburner_widget .text {margin:0;border:none;} .feedburner_widget .feedburner_submit {float:right;padding:5px 7px 0 0;display:inline;} /*----- [[ About Widget ]] -----*/ .widget_avatar {float:left;margin:4px 10px 0 0;padding:2px;} .widget_avatar img {display:block;} .about_more {display:block;text-align:right;} /*----- [[ Twitter Widget ]] -----*/ .twitter_link {display:block;text-align:right;} /*----- [[ Flickr Widget ]] -----*/ .flickr_widget img{float:left;margin:9px;padding:2px;border:1px solid #ddd;background:#fff;display:inline;} /*----- [[ Socilaize Widget ]] -----*/ .gab_social_widget a{ width: 48px; height: 48px; float:left;margin:3px;display:inline;text-indent:-999em;} .gab_social_widget a.facebook{ background: url(images/framework/social/facebook.png);} .gab_social_widget a.twitter{ background: url(images/framework/social/twitter.png);} .gab_social_widget a.feed{ background: url(images/framework/social/feed.png);} .gab_social_widget a.myspace{ background: url(images/framework/social/myspace.png);} .gab_social_widget a.plus1{ background: url(images/framework/social/plus1.png);} .gab_social_widget a.picasa{ background: url(images/framework/social/picasa.png);} .gab_social_widget a.flickr{ background: url(images/framework/social/flickr.png);} .gab_social_widget a.lastfm{ background: url(images/framework/social/lastfm.png);} .gab_social_widget a.linkedin{ background: url(images/framework/social/linkedin.png);} .gab_social_widget a.youtube{ background: url(images/framework/social/youtube.png);} .gab_social_widget a.vimeo{ background: url(images/framework/social/vimeo.png);} .gab_social_widget a.delicious{ background: url(images/framework/social/delicious.png);} .gab_social_widget a.stumbleupon{ background: url(images/framework/social/stumbleupon.png);} .gab_social_widget a.deviantart{ background: url(images/framework/social/deviantart.png);} .gab_social_widget a.digg{ background: url(images/framework/social/digg.png);} .gab_social_widget a.foursquare{ background: url(images/framework/social/foursquare.png);} .gab_social_widget a:link{background-position: bottom left;} .gab_social_widget a:hover{background-position: top left;} /*----- [[ Share Widget ]] -----*/ .gab_share_widget {padding-bottom:5px;margin-bottom:5px;display:block;} .share_firstrow {margin-bottom:10px;} .gab_twitter_box {display:block;float:left;min-width:55px;width:auto;margin-right:20px} .fb-like {display:block;float:left;min-width:65px;width:auto} .g-plusone {display:block;float:left;min-width:50px;width:auto;} .gab_share_widget a{ width: 32px; height: 32px; float:left;margin:2px 4px 0 0;display:inline;text-indent:-999em;} .gab_share_widget a.facebook{ background: url(images/framework/share/facebook.png);} .gab_share_widget a.twitter{ background: url(images/framework/share/twitter.png);} .gab_share_widget a.email{ background: url(images/framework/share/email.png);} .gab_share_widget a.delicious{ background: url(images/framework/share/delicious.png);} .gab_share_widget a.digg{ background: url(images/framework/share/digg.png);} .gab_share_widget a.google2{ background: url(images/framework/share/google.png);} .gab_share_widget a.stumbleupon{ background: url(images/framework/share/stumbleupon.png);} .gab_share_widget a.reddit{ background: url(images/framework/share/reddit.png);} .gab_share_widget a.technorati{ background: url(images/framework/share/technorati.png);} .gab_share_widget a.yahoo{ background: url(images/framework/share/yahoo.png);} .gab_share_widget a.blogger{ background: url(images/framework/share/blogger.png);} .gab_share_widget a.myspace{ background: url(images/framework/share/myspace.png);} .gab_share_widget a.rss{ background: url(images/framework/share/rss.png);} .gab_share_widget a:link{background-position: bottom left;} .gab_share_widget a:hover{background-position: top left;} /*----- [[ Author Badge Widget ]] -----*/ .gab_authorbadge {padding:14px 14px 5px 14px;background:#f5f6f7;margin:0;border:1px solid #ddd;overflow:hidden;border-radius: 7px;} .gab_authorbadge img {float:left;margin:3px 7px 4px 0 !important;color:#666} .gab_authorbadge .author_social {display:list-item;font-size:14px;line-height:19px;list-style:none;padding:3px 0 3px 24px;border-bottom:1px dotted #ddd} .gab_authorbadge .t_link {background:url(images/framework/ico/ico_twitter.png) no-repeat 2px 3px;} .gab_authorbadge .f_link {background:url(images/framework/ico/ico_facebook.png) no-repeat 2px 3px;} .gab_authorbadge .w_link {background:url(images/framework/ico/ico_home.png) no-repeat 2px 3px;} .gab_authorbadge .a_link {background:url(images/framework/ico/ico_all.png) no-repeat 2px 3px;} .gab_authorbadge .authorstweets {margin-top:15px} .gab_authorbadge p {overflow:hidden} /*----- [[ universal image classes ]] -----*/ .alignleft,#content img.alignleft {display: inline;float: left;margin-right: 10px;margin-top: 4px;} .alignright,#content img.alignright {display: inline;float: right;margin-left: 10px;margin-top: 4px;} .aligncenter,#content img.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;margin-bottom:7px;} img.alignleft,#content img.alignright,#content img.aligncenter {margin-bottom: 8px;} .wp-caption {background: #f1f1f1;text-align: center;overflow:hidden;} .wp-caption p.wp-caption-text {font:13px/18px georgia, sans-serif;color: #777;margin:7px 0 0;} .wp-smiley {margin: 0;} .gallery {margin: 0 auto 18px;} .gallery .gallery-item {float: left;margin-top: 0;text-align: center;width: 33%;} .gallery img {border: 2px solid #cfcfcf;} .gallery .gallery-caption {color: #888;font-size: 12px;margin: 0 0 12px;} .gallery dl {margin: 0;} .gallery img {border: 10px solid #f1f1f1;} .gallery br+br {display: none;} .attachment img { /* single attachment images should be centered */display: block;margin: 0 auto;} /*----- [[ Gallery ]] -----*/ .post .gallery {padding-bottom:15px;display:block;} /* -------------------------------------------------------------- FORMS * default styling for forms * Extra classes to enhance forms Usage: * For text fields, use class .title or .text * For inline forms, use .inline (even when using columns) -------------------------------------------------------------- */ /* A special hack is included for IE8 since it does not apply padding correctly on fieldsets */ label {font-weight:bold;cursor:pointer;} fieldset {padding:0 14px 14px 14px;margin:0 0 15px 0;border:1px solid #aaa;} legend {font-weight:bold;font-size:1.2em;margin-top:-2px;margin-bottom:10px;} fieldset, #IE8#HACK {padding-top:14px;} legend, #IE8#HACK {margin-top:0;margin-bottom:0;} /* Input Fields */ input.span-1, textarea.span-1,input.span-2, textarea.span-2,input.span-3, textarea.span-3 {border-left-width:1px;border-right-width:1px;padding-left:5px;padding-right:5px;} input.span-1, textarea.span-1 {width:218px;} input.span-2, textarea.span-2 {width:258px;} input.span-3, textarea.span-3 {width:458px;} /* Attribute selectors are used to differentiate the different types of input elements, but to support old browsers, you will have to add classes for each one. ".title" simply creates a large text field, this is purely for looks. */ input[type=text], input[type=password], input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;} input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;} select {background-color:#fff;border-width:1px;border-style:solid;} input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;} input.text, input.title {padding:5px;} input.title {font-size:15px;} textarea {padding:5px;height:200px;} form.inline {line-height:3;} form.inline p {margin-bottom:0;} /*----- [[ Success, info, notice and error/alert boxes and other mis classes ]] -----*/ .error, .alert, .notice, .success, .info { padding:0.8em !important;margin-bottom:1em;border:2px solid #ddd; } .error, .alert { background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4; } .notice { background:#fff6bf;color:#514721;border-color:#ffd324; } .success { background:#e6efc2;color:#264409;border-color:#c6d880; } .info { background:#d5edf8;color:#205791;border-color:#92cae4; } .error a, .alert a { color:#8a1f11;text-decoration:underline; } .notice a { color:#514721;text-decoration:underline; } .success a { color:#264409;text-decoration:underline; } .info a { color:#205791;text-decoration:underline; } /* Border right with more whitespace */ .border_right_13 { padding-right: 6px; margin-right: 6px;border-right: 1px solid #ddd;} .border_right_15 { padding-right: 7px; margin-right: 7px;border-right: 1px solid #ddd;} .border_right_20 { padding-right: 10px; margin-right: 9px;border-right: 1px solid #ddd;} .border_right_30 { padding-right: 15px; margin-right: 14px;border-right: 1px solid #ddd;} .border_right_40 { padding-right: 20px; margin-right: 19px;border-right: 1px solid #ddd;} /* Border left with more whitespace */ .border_left_15 { padding-left: 7px; margin-left: 7px;border-left: 1px solid #ddd;} .border_left_20 { padding-left: 10px; margin-left: 9px;border-left: 1px solid #ddd;} .border_left_30 { padding-left: 15px; margin-left: 14px;border-left: 1px solid #ddd;} .border_left_40 { padding-left: 20px; margin-left: 19px;border-left: 1px solid #ddd;} /* Border bottom with more whitespace */ .border_bottom_15 {padding-bottom:7px;margin-bottom:7px;border-bottom:1px solid #ddd;} .border_bottom_20 {padding-bottom:10px;margin-bottom:9px;border-bottom:1px solid #ddd;} .border_bottom_30 {padding-bottom:15px;margin-bottom:14px;border-bottom:1px solid #ddd;} .border_bottom_40 {padding-bottom:20px;margin-bottom:19px;border-bottom:1px solid #ddd;} /* Use a .box to create a padded box inside a column. */ .box {padding:15px;margin-bottom:15px;background:#e5eCf9;} /* Misc Classes */ .small_h { font-size: 18px; } .small_text { font-size: 11px; } .hide { display: none; } .quiet { color: #666; } .loud { color: #000; } .highlight { background:#ff0; } .added { background:#060; color: #fff; } .removed { background:#900; color: #fff; } .text-right { display:block;text-align:right;} .first { margin-left:0; padding-left:0; } .last { margin-right:0 !important; border:0 !important} .top { margin-top:0; padding-top:0; } .lastpost {border-bottom:none!important;padding-bottom:0 !important;margin-bottom:0!important;} .left { float: left !important; } p .left { margin: 1.5em 1.5em 1.5em 0; padding: 0; } .right { float: right !important; } p .right { margin: 1.5em 0 1.5em 1.5em; padding: 0; } .thumb { padding:2px;border:1px solid #ddd;margin-bottom:5px;display:block;height:1%;overflow:hidden; } .clear {clear:both;height:1px;display:block;} /* -------------------------------------------------------------- BUTTONS Created by Kevin Hale [particletree.com] * particletree.com/features/rediscovering-the-button-element -------------------------------------------------------------- */ a.button, button{ display:block; float:left; margin:0.7em 0.5em 0.7em 0; padding:5px 10px 5px 7px; /* Links */ border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; background-color:#f5f5f5; font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif; font-size:100%; line-height:130%; text-decoration:none; color:#565656; cursor:pointer} button{ width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */} button[type]{ padding:4px 10px 4px 7px; /* Firefox */ line-height:17px; /* Safari */} *:first-child+html button[type]{ padding:4px 10px 3px 7px; /* IE7 */} button img, a.button img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; float:none} /* Button colors -------------------------------------------------------------- */ /* Standard */ button:hover, a.button:hover { background-color:#dff4ff; border:1px solid #c2e1ef; color:#369} a.button:active { background-color:#6299c5; border:1px solid #6299c5; color:#fff} a.gab_button {font:bold 14px/22px arial, sans-serif !important;text-shadow:none;display:block;text-align:center;padding-top:11px;height:34px;width:200px;text-decoration: none;margin:15px 10px} a.button-green {background: url(images/framework/button-generic.png) no-repeat 0 0;color: #fff;} a.button-green:active,a.button-green:hover {background: url(images/framework/button-generic.png) no-repeat 0 0;text-decoration:none;} a.button-red {background: url(images/framework/button-generic.png) no-repeat 0 -45px;color: #fff;} a.button-red:active,a.button-red:hover {background: url(images/framework/button-generic.png) no-repeat 0 -45px;text-decoration:none;} a.button-gray {background: url(images/framework/button-generic.png) no-repeat 0 -90px;color:#444 !important;} a.button-gray:active,a.button-gray:hover {background: url(images/framework/button-generic.png) no-repeat 0 -90px;text-decoration:none;} /* Positive */ body .positive { color:#529214} a.positive:hover, button.positive:hover { background-color:#E6EFC2; border:1px solid #C6D880; color:#529214} a.positive:active { background-color:#529214; border:1px solid #529214; color:#fff} /* Negative */ body .negative { color:#d12f19} a.negative:hover, button.negative:hover { background-color:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19} a.negative:active { background-color:#d12f19; border:1px solid #d12f19; color:#fff} /* Numbered-pagination */ .numbered-pagination { float: left; clear: both; margin-bottom: 20px; background-color: #f0f0f0; padding: 10px 7px 8px 6px;border-radius: 8px} .numbered-pagination span{ margin: 0 5px; background-color: #e6e6e6; padding: 4px 7px;border-radius: 8px } .numbered-pagination span.current{ background-color: #fff;;border-radius: 8px} .numbered-pagination a, .attachment-nav a{ margin: 0 5px; padding: 4px 7px;} .numbered-pagination a.inactive{text-decoration:none;border-radius: 8px; } .numbered-pagination a.pagi-next{ } .numbered-pagination a.pagi-last{ } .numbered-pagination a:hover.inactive, .numbered-pagination a:hover.pagi-next, .numbered-pagination a:hover.pagi-first, .numbered-pagination a:hover.pagi-prev, .numbered-pagination a:hover.pagi-last { background-color: #fff;text-decoration:none;border-radius: 8px }