Zmiana koloru jednego elementu


(B10656380) #1

Chciałbym zmienić tylko kolor wyświetlanych tagów na stronie które są czerwone na czarne. Próbowałem metodą prób i błędów ale nic to nie dało... jest to styl od wordpressa. Proszę o pomoc.

Dokładnie chodzi o to:

ddsa_hssxanq.jpg

/*

Theme Name: alibi

Theme URI: http://www.blogchemistry.com/2008/07/28/free-wordpress-theme-alibi/

Description: 2 column, with RHS widget sidebar, GPL v3 licence

Version: 1.2

Tags: fixed width, two columns, black, valid HTML, simple, custom header

Author: BlogChemistry

Author URI: http://www.blogchemistry.com/

*/


body {

margin: 0;

padding: 0;

color: #333;

text-align:center;

font-family:Arial, Verdana, Helvetica, sans-serif;

font-size: 100.1%;

background: #fff;

}


#wrapper2{

border-left: 1px solid #fff;

border-right: 1px solid #fff;

}


#wrapper3{

border-left: 1px solid #666;

border-right: 1px solid #666;

}


#wrapper4{


}


#wrapper{

width: 770px;

margin: 0px auto;

padding: 0px;

text-align:left;

font-size: 85%;

line-height:20px;

background: #fff;

border-left: 3px solid #333;

border-right: 3px solid #333;

}


#header{

padding: 1px 0px;

margin: 0;

background: #ccc;

}	


#header-inner{

margin:0;

padding:0;

}


#content{

clear:both;

margin: 0;

padding: 5px 5px 5px 10px;

background:#fff;

}	


#content-inner{


}


#main {

width: 550px;

float:left;

margin: 0;

padding: 5px 0 10px 0;

overflow:hidden;

}


#sidebar {

padding: 0;

margin: 0 0 0 560px;

background: #fff;

}


#footer {

clear: both;

margin: 0;

padding: 10px 16px;

text-align: center;

font-size: 85%;


}


#footer-inner{

background: #f2f2f2;

height: 50px;

}


#footer p{

margin:0;

padding:15px 0;

}


#navigation{

padding: 5px 15px;


}


#navigation div.fleft{

float:left;

}


#navigation div.fright{

float:right;

}


#credit{

text-align:right;

padding: 0 15px;

}


#credit p{

margin:0;

color:#777;

font-size:85%;

}


#credit p a, #credit p a:hover{

color:#999;

font-weight:100;

}


/* **********default styles*********** */


p, h1, h2, h3, h4, h5, h6{

margin: 10px 0;

padding: 0;

}


h1, h2, h3, h4, h5, h6 {

font-family: georgia, 'Times New Roman', sans-serif;

}


h1{

	font-size: 190%;

}

h2{

	font-size: 160%;

}

h3{

	font-size: 120%;

}

h4{

	font-size: 130%;

}

h5{

	font-size: 100%;

}

h6{

	font-size: 70%;

}


a{

color:red;

font-weight:800;

text-decoration:none;

}

a:hover{

color:red;

text-decoration:underline;

}


a img{

border:0px;

}


hr{

height:2px;

margin:5px 0;

border-bottom: 1px solid #ccc;

border-top: 1px solid #ccc;

}


blockquote{

background: #f4f4f4;

padding: 5px 15px;

margin: 3px 30px;

}


form{

margin: 0;

padding:0;

}


fieldset{

padding:10px;

margin:0;

border:none;

}


legend{

font-weight:800;

}


code{

	font-size: 90%;

	font-family: "Courier New", Courier, monospace;

	white-space: pre;

}


td{

 vertical-align:top;

}


.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}


.alignleft {

   float: left;

}


.alignright {

   float: right;

}


.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 4px;

   margin: 10px;

   /* optional rounded corners for browsers that support it */

   -moz-border-radius: 3px;

   -khtml-border-radius: 3px;

   -webkit-border-radius: 3px;

   border-radius: 3px;

}


.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}


.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

}


#tabs {

  float:left;

  width:100%;

  font-size:90%;

	background:#000;

  line-height:18px;


	border-top: 1px solid white;

}


    #tabs ul {

	  margin:0;

	  padding:4px 10px 0 10px;

	  list-style:none;

      }

    #tabs li {

      display:inline;

      margin:0;

      padding:0;

      }

    #tabs a {

      float:left;

      margin:0;

      padding:0 0 0 4px;

      text-decoration:none;

      }

    #tabs a span {

      float:left;

      display:block;

      padding:5px 15px 3px 6px;

      color:#FFF;

      }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/

    #tabs a span {float:none;}

    /* End IE5-Mac hack */

    #tabs a:hover span {

      color:#FFF;

      }

    #tabs a:hover {

      background-position:0% -42px;

      }

    #tabs a:hover span {

      background-position:100% -42px;

      }  


/* Headings */ 


form#searchform2{

display: block;

float:right;

margin: 55px 10px 0px 5px;

}


#header h3{

margin: 0;

padding: 30px 0 0 10px;

}


#header h3 a{

font-weight:100;

color: #fff;

text-decoration: none;

font-size: 220%;

letter-spacing: 1px;

}


#header h2{

margin: 0;

padding: 10px 0 5px 10px;

font-weight:100;

font-style:italic;

color: #fff;

font-size: 130%;

letter-spacing: 1px;

}


