css: every visited link is the same style..

Collapse
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • nico-t
    emperor of my world
    • Aug 2004
    • 29903
    #1

    css: every visited link is the same style..

    im tweaking a style sheet for a site and now every single visited link returns to the same font style, whether its h2 links, arial links, etc. etc. once i visited the link they all go to about 12/14px verdana or something... what the fuck! This shit never happened to me before. I bet im missing something fucking simple... help a brotha out:

    Code:
    /***  the centered page  ***/
#rap {
	background: #000033;
	border: 1px solid #FFFFFF;
	border-top: 0;
	width: 830px;
	margin: 0 auto 0 auto;
	text-align: left;
}

#toppartners {
	background: #22242F;
	border-bottom: 1px solid #000066;
	border-top: 1px solid #000066;
	padding: 5px 5px;
}

#toppartners a, a:visited {
	font: normal normal 12px/100% 'Arial';
	text-decoration: underline;
	color: Red;
}

#toppartners a:hover {
	text-decoration: none;
}

#partners {
	background: transparent;
}

/***  imgs in parner bar  ***/
#partners img {
	border: 1px solid #7098cc;
	padding: 0px;
}

#partners a img {
	border: 1px solid #7098cc;
	padding: 0px;
	margin: 0px;
}

#partners a:hover img {
	border: 1px solid Red;
}

#partners a:hover {
	color: Red; /* irrelevant definition to overcome IE bug */
}

/***  verder met centered page  ***/

#container {
		background: #000033;
}

#main {
	float: left;
	width: 634px;
	height: 100%;
}


/***  the main content area  ***/
#content {
	float: right;
	background: #000033;
	width: 457px;
	padding: 0px 2px 0px 5px;
	border: 2px solid #000066;
	border-top: 0;
	border-bottom: 0;
}

/***  the page header  ***/
#header {
	padding: 0;
}

/***  links in the header  ***/
#header a, a:visited {
	color: #FFFFA8;
	text-decoration: none;
}

#header a:hover {
	color: #FFA500;
	text-decoration: none;
}

#header h1 {
	font: normal normal bold 24px Times New Roman;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	line-height: 20px;
	border: none;
	letter-spacing: 6px;
	text-transform: uppercase;
}

.headerimg a, a:visited, a:hover {
	text-decoration: none;
}

/***  generic links  ***/
a {
	color: Yellow;
}

a img {
	border:0px none;
	text-decoration: none;
}

/***  visited links  ***/
a:visited {
	color: Yellow;
}

/***  links with cursor over  ***/
a:hover {
	color: #FF8C00;
}

acronym, abbr {
	border-bottom:1px dashed #333;
}

acronym, abbr, span.caps {
	cursor:help;
	font-size:90%;
	letter-spacing:.07em;
}

blockquote {
	border-left:5px solid #ccc;
	margin-left:1.5em;
	padding-left:5px;
}

/***  the whole page  ***/
body {
	background:#000000;
	border:none;
	color:#efeef7;
	font-family:'Verdana';
	margin:0;
	padding:0;
	text-align:center;
}

p {
	font: 10pt/120% 'Verdana';
	letter-spacing: 0px;
}

li {
	font:90%/175% 'Verdana';
	letter-spacing:0px;
}

/***  the post title  ***/
h3 {
	color: Silver;
	font-variant: normal;
	font: italic 70%/175% 'Verdana';
	list-style-type: none;
	margin: 0;
	padding-top: 10;
	text-align: left;
}

/***  the comments area ***/
.feedback {
	color:#0000B3;
	text-align:right;
	font:90%/175% 'Verdana';
	letter-spacing:-1px;
}

.storytitle {
	margin: 0;
	color: #FF8C00;
}

.storytitle a, a:visited, a:hover {
	text-decoration: none;
	color: #FF8C00;
}

.storycontent a, a:visited {
	font: 10pt/120% 'Verdana';
	letter-spacing: 0px;
	color: Red;
	text-decoration: none;
}

.storycontent a:hover {
	color: Yellow;
	text-decoration: none;
}

/***  the comment form  ***/
#commentform #name, #commentform #email, #commentform #url, #commentform textarea {
	background:#c0c0c0;
	border:none;
	padding:.2em;
}

