サポート » テーマ » テーマ Hatch の マウスオーバー時の色を変更したい

  • 解決済 Jinnsei Minami

    (@jinnsei-minami)


    よろしくお願いいたします。
    Hatch テーマを使っています。
    記事のページを開いた時、「次ページ・前ページ」やタイトルなどリンクになる部分があると思います。
    そこにマウスオーバーさせた時に、色が変わるのですが、その色を変更するにはスタイルシートのどの部分を書き換えればいいのでしょうか?
    現在、背景が黒で、マウスオーバーが#000や#222なので、見づらくなってしまいます。
    マウスが乗った時に#ff0にしたいのです。
    hover の部分を何箇所か変更してみたのですが、うまく変わりません。

    ヴィジェットTagsをAfter Singularに入れて、表示させています。特にこの部分のマウスオーバーの時の色を変更したいのです。

    下記にスタイルシートのコードを載せますので、何卒ご指南願います。

    /**
    * Theme Name: Hatch
    * Theme URI: http://alienwp.com/themes/hatch/
    * Description: A simple and minimal portfolio theme for photographers, illustrators, designers, or photobloggers. Responsive layout, optimized for mobile browsing (iPhone and iPad). Ideal for sites where images are the main type of content. The customization options include theme settings page, custom background, custom header.
    * Version: 0.2.9
    * Author: AlienWP
    * Author URI: http://alienwp.com
    * Tags: flexible-width, theme-options, threaded-comments, microformats, translation-ready, rtl-language-support, one-column, two-columns, right-sidebar, custom-background, custom-header, featured-images
    * License: GNU General Public License v2.0
    * License URI: http://www.gnu.org/licenses/gpl-2.0.html
    *
    */

    /* Normalize
    ————————————————————– */
    article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
    audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    }
    audio:not([controls]) { display: none; }
    [hidden] { display: none; }
    figure { margin: 0; }
    html {
    font-size: 1em;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    }
    body {
    margin: 0;
    font: 0.75em/1.75em ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
    color: #555;
    background: #fff;
    padding: 0;
    }
    ::-moz-selection {
    background: #000;
    color: #fff;
    text-shadow: none;
    }
    ::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
    }
    a, a:visited {
    color: #64a2d8;
    text-decoration: none;
    }
    a:hover {
    text-decoration: none;
    color: #000;
    }
    a:focus { outline: none; }
    a:hover, a:active { outline: 0; }
    abbr { cursor: help }
    abbr[title] { border-bottom: 1px solid #ddd; }
    acronym {
    font-size: 0.9166666666666667em;
    text-transform: uppercase;
    color: #666;
    border-bottom: 1px dotted #ddd;
    cursor: help;
    }
    acronym:hover {
    color: #333;
    background: #f5f5f5;
    border-bottom: 1px dotted #aaa;
    }
    small { font-size: 0.9166666666666667em; }
    big { font-size: 15px; }
    p { margin: 0 0 1.75em 0 }
    b, strong { font-weight: bold; }
    blockquote {
    margin: 0 1.75em;
    font-style: normal
    }
    blockquote em, blockquote cite { font-style: italic }
    blockquote, q { quotes: none }
    blockquote:before, blockquote:after, q:before, q:after {
    content: ”;
    content: none
    }
    em, cite {
    font-style: italic;
    }
    em em, cite cite { font-style: normal }
    dfn { font-style: italic; }
    address {
    font-style: italic;
    font-family: Georgia, ‘Times New Roman’, Times, serif;
    margin: 0 0 1.75em 0
    }
    li address, dd address { margin:0 }
    del { text-decoration: line-through }
    object { margin-bottom: 1.75em }
    hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #e7e7e7;
    margin: 1em 0 1.75em 0;
    padding: 0;
    }
    ins {
    font-family: Georgia, ‘Times New Roman’, Times, serif;
    background: #f5f5f5;
    color: #000;
    text-decoration: none;
    font-style: italic;
    }
    mark {
    background: #f5f5f5;
    color: #000;
    font-style: italic;
    font-weight: bold;
    }
    pre, code, kbd, samp {
    font-family: monospace, monospace;
    _font-family: ‘courier new’, monospace;
    font-size: 1em;
    }
    pre code { font-size: 1em }
    pre {
    font-size: 0.9166666666666667em;
    font-family: Monaco, monospace, Courier, “Courier New”;
    overflow: auto;
    line-height: 1.75em;
    margin-bottom: 1.75em;
    padding: 10px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    }
    code {
    font-size: 0.9166666666666667em;
    font-family: Monaco, monospace, Courier, “Courier New”;
    }
    sub, sup {
    font-size: 0.8333333333333333em;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    }
    sup { top: -0.5em; }
    sub { bottom: -0.25em; }
    ul {
    list-style: square;
    margin: 0 0 1.75em 2.8em;
    padding: 0;
    }
    ol {
    list-style-type: decimal;
    margin: 0 0 1.75em 3.1em;
    padding: 0;
    }
    ol ol { list-style: upper-roman }
    ol ol ol { list-style: lower-roman }
    ol ol ol ol { list-style: upper-alpha }
    ol ol ol ol ol { list-style: lower-alpha }
    ul ul, ol ol, ul ol, ol ul { margin-bottom:0 }
    dl { margin: 0 0 1.75em 5px }
    dt {
    font-weight: bold;
    margin: 10px 0 0 0
    }
    dd { margin: 5px 0 0 1.5em }
    h1, h2, h3, h4, h5, h6 {
    font-style: normal;
    font-weight: bold;
    margin: 0 0 15px 0;
    color: #333;
    line-height: 1.3em;
    }
    h1 { font-size: 3em; }
    h2 { font-size: 2em; }
    h3 { font-size: 1.666666666666667em; }
    h4 { font-size: 1.5em; }
    h5 {
    font-size: 1.333333333333333em;
    }
    h6 {
    font-size: 1.166666666666667em;
    text-transform: uppercase;
    font-weight: normal;
    }
    img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
    }
    svg:not(:root) { overflow: hidden; }
    form { margin: 0; }
    fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    }
    label { cursor: pointer; }
    legend {
    border: 0;
    *margin-left: -7px;
    padding: 0;
    }
    button, input, select, textarea, a.button {
    font-size: 1em;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
    }
    button, input, a.button {
    line-height: normal;
    *overflow: visible;
    }
    table button, table input { *overflow: auto; }
    button, input[type=”button”], input[type=”reset”], input[type=”submit”] {
    cursor: pointer;
    -webkit-appearance: button;
    }
    input[type=”checkbox”], input[type=”radio”] { box-sizing: border-box; }
    input[type=”search”] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    }
    input[type=”search”]::-webkit-search-decoration { -webkit-appearance: none; }
    button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
    }
    textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
    }
    input:invalid, textarea:invalid { background-color: #f0dddd; }
    option { padding: 1px 2px; }
    table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 1.75em;
    }
    td { vertical-align: top; }
    th, td { text-align: left; }

    /* WordPress classes
    ————————————————————– */
    img.wp-smiley {
    max-height: 0.9166666666666667em;
    margin: 0;
    padding: 0;
    border: none;
    }
    .gallery {
    display: block;
    text-align: center;
    margin-bottom: 1.75em !important;
    }
    .left, .alignleft {
    float: left;
    margin: 0 15px 5px 0;
    }
    .right, .alignright {
    float: right;
    margin: 0 0 10px 25px;
    }
    .center, .aligncenter {
    display: block;
    margin: 0 auto 1.75em auto !important;
    }
    .block, .alignnone {
    display: block;
    margin: 0 0 1.75em 0;
    }
    img.alignleft, img.alignright {
    margin-top: 5px;
    display: inline;
    }
    blockquote.alignleft, blockquote .alignright { width: 33%; }
    .byline abbr, .entry-meta abbr, .comment-meta abbr { border: none; }
    .clear { clear: both; }

    /* Transitions
    —————————————————– */
    a, input[type=submit], input[type=button], input[type=text], textarea, .home .hentry .entry-title, .archive .hentry .entry-title, .pagination a.page-numbers {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    }

    /* Tables
    ————————————————————– */
    table {
    margin: 0 0 1.75em 0;
    width: 100%;
    }
    table caption {
    font-size: 0.9166666666666667em;
    line-height: 1.75em;
    color: #888;
    }
    table th {
    font-size: 0.9166666666666667em;
    line-height: 1.75em;
    font-weight: normal;
    text-transform: uppercase;
    padding: 10px 2%;
    border-bottom: none;
    border-bottom: 3px solid #e7e7e7;
    text-align: left;
    }
    td {
    padding: 0.9166666666666667em 2%;
    color: #888;
    border-bottom: 1px solid #e7e7e7;
    }

    /* Lists
    ————————————————————– */
    ul li, ol li { line-height: 2.1em; }
    dl { margin: 0 0 20px 30px; }
    dl dt {
    margin: 0;
    font-size: 1.333333333333333em;
    line-height: 1.75em;
    font-family: Georgia, ‘Times New Roman’, Times, serif;
    font-weight: normal;
    }
    dl dd {
    margin: 0 0 5px 20px;
    padding: 0;
    color: #888;
    }

    /* Blockquotes
    ————————————————————– */
    blockquote, blockquote blockquote blockquote {
    overflow: hidden;
    padding: 0 0 0 40px;
    font-size: 1.25em;
    font-family: Georgia, ‘Times New Roman’, Times, serif;
    font-style: italic;
    color: #aaa;
    background: url(images/quote.png) no-repeat 0 4px;
    }

    /* Code
    ————————————————————– */
    code {
    padding: 0 3px;
    color: #555;
    background: #e4f7ff;
    }
    pre {
    padding: 15px 20px;
    background: #f1fbff;
    border: 1px solid #e1f1f8;
    }
    pre code {
    padding: 0;
    background: transparent;
    }

    /* Forms
    ————————————————————– */
    form label, form input, form textarea { font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif; }
    form label {
    line-height: 1em;
    color: #222;
    }
    input[type=”text”], input[type=”password”], input[type=”email”], .input-text, textarea, select {
    border: 1px solid #ddd;
    padding: 5px;
    outline: none;
    font-size: 0.9166666666666667em;
    margin: 0;
    display: block;
    background: #fff;
    }
    select { padding: 0; }
    input[type=”text”]:focus, input[type=”password”]:focus, input[type=”email”]:focus, textarea:focus, .input-text:focus {
    border: 1px solid #aaa;
    color: #444;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
    box-shadow: 0 0 3px rgba(0,0,0,.2);
    }
    textarea {
    display: block;
    width: 94%;
    min-height: 60px;
    }
    input[type=”radio”] { vertical-align: text-middle; }
    input[type=”checkbox”] { display: inline; }
    input[type=”submit”]:hover { cursor: pointer }
    .error { color: #ff4367; }

    /* Images
    ————————————————————– */
    #site-title a:hover img { border: none; }
    .hentry img, .entry-content img, .widget img, .wp-caption, .hentry embed, .entry-content embed, .widget embed, .hentry object, .entry-content object, .widget object, .hentry video, .entry-content video, .widget video {
    max-width: 100%;
    }
    .hentry img, .entry-content img, .widget img, .wp-caption {
    height: auto;
    }

    /* Captions [caption]
    ————————————————————– */
    .wp-caption {
    overflow: hidden;
    text-align: center;
    }
    .wp-caption img { margin: 0 0 5px 0; }
    .wp-caption .wp-caption-text {
    margin: 5px 0;
    font-size: 0.9166666666666667em;
    line-height: 1em;
    color: #888;
    text-align: left;
    }
    .wp-caption a { border: none; }

    /* Galleries
    ————————————————————– */
    .gallery {
    display: block;
    clear: both;
    overflow: hidden;
    margin: 0 auto;
    margin: 0 !important;
    }
    .gallery br {
    display: block;
    line-height: 0;
    height: 0;
    }
    .gallery a { border: none; }
    .gallery .gallery-row {
    display: block;
    clear: both;
    overflow: hidden;
    margin: 0
    }
    .gallery .gallery-item {
    overflow: hidden;
    float: left;
    margin: 0;
    margin: 0 0 20px 0 !important;
    text-align: left;
    list-style: none;
    padding: 0;
    }
    .gallery img, .gallery .gallery-item .gallery-icon img {
    max-width: 89%;
    height: auto;
    margin: 0 auto;
    }
    .gallery-icon {
    overflow: hidden;
    margin: 0;
    }
    .gallery-caption {
    margin: 0;
    font-size: 0.9166666666666667em;
    line-height: 1.4em;
    color: #aaa;
    }
    .singular-attachment .hentry .gallery-caption { display: none; /* Hide captions in gallery on attachment pages */ }
    .attachment-image {
    float: left;
    width: 100%;
    }
    .attachment-image img.alignleft { margin: 0; }
    .gallery-caption { margin: 3px 0 0 0 }
    .col-0 { width: 100% }
    .col-1 { width: 100% }
    .col-2 { width: 50% }
    .col-3 { width: 33.33% }
    .col-4 { width: 25% }
    .col-5 { width: 20% }
    .col-6 { width: 16.66% }
    .col-7 { width: 14.28% }
    .col-8 { width: 12.5% }
    .col-9 { width: 11.11% }
    .col-10 { width: 10% }
    .col-11 { width: 9.09% }
    .col-12 { width: 8.33% }
    .col-13 { width: 7.69% }
    .col-14 { width: 7.14% }
    .col-15 { width: 6.66% }
    .col-16 { width: 6.25% }
    .col-17 { width: 5.88% }
    .col-18 { width: 5.55% }
    .col-19 { width: 5.26% }
    .col-20 { width: 5% }
    .col-21 { width: 4.76% }
    .col-22 { width: 4.54% }
    .col-23 { width: 4.34% }
    .col-24 { width: 4.16% }
    .col-25 { width: 4% }
    .col-26 { width: 3.84% }
    .col-27 { width: 3.7% }
    .col-28 { width: 3.57% }
    .col-29 { width: 3.44% }
    .col-30 { width: 3.33% }

    /* Layout
    ————————————————————– */
    #main {
    clear: both;
    width: 100%;
    margin: 0 auto;
    position: relative;
    }
    #content, .singular-page.page-template-fullwidth #content {
    float: left;
    width: 100%;
    margin: 0 0 40px 0;
    min-height: 180px;
    }
    .singular-page #content {
    width: 68.08510638297872%;
    }
    #sidebar-primary {
    float: right;
    width: 27.65957446808511%;
    }
    .wrap {
    max-width: 940px;
    margin: 0 auto;
    position: relative;
    }
    #comments-template { clear: left; float: left; width: 68.08510638297872%; }
    .singular-page #comments-template { width: 100%; }

    /* Header
    ————————————————————– */
    #header {
    clear: both;
    float: left;
    width: 100%;
    margin: 40px 0 40px 0;
    }
    #branding {
    float: left;
    width: 35%;
    overflow: hidden;
    }
    #site-title {
    font-size: 3em;
    line-height: 1em;
    font-weight: bold;
    margin: 0 0 5px 0;
    word-wrap: break-word;
    }
    #site-title a {
    color: #00FFFF;
    border-bottom: none;
    }
    #header img { max-width: 100%; }
    #site-description {
    font-size: 1.333333333333333em;
    font-weight: normal;
    line-height: 1.5em;
    margin: 0;
    color: #aaa;
    text-transform: none;
    float: left;
    width: 91.48936170212766%;
    clear: both;
    }

    /* Primary menu
    ————————————————————– */
    #menu-primary {
    font-size: 1em;
    width: 65%;
    margin: 20px 0 0 0;
    float: right;
    position: relative;
    z-index: 99;
    }
    #menu-primary .menu { float: right; }
    #menu-primary .menu ul { float: right; }
    #menu-primary li {
    display: block;
    float: left;
    min-height: 30px;
    }
    #menu-primary li a {
    line-height: 1em;
    margin-left: 3.5em;
    display: block;
    font-weight: bold;
    }
    #menu-primary li.current-menu-item a { color: #aaa; }
    #menu-primary li li, #menu-primary li li.current-menu-item li {
    clear: both;
    float: none;
    }
    #menu-primary li li:first-child, #menu-primary li li.current-menu-item li:first-child { border-top: none; }
    #menu-primary li li a, #menu-primary li li.current-menu-item li a {
    font-size: 1em;
    font-weight: normal;
    text-transform: none;
    color: #888;
    margin: 0 5px;
    padding: 12px 15px;
    }
    #menu-primary ul li a:hover, #menu-primary li ul li a:hover { color: #222; }

    /* Dropdowns
    ————————————————————– */
    .menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }
    .menu li:hover { visibility: inherit }
    .menu li {
    float: left;
    position: relative;
    }
    .menu a {
    display: block;
    position: relative;
    }
    #menu-primary li ul {
    display: none;
    position: absolute;
    top: 25px;
    left: 23px;
    border: 1px solid #d9d9d9;
    background: #fff;
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,.11);
    -moz-box-shadow: 0 0 7px rgba(0,0,0,.11);
    box-shadow: 0 0 7px rgba(0,0,0,.11);
    z-index: 100;
    }
    #menu-primary li:hover ul, #menu-primary li.sfHover ul {
    display: block;
    }
    #menu-primary li:hover li ul, #menu-primary li.sfHover li ul { top: -999em; }
    #menu-primary li li:hover ul, #menu-primary li li.sfHover ul {
    top: -1px;
    left: 10em; /* no-javascript fix */
    margin-left: 0;
    border-top: 1px solid #d9d9d9;
    }
    .menu li a.sf-with-ul, #menu-secondary li a.sf-with-ul { padding-right: 16px; }
    .menu .sf-with-ul {
    background: url(images/dropdown.png) no-repeat right 40%;
    }
    .menu li li .sf-with-ul {
    background: url(images/dropright.png) no-repeat right 50%;
    }

    /* Home page
    ————————————————————– */
    #masthead{
    width: 100%;
    float: left;
    margin-bottom: 40px;
    }
    #author-bio {
    float: left;
    width: 27.65957446808511%;
    }
    #header-banner {
    width: 68.08510638297872%;
    float: right;
    }
    #header-banner img {
    max-width: 100%;
    }

    /* Posts
    ————————————————————– */
    .hentry {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    font-size: 1em;
    }
    .singular .hentry {
    margin: 0 0 20px 0;
    position: relative;
    }
    .home .hentry, .archive .hentry, .home .sticky {
    float: left;
    width: 23.40425531914894%;
    height: 150px;
    margin: 0 2.127659574468085% 20px 0;
    position: relative;
    overflow: hidden;
    }
    .hentry img, .entry-content iframe, .entry-content object, .entry-content video, .entry-content embed { max-width: 100%; }
    .hentry .single-thumbnail {
    margin-bottom: 40px;
    }
    .hentry .archive-thumbnail {
    max-width: 100%;
    }
    .home #content, .archive #content {
    width: 100%;
    }
    .home .hentry.last, .archive .hentry.last {
    margin-right: 0;
    }
    .post-link {
    display: block;
    }
    .post-aside {
    float: right;
    width: 27.65957446808511%;
    margin-top: 40px;
    }
    .entry-content .gallery {
    clear: both;
    }

    /* Post titles
    ————————————————————– */
    .hentry .entry-title {
    margin: 0 0 0.6em 0;
    padding: 0;
    font-size: 1.083333333333333em;
    line-height: 1.3em;
    border: none;
    color: #333;
    }
    .home .hentry .entry-title, .archive .hentry .entry-title {
    font-weight: normal;
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 90%;
    margin-bottom: 0;
    background: #fff;
    opacity: 0;
    }
    .home .hentry:hover .entry-title , .archive .hentry:hover .entry-title {
    opacity: 1;
    }
    .singular .entry-title {
    font-size: 1.666666666666667em;
    font-weight: bold;
    margin-bottom: 0.3em;
    }
    .singular-page .entry-title { color: #ccc; }
    .singular-page .entry-title { margin-bottom: 1.2em; }
    .singular-attachment .entry-title { margin-bottom: 1.1em; }
    .entry-title a, .entry-title a:visited { color: #222; }
    .home .hentry .entry-title a, .archive .hentry .entry-title a {
    display: block;
    padding: 10px 13px;
    }
    .entry-title a:hover { color: #64a2d8; }
    .home .hentry .entry-title a:hover, .archive .hentry .entry-title a:hover { color: #222; }

    /* Post bylines/datelines
    ————————————————————– */
    .byline, .entry-meta {
    margin: 0 0 1em 0;
    font-size: 0.9166666666666667em;
    color: #aaa;
    line-height: 1.75em;
    word-spacing: 2px;
    }
    .singular .byline { margin-bottom: .5em; }
    .byline a { color: #aaa; }
    .entry-meta .post_tag a:hover, .byline a:hover, .byline .category a:hover { color: #000; }
    .post_tag a, .author a, .bypostauthor a, .published, .byline .category a, .edit {
    font-style: normal;
    color: #888;
    }
    .comment-list .published, .comment-list .edit, .comment-list .comment-reply-link {
    font-size: 1em;
    text-transform: none;
    }

    /* Post excerpts
    ————————————————————– */
    .entry-summary p { margin: 0 0 1em 0; }
    .home .entry-summary p, .archive .entry-summary p { color: #aaa; }

    /* Singular post prev/next links
    ————————————————————– */
    .singular .loop-nav {
    font-size: 0.9166666666666667em;
    color: #888;
    clear: left;
    margin-top: 40px;
    }

    /* Page links for multi-paged posts <!–nextpage–>
    ————————————————————– */
    .page-links {
    clear: both;
    font-size: 0.9166666666666667em;
    word-spacing: 2px;
    line-height: 1em;
    color: #222;
    }
    .entry-summary .page-links {
    clear: none;
    font-size: 0.9166666666666667em;
    line-height: 1em;
    color: #aaa;
    }
    .page-links a, .page-links a:visited {
    display: inline-block;
    color: #888;
    background: #eee;
    padding: 3px 6px;
    }
    .page-links a:hover {
    color: #fff;
    background: #222;
    }

    /* Archive/search pagination and comment pagination
    ————————————————————– */
    .comment-navigation { margin-bottom: 1.75em; }
    .pagination.loop-pagination {
    float: left;
    clear: both;
    margin-top: 20px;
    text-transform: lowercase;
    }
    .pagination .page-numbers, .comment-navigation .page-numbers {
    font-size: 0.9166666666666667em;
    display: inline-block;
    padding: 5px 10px 7px 10px;
    line-height: 1em;
    color: #888;
    }
    .pagination a.page-numbers, .comment-navigation a.page-numbers {
    background: #eee;
    }
    .pagination a.page-numbers:hover, .comment-navigation a.page-numbers:hover {
    color: #000;
    background: #fff;
    }

    /* Sidebar after singular posts
    ————————————————————– */
    #sidebar-after-singular {
    overflow: hidden;
    margin: 0;
    font-size: 1em;
    float: left;
    width: 100%;
    }

    /* Widgets
    ————————————————————– */
    .sidebar .widget {
    float: left;
    width: 100%;
    margin-bottom: 26px;
    color: #888;
    }
    .widget table, .widget ul, .widget ol { margin-bottom: 0; }

    /* Widget titles
    ————————————————————– */
    .sidebar .widget-title {
    font-size: 1.166666666666667em;
    color: #555;
    font-weight: bold;
    }

    /* Widget unordered lists
    ————————————————————– */
    .sidebar .widget ul { margin-left: 14px; }
    .sidebar .widget ul li a { color: #555; }
    .sidebar .widget ul li a:hover { color: #000; }
    .sidebar .widget ul li a { color: #555; }
    .sidebar .widget ul li a:hover { color: #000; }

    /* Search form widget
    ————————————————————– */
    .widget .search-form { overflow: hidden; }
    .widget .search-form label {
    font-size: 0.9166666666666667em;
    line-height: 1.75em;
    color: #aaa;
    }
    .widget .search-form input[type=”text”] {
    width: 91.538461%;
    float: left;
    padding: 8px 10px;
    font-size: 1em;
    color: #aaa;
    }
    .search-form .search-submit, .widget.search .widget-title { display: none; }

    /* Comments
    ————————————————————– */
    .comment-list, .comment-list ol {
    list-style: none;
    margin: 0 0 25px 0;
    }
    .comment-list .comment-content ol {
    list-style: decimal;
    margin-left: 3.1em;
    }
    .comment-list { margin-bottom: 40px; }
    .comment-list li {
    padding: 15px 0 0 0;
    border-top: none;
    }
    .comment-list li li { padding-left: 10.15625%; }
    .comment-list .avatar {
    float: left;
    margin: 0 15px 10px 0;
    }
    .comment-meta {
    margin: 0 0 10px 0;
    font-size: 0.9166666666666667em;
    color: #aaa;
    line-height: 1.75em;
    }
    .comment-meta .comment-author cite {
    font-style: normal;
    font-weight: bold;
    color: #333;
    font-size: 1.25em;
    }
    .comment-author { margin-right: 10px; }
    .comment-meta a {
    font-style: normal;
    }
    .comment-meta a:hover { color: #000; }
    .comments-closed {
    padding: 10px 25px;
    font-size: 1em;
    color: #888;
    background: #f5f5f5;
    }
    .comment-content { margin-left: 65px; }
    .comment-content p { margin-bottom: 1em; }
    .comment-list .comment-content li {
    padding: 0;
    }
    .comment-list .comment-content ul, .comment-list .comment-content ol {
    margin-bottom: 1.692307em;
    }

    /* Comment form
    ————————————————————– */
    #respond {
    overflow: hidden;
    width: 75%;
    }
    .comment-list #respond { margin-top: 1.75em; }
    #respond .log-in-out {
    font-size: 0.9166666666666667em;
    line-height: 1em;
    color: #888;
    margin-bottom: -7px;
    }
    #reply-title small a {
    font-size: 0.9166666666666667em;
    line-height: 1.75em;
    background: #fff;
    padding-right: 8px;
    }
    #respond label {
    font-size: 0.9166666666666667em;
    line-height: 1.75em;
    color: #bbb;
    }
    #respond p.req label {
    color: #888;
    line-height: 2.4em;
    }
    #respond span.required {
    font-size: 1em;
    font-weight: bold;
    color: #000;
    }
    #respond #submit { margin-bottom: 1.75em; }
    #commentform input {
    display: inline;
    margin-right: 10px;
    }
    #commentform p {
    margin-bottom: 15px;
    line-height: 1em;
    }
    #comment { margin-top: 20px; }

    /* Subsidiary sidebar
    ————————————————————– */
    #sidebar-subsidiary {
    overflow: visible;
    width: 104.2553191489362%;
    margin: 0 auto 0 auto;
    clear: both;
    }
    #sidebar-subsidiary .widget {
    float: left;
    width: 29.25170068027211%;
    margin: 0 4.081632653061224% 20px 0;
    font-size: 1em;
    }

    /* Footer
    ————————————————————– */
    #footer {
    overflow: hidden;
    clear: both;
    max-width: 940px;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 30px 0;
    font-size: 0.9166666666666667em;
    color: #aaa;
    }
    #footer p { margin-bottom: 0; }
    #footer a { color: #888; }
    #footer a:hover { color: #64a2d8; }
    .footer-left {
    float: left;
    width: 70%;
    }
    .footer-right {
    float: right;
    width: 30%;
    }

    /* Buttons (submit etc.)
    ————————————————————– */
    #respond #submit, .button, a.button, .awp-button, #subscribe #subbutton, .wpcf7-submit, #loginform .button-primary {
    color: #555;
    display: inline-block;
    text-shadow: 0 1px rgba(255, 255, 255, .9);
    cursor: pointer;
    margin-bottom: 20px;
    padding: 7px 14px;
    border: 1px solid #bbb;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #b5b5b5;
    background-color: #e7e7e7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#d9d9d9));
    background-image: -webkit-linear-gradient(top, #f7f7f7, #d9d9d9);
    background-image: -moz-linear-gradient(top, #f7f7f7, #d9d9d9);
    background-image: -ms-linear-gradient(top, #f7f7f7, #d9d9d9);
    background-image: -o-linear-gradient(top, #f7f7f7, #d9d9d9);
    background-image: linear-gradient(top, #f7f7f7, #d9d9d9);
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.1);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.1);
    box-shadow: 0px 1px 3px rgba(0,0,0,.1);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    }
    #respond #submit:hover, .button:hover, .awp-button:hover, #subscribe #subbutton:hover, .wpcf7-submit:hover, #loginform .button-primary:hover {
    color: #000;
    background-color: #f5f5f5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#e5e5e5));
    background-image: -webkit-linear-gradient(top, #e3e3e3, #e5e5e5);
    background-image: -moz-linear-gradient(top, #e3e3e3, #e5e5e5);
    background-image: -ms-linear-gradient(top, #e3e3e3, #e5e5e5);
    background-image: -o-linear-gradient(top, #e3e3e3, #e5e5e5);
    background-image: linear-gradient(top, #e3e3e3, #e5e5e5);
    }
    .menu li a { position: relative; }

    /* Gravity Forms (plugin)
    —————————————————– */
    .sidebar .widget ul li.gfield, #content .hentry ul li.gfield {
    background: none;
    padding-left: 0;
    margin-bottom: 15px;
    }
    .wordpress .gform_wrapper input[type=”text”], .wordpress .gform_wrapper input[type=”url”], .wordpress .gform_wrapper input[type=”email”], .wordpress .gform_wrapper input[type=”phone”], .wordpress .gform_wrapper input[type=”number”], .wordpress .gform_wrapper input[type=”password”], .wordpress .gform_wrapper textarea {
    padding: 4px;
    font-size: 1em;
    }
    .wordpress .gform_wrapper .gform_footer, .wordpress .gform_wrapper .gform_footer.right_label, .wordpress .gform_wrapper .gform_footer.left_label {
    padding-top: 0;
    margin-top: 0;
    }
    .wordpress .gform_wrapper .gform_footer.right_label, .wordpress .gform_wrapper .gform_footer.left_label { padding-left: 31.5%; }
    .wordpress .gform_wrapper .top_label .gfield_label {
    margin: 0 0 5px;
    }
    .wordpress .gform_wrapper .ginput_complex .ginput_full input { width: 92% !important; }
    .wordpress .gform_wrapper .field_name_first input, .wordpress .gform_wrapper .ginput_complex .ginput_left input { width: 83.7% !important; }
    .wordpress .gform_wrapper .ginput_complex .ginput_right input, .wordpress .gform_wrapper .ginput_complex .ginput_right select { width: 83.7% !important; }
    .wordpress .gform_wrapper select {
    padding: 2px;
    height: 2em;
    font-size: 1em;
    }
    .wordpress .gform_wrapper .gsection {
    border-bottom: 1px solid #e9e9e9;
    margin: 40px 0 20px 0 !important;
    }
    .gform_wrapper .gfield_description, .gform_wrapper div.charleft { color: #aaa !important; }
    .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea {
    max-width: 500px;
    }
    .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
    max-width: 300px;
    }

    /* Contact Form 7 (plugin)
    —————————————————– */
    .wpcf7-form p {
    margin-bottom: 15px;
    line-height: 2.2em;
    }
    .wpcf7-form input[type=”text”], .wpcf7-form input[type=”password”], .wpcf7-form input[type=”email”], .wpcf7-form textarea, .wpcf7-form select { padding: 6px; max-width: 500px; }

    /* Media Queries (mobile browsing)
    —————————————————– */
    /* Tablet (portrait) */
    @media only screen and (min-width: 768px) and (max-width: 959px) {
    .wrap { max-width: 728px; }
    .widget .search-form input[type=”text”] { width: 89%; }
    .widget table { font-size: 0.9166666666666667em; }
    #sidebar-subsidiary .widget table { width: 90%; }
    .hentry .single-thumbnail { width: 68.08510638297872%; }
    .post-aside { margin-top: 20px; }
    .col-0 { width: 100% }
    .col-1 { width: 100% }
    .col-2 { width: 50% }
    .col-3 { width: 33.33% }
    .col-4 { width: 25% }
    .col-5 { width: 20% }
    .col-6 { width: 16.66% }
    .col-7 { width: 16.66% }
    .col-8 { width: 16.66% }
    .col-9 { width: 16.66% }
    .col-10 { width: 16.66% }
    .col-11 { width: 16.66% }
    .col-12 { width: 16.66% }
    .col-13 { width: 16.66% }
    .col-14 { width: 16.66% }
    .col-15 { width: 16.66% }
    .col-16 { width: 16.66% }
    .col-17 { width: 16.66% }
    .col-18 { width: 16.66% }
    .col-19 { width: 16.66% }
    .col-20 { width: 16.66% }
    .col-21 { width: 16.66% }
    .col-22 { width: 16.66% }
    .col-23 { width: 16.66% }
    .col-24 { width: 16.66% }
    .col-25 { width: 16.66% }
    .col-26 { width: 16.66% }
    .col-27 { width: 16.66% }
    .col-28 { width: 16.66% }
    .col-29 { width: 16.66% }
    .col-30 { width: 16.66% }
    }
    /* Mobile (portrait) */
    @media only screen and (max-width: 767px) {
    .wrap { max-width: 300px; }
    body { line-height: 1.666666666666667em; }
    #header { margin-bottom: 10px; }
    #branding {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    }
    #site-description { font-size: 1.166666666666667em; }
    #author-bio {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    }
    #header-banner, #sidebar-subsidiary .widget, #respond, .singular-page #content, #comments-template, .singular-page #comments-template { width: 100%; }
    #menu-primary {
    float: left;
    clear: both;
    width: 100%;
    margin-top: 10px;
    }
    #menu-primary .menu { float: left; }
    #menu-primary ul li { clear: left; }
    #menu-primary ul li a { margin-left: 0; }
    #content { width: 100%; }
    .home .hentry, .archive .hentry {
    margin: 0 auto 20px auto;
    clear: left;
    width: 73.33333333333333%;
    }
    .hentry .single-thumbnail { margin-bottom: 20px; width: 100%; }
    .post-aside {
    width: 100%;
    margin-top: 0;
    }
    .comment-list li li { padding-left: 0; }
    .singular .loop-nav { margin: 15px 0 20px 0; }
    #sidebar-primary {
    width: 100%;
    clear: left;
    }
    #footer { min-height: 85px; }
    .col-0 { width: 100% }
    .col-1 { width: 100% }
    .col-2 { width: 100% }
    .col-3 { width: 100% }
    .col-4 { width: 50% }
    .col-5 { width: 50% }
    .col-6 { width: 33.33% }
    .col-7 { width: 33.33% }
    .col-8 { width: 33.33% }
    .col-9 { width: 33.33% }
    .col-10 { width: 33.33% }
    .col-11 { width: 33.33% }
    .col-12 { width: 33.33% }
    .col-13 { width: 33.33% }
    .col-14 { width: 33.33% }
    .col-15 { width: 33.33% }
    .col-16 { width: 33.33% }
    .col-17 { width: 33.33% }
    .col-18 { width: 33.33% }
    .col-19 { width: 33.33% }
    .col-20 { width: 33.33% }
    .col-21 { width: 33.33% }
    .col-22 { width: 33.33% }
    .col-23 { width: 33.33% }
    .col-24 { width: 33.33% }
    .col-25 { width: 33.33% }
    .col-26 { width: 33.33% }
    .col-27 { width: 33.33% }
    .col-28 { width: 33.33% }
    .col-29 { width: 33.33% }
    .col-30 { width: 33.33% }
    }

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • モデレーター Takayuki Miyoshi

    (@takayukister)

    参照: 質問ルール

    フォーラムを利用しやすくするための配慮

    多くのユーザーにとってこのフォーラムを利用しやすいものにするために、いくつかの点について配慮してください。

    • 本文に長過ぎるコードを含めないようにしてください。読みにくく、混乱が生じるためです。長いコードがある際は、こちらの「ペーストビン」にコードを投稿してください。こちらに投稿されたコードはアーカイブ保存されます。数行のちょっとしたコードのみなら、本文に含めても大丈夫ですが、その場合もコード部分は逆クォート(`)で囲ってください。
    トピック投稿者 Jinnsei Minami

    (@jinnsei-minami)

    自己解決できました!!
    スタイルシートのカラーコードを書き換えるのではなく、
    外観→Theme Settings→General Settings の中にある Custom CSS の欄に下記の下記のコードを記入したら、完成しました!!

    a:hover{
    color: #000;
    background-color: #ffc;
    }

    文字色:黒、背景色:クリーム色でけっこうかっこいい感じです。

    *コメントくれた方、今回はお騒がせしました。次回気をつけます。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「テーマ Hatch の マウスオーバー時の色を変更したい」には新たに返信することはできません。