h2#sectiontitle{

font-size:100%;

font-weight: 800;

font-family: arial, verdana, sans-serif;

padding:6px 6px 6px 10px;

margin:8px 10px 5px 10px;

background: #f2f2f2;

color: #444;


}


/* post styles */


.post{

margin: 0 0 10px 0;

padding: 0 5px 5px 5px;

}


.entry{

margin: 0;

padding: 0px 10px 3px 10px;

}


.post h2 {

color: #333;

font-size: 150%;

font-weight:100;

padding: 7px 0 2px 2px;

margin: 10px 0 15px 0;

}


.post h2 a{

color: #333;

text-decoration:none;

font-weight:100;

}


.post h2 a:hover{

text-decoration:none;

color: #333;

}


.postmetadata{

font-size:80%;

padding: 1px 8px 1px 5px;

margin: 0;

border-top: 1px solid #ccc;

}


.postmetadata p{

line-height: 18px;

padding: 0;

margin: 2px 0;

}


.date{

float:left;

text-align:center;

font-weight:800;

margin: 0 10px 0 0;

padding: 0 10px;

border-right: 1px solid #ccc;

color: #444;

}


.dateDay{

display:block;

font-size: 16px;

line-height: 16px;

text-align:center;

}

.dateMonth, .dateYear{

display:block;

font-size: 11px;

padding:0;

line-height: 12px;

}


/* Comments */


h3#comments, h3#postcomment{

	font-size: 100%;

	font-family:verdana, sans-serif;

}	


ol#commentlist{

padding: 0 0 0 20px;

font-size: 90%;

list-style-type: none;

}


ol#commentlist li{

	padding: 0px 3px;

	margin: 0;

}


ol#commentlist li p.commentheader{

margin: 0px 0 0px 0;

display: block;

padding: 1px 5px;

}


ul#commentlist{

padding: 0;

margin:0;

list-style-type:none;

}


ul#commentlist li{

	display: block;

	padding: 0;

	margin: 0 15px 5px 15px;

	font-size:90%;

	background: #f2f2f2;

}


ul#commentlist p{

margin: 6px 0;

}


ul#commentlist li div.comm{

margin: 1px;

padding: 1px;

}


ul#commentlist li div.gravatar {

	width:50px;

	float:left;

	padding: 10px 0 0 10px;

}


ul#commentlist li div.gravatar img{

border: 2px solid #ccc;

}


ul#commentlist li div.commenttext{

padding: 0;

margin:5px 10px 5px 65px;

}


ul#commentlist li div.commenttext div.commentwrapper{

margin:0 0 0 5px;

padding: 3px 8px;

}


/* sidebar styles */


#subscribe p{

font-size: 85%;

margin: 3px 0 10px 0;

}


.menu{

padding:0;

font-size:90%;

}


.menu a{

font-weight: 100;

}


.menu a:hover{

text-decoration:none;

}


.menu ul{

margin:0;

padding:0;

list-style-type:none;

}


.menu ul li.widget{

padding:2px;

margin:0 0 0px 0px;

}


.menu ul li.widget ul{

	margin: 0;

	padding:0;

}


.menu ul li.widget ul li{

border-bottom:1px dotted #ccc;

background: #f2f2f2;

padding: 2px 0 2px 15px;

margin:0;

}


.menu ul li.widget ul li ul{

}


.menu ul li.widget ul li ul li{

border-top: 1px dotted #ccc;

border-bottom: none !important;

padding: 2px 0 2px 15px;

}


.menu ul li.widget h3{

font-family: arial;

font-size:120%;

padding:2px 0 1px 4px;

margin:0;

border-top: 3px solid red;

border-bottom: 1px solid #bbb;

color: #333;

font-weight: 800;

font-variant:small-caps;

}


.menu ul li h3 a{

color: #333;

font-weight: 800;

}

.menu ul li h3 a:hover{

color: #333;

text-decoration: none;

}


.menu form{

display:block;

margin:0px;

padding:4px;

}


.menu input{

margin:3px 0;

font-size:90%;

}


li.widget .textwidget, li.widget #search {

padding: 2px 5px;

}


/* Calendar styles */

#wp-calendar {

empty-cells: show;

margin: 10px auto 0;

width: 155px;

}


#wp-calendar #next a {

padding-right: 10px;

text-align: right;

}


#wp-calendar #prev a {

padding-left: 10px;

text-align: left;

}


#wp-calendar a {

display: block;

}


#wp-calendar caption {

text-align: center;

width: 100%;

}


#wp-calendar td {

padding: 3px 0;

text-align: center;

}


#footer a{

font-weight: 100;

}

(mario@) #2

Tutaj to zmienisz

a{

color:red;

font-weight:800;

text-decoration:none;

}

ale zmiana koloru tyczy się wszystkich linków na stronie. W przypadku chęci zmiany jedynie koloru podanych powyżej linków dopisz do tego pliku coś takiego

.postmetadata a[rel="tag"], .postmetadata a:hover[rel="tag"] {color:#000; font-weight:bold; text-decoration:none;}

sprawdź czy działa na wszystkich przeglądarkach. Jeżeli chcesz także automatycznie zmienić kolor linków obok napisu Comments Off to zamiast powyższego dopisz

.postmetadata a, .postmetadata a:hover {color:#000; font-weight:bold; text-decoration:none;}