#commentform textarea {
	width: 90%;
}

#commentlist li ul {
	border-left:1px solid #000;
	font-size:110%;
	list-style-type:none;
}

ol#comments li p {
	font-size:100%;
}

h2 {
	border-bottom:dotted 1px #eee;
	font-style: normal;
	font-family: Georgia;
	font-size: 14px;
	color: Red;
	margin-top:0;
}

h1 {
	border-bottom: dotted 1px #eee;
	font-style: normal;
	font-family: Georgia;
	font-size: 14px;
	color: Red;
	margin-top: 0;
}

.meta {
	font-size:.75em;
}

.meta li, ul.post-meta li {
	display:inline;
}

.meta ul {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}

/***  the post meta information  ***/
.meta, .meta a, .meta a:visited, .meta a:hover {
	color:#666666;
	font-weight:normal;
	font-size: 10px;
	letter-spacing:0;
}


/***  the LEFT sidebar  ***/
#left-menu {
	background: #000033;
	padding: 5px 5px 5px 5;
	float: left;
	width: 160px;
	border: none;
}

/***  left sidebar section titles  ***/
#searchform {
	padding: 0px 0px 12px 0px;
}

#left-menu h2 {
	color: #FFFFFF;
	border-bottom: none;
	font-variant: normal;
	font: 100%/175% 'Times New Roman';
	letter-spacing: 2px;
	list-style-type: none;
	margin: 0;
	padding-top: 10;
	text-align: left;
	font-weight: bold;
}

#left-menu ul {
	color: #FFFFFF;
	border-bottom: none;
	font-variant: normal;
	font: 100%/175% 'Times New Roman';
	letter-spacing: 2px;
	list-style-type: none;
	margin: 0;
	padding-top: 10;
	text-align: left;
	font-weight: bold;
	padding: 0px 0px 4px 3px;
}

#left-menu ul li {
	color: #FFFFFF;
	border-bottom: none;
	font: 100%/175% 'Times New Roman';
	letter-spacing: 2px;
	margin: 0;
	padding-top: 10;
	text-align: left;
	font-weight: bold;
	padding: 0px;
}

#left-menu ul a, a:visited {
	color:Red;
	text-decoration: none;
}

#left-menu ul ul {
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 10px 0px;
	text-align: left;
}

#left-menu ul ul li {
	border: 0;
	font: normal normal 12px/100% 'Arial';
	color: Gray;
	letter-spacing: 0;
	margin-top: 0;
	padding: 0px 0px 3px 12px;
}

/***  left sidebar links  ***/
#left-menu a, a:visited {
	font-size:100%;
	color: Red;
	text-decoration: none;
}

#left-menu ul ul li a, a:visited {
	color: Red;
	text-decoration: none;
}

#left-menu ul ul li a:hover {
	border-bottom: 1px solid #ff0000;
}

#left-menu ul ul ul.children {
	font-size:100%;
	padding-left:4px;
}

#left-menu form {
	margin:0 0 0 13px;
}

.page_item a {
	font-weight: bold;
}

/***  the search field  ***/
#left-menu input#s {
	width:80%;
	background:#999999;
	border:none;
	color:#000;
}


/***  the RIGHT sidebar  ***/
#menu {
	background: #000033;
	padding: 5px 0px 10px 5px;
	float: right;
	width: 180px;
	border: none;
}

/***  sidebar section titles  ***/
#searchform {
	padding: 0px 0px 12px 0px;
}

#menu h2 {
	color: #FFFFFF;
	border-bottom: none;
	font-variant: normal;
	font: 100%/175% 'Times New Roman';
	letter-spacing: 2px;
	list-style-type: none;
	margin: 0;
	padding-top: 10;
	text-align: left;
	font-weight: bold;
}

#menu ul {
	color: #FFFFFF;
	border-bottom: none;
	font-variant: normal;
	font: 100%/175% 'Times New Roman';
	letter-spacing: 2px;
	list-style-type: none;
	margin: 0;
	padding-top: 10;
	text-align: left;
	font-weight: bold;
	padding: 0px 0px 4px 3px;
}

#menu ul li {
	color: #FFFFFF;
	border-bottom: none;
	font: 100%/175% 'Times New Roman';
	letter-spacing: 2px;
	margin: 0;
	padding-top: 10;
	text-align: left;
	font-weight: bold;
	padding: 0px;
}

#menu ul a, a:visited {
	color:Red;
	text-decoration: none;
}

#menu ul ul {
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 10px 0px;
	text-align: left;
}

#menu ul ul li {
	border: 0;
	font: normal normal 12px/100% 'Arial';
	color: Gray;
	letter-spacing: 0;
	margin-top: 0;
	padding: 0px 0px 3px 12px;
}

/***  sidebar links  ***/
#menu a, a:visited {
	font-size:100%;
	color: Red;
	text-decoration: none;
}

#menu ul ul li a, a:visited {
	color: Red;
	text-decoration: none;
}

#menu ul ul li a:hover {
	border-bottom: 1px solid #ff0000;
}

#menu ul ul ul.children {
	font-size:100%;
	padding-left:4px;
}

#menu form {
	margin:0 0 0 13px;
}

/***  the search field  ***/
#menu input#s {
	width:90%;
	background:#999999;
	border:none;
	color:#000;
}

/***  the credits  ***/
.filler {
	background: transparent;
	border-top: none;
	color: #fff;
	font-size: 1px;
	margin: 0 auto;
	text-align: center;
	clear: both;
	padding: 3px 0px;
	width: 10px;
}

.credit {
	background: #3B4A53;
	border-top: none;
	color: #fff;
	font-size: 10px;
	margin: 0 auto;
	text-align: center;
	padding: 3px 0px;
	width: 830px;
}

/***  Previous post and next post menu classes  ***/

.navigation {
	border-top: 1px solid #eee;
	display: block;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 5px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: Silver;
	font: italic;
}

.navigation a, .navigation a:link, .navigation a:visited, .navigation a:hover {
	display: block;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 10px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: Silver;
	font: italic;
}
	
.adlink {
	line-height: 20px;
}

.adlink a, .adlink a:link, .adlink a:visited {
	background-color: #D8DFE6;
	line-height: 20px;
	color: Black;
}

.adlink a:hover {
	background-color: #FFFFFF;
	line-height: 20px;
	color: Blue;
}

.alignright {
	float: right;
	}
	
.aligncenter {
	float: none;
}
	
.alignleft {
	float: left;
	}

/***  links in the credits  ***/
.credit a:link, .credit a:visited, .credit a:hover {
	color:#FFFFFF;
}
    and yes... i know its a mess ;)
    Last edited by nico-t; 06-20-2007, 06:48 AM.
    Tags: None
    • viki
      Confirmed User
      • Jan 2005
      • 2640
      #2
      Maybe it's because you specified the font/size here:

      .storycontent a, a:visited {
      font: 10pt/120% 'Verdana';
      letter-spacing: 0px;
      color: Red;
      text-decoration: none;
      }

      ?

      You also specified it in one other place but that was with Arial so it shouldn't be the problem.

      viki [at] realsexcash [dot] com
      228 263 454

        Comment

        • wdforty
          Confirmed User
          • Jul 2004
          • 1824
          #3
          #toppartners a, a:visited

          should be

          #toppartners a, #toppartners a:visited

          rinse and repeat for every other id/class

          icq 157542142

            Comment

            • wdforty
              Confirmed User
              • Jul 2004
              • 1824
              #4
              when you have

              #toppartners a, a:visited {}

              you're basically saying, apply this style to links in the toppartners ID, and to every other visited link on the page.

              which is why you need to repeat the ID after the comma.
              icq 157542142

                Comment

                • nico-t
                  emperor of my world
                  • Aug 2004
                  • 29903
                  #5
                  ahh ok gonna try that

                    Comment

                    • nico-t
                      emperor of my world
                      • Aug 2004
                      • 29903
                      #6
                      it worked, thanks a lot!

                        Comment

                        • wdforty
                          Confirmed User
                          • Jul 2004
                          • 1824
                          #7
                          you're welcome nico
                          icq 157542142

                            Comment

                            Previous template Next
                            Working...