Hiroto, alternation of colors back to positions in a discussion

Someone in the room asked alternating positions in a discussion background colors.  I tried, but didn't get far.

I can not get: nth-child (odd) or any nth child at work.  I am running firefox 47.

When I went on the nth child, I receive the messages from the original poster crushed.  I tried to fix this, but couldn't figure out how to do.

/*div#body-apple div.all-replies-container li:nth-child(odd)  {background-color: yellow;}*/

div#body-apple div.all-replies-container li  div.jive-thread-message.clearfix:nth-child(odd)  {background-color: yellow;}

/* Attempt to fix up original poster's replies */

/* div#body-apple div.jive-thread-message.clearfix div.original-poster-comment {background-color: yellowgreen !important;}*/

Hello

Sorry for replying so late. I was stuck with something and off the Board for a while. Not sure that you are always to tackle this but here is my attempt at combination of background colors another post.

* In the flat view content, this will create backgrounds replacing correctly as planned but in the display of thematic content, this function will define only replacing horizons by each level of withdrawal due to the document tree.

/*
    file:
        alternate post background colour.css
   
    function:
        set alternate backgound colour for thread posts
   
    version:
        v0.10
            - draft
*/
@-moz-document
    domain(communities.apple.com),
    domain(discussions.apple.com),
    domain(discussionsjapan.apple.com),
    domain(discussionskorea.apple.com),
    domain(discussionschinese.apple.com)
{
    /* ------------------
        alternate post background
    */
    .j-thread li.reply:nth-of-type(2n+0) > div.jive-thread-message > .jive-content::before {
        content: '' !important;
        background: none repeat scroll 0% 0% rgb(247, 249, 247) !important;     /* pale green */
        position: absolute !important;
        top: 0px !important;
        right: -10px !important;
        bottom: 0px !important;
        left: -10px !important;
        z-index: -3 !important;
    }
    .j-thread li.reply:nth-of-type(2n+1) > div.jive-thread-message > .jive-content::before {
        content: '' !important;
        background: none repeat scroll 0% 0% rgb(250, 252, 250) !important;     /* paler green */
        position: absolute !important;
        top: 0px !important;
        right: -10px !important;
        bottom: 0px !important;
        left: -10px !important;
        z-index: -3 !important;
    }
}

And here is a palette of colors complementary backgound as resolved, useful messages, recommended and original poster. This can be used independently or with the alternate color combination. If used independently, you can activate the message rules border almost to the end, which is for a sharper distinction between messages but currently put in comment.

/*
    file:
        categorised post background colour.css
   
    function:
        set backgound colour for solved, helpful, recommended and original poster's posts
   
    version:
        v0.11
            - increased selector specificity for solved, helpful, recommended answers
              so that this can be used with alternate post background colour.css
        v0.10
            - draft
*/
@-moz-document
    domain(communities.apple.com),
    domain(discussions.apple.com),
    domain(discussionsjapan.apple.com),
    domain(discussionskorea.apple.com),
    domain(discussionschinese.apple.com)
{
    /* ------------------
        original poster background
    */
    /* thread original messeage (question) */
    .j-thread-post section.j-original-message {
        margin: 0px 30px !important;
        padding: 15px 10px !important;
        border-style: dotted !important;
        border-width: thin !important;
        background: none repeat scroll 0% 0% rgb(247, 247, 237) !important;     /* beige */
    }

    /* original poster message background */
    .original-poster-higlight {
        background: none repeat scroll 0% 0% transparent !important;
    }
    .original-poster-higlight::after {
        content: '' !important;
        background: none repeat scroll 0% 0% rgb(247, 247, 237) !important;     /* beige */
        position: absolute !important;
        top: -5px !important;
        right: -15px !important;
        bottom: -5px !important;
        left: -15px !important;
        z-index: -2 !important;
    }

    /* ------------------
        solved, helpful, recommended answer background
    */
    /* solved answer background */
    .j-thread ul > li.reply > div[itemprop="acceptedAnswer"].jive-thread-message > .jive-content {
        background: none repeat scroll 0% 0% transparent !important;
    }
    .j-thread ul > li.reply > div[itemprop="acceptedAnswer"].jive-thread-message > .jive-content:before {
        content: '' !important;
        background: none repeat scroll 0% 0% rgb(237, 247, 232) !important;     /* green */
        position: absolute !important;
        top: 0px !important;
        right: -10px !important;
        bottom: 0px !important;
        left: -10px !important;
        z-index: -1 !important;
    }

    /* helpful answer background */
    .j-thread ul > li.reply > div.jive-thread-message > .jive-content.j-helpful {
        background: none repeat scroll 0% 0% transparent !important;
    }
    .j-thread ul > li.reply > div.jive-thread-message > .jive-content.j-helpful:before {
        content: '' !important;
        background: none repeat scroll 0% 0% rgb(250, 240, 220) !important;     /* orange */
        position: absolute !important;
        top: 0px !important;
        right: -10px !important;
        bottom: 0px !important;
        left: -10px !important;
        z-index: -1 !important;
    }

    /* recommended answer background */
    .j-thread ul > li.reply > div.jive-thread-message > .jive-content.j-correct {
        background: none repeat scroll 0% 0% transparent !important;
    }
    .j-thread ul > li.reply > div.jive-thread-message > .jive-content.j-correct:before {
        content: '' !important;
        background: none repeat scroll 0% 0% rgb(237, 247, 232) !important;     /* green */
        position: absolute !important;
        top: 0px !important;
        right: -10px !important;
        bottom: 0px !important;
        left: -10px !important;
        z-index: -1 !important;
    }

    /* ------------------
        rolled-up (solved|recommend) answer background
    */
    .j-answer-rollup.span-full-width {
        background: none repeat scroll 0% 0% rgb(237, 247, 232) !important;     /* green */
        padding-bottom: 10px !important;
        margin: 20px 0px 0px 0px !important;
        border: 1px solid rgb(45, 184, 71) !important;
    }

    /* ------------------
        promoted (helpful|recommended) answer background
    */
    .j-inline-promoted-helpful-answer {
        padding: 5px 10px !important;
        background: none repeat scroll 0% 0% rgb(250, 240, 220) !important;     /* orange */
    }
    .j-inline-recommended-answer {
        padding: 5px 10px !important;
        background: none repeat scroll 0% 0% rgb(237, 247, 232) !important;     /* green */
    }

    /* ------------------
        thread message box
    */
    /* message border */
    /* currently off; these borders might be redundant if alternate post background scheme is employed */
/*
    .j-inline-promoted-helpful-answer,
    .j-inline-recommended-answer,
    .jive-discussion-replies li.reply .jive-thread-message {
        border-style: dotted !important;
        border-width: thin !important;
    }
*/

    /* thread content margins */
    .j-thread .jive-content { margin: 0px 10px !important; }
}

Briefly tested with Firefox 45.2.0esr on OS X 10.6.8.

Good luck

H

Tags: Using Support Communities

Similar Questions

  • Is it possible to create a spreadsheet Numbers alternating line colors I choose (rather than just a line alternating color)?

    Is it possible to create a spreadsheet Numbers alternating line colors I choose (rather than just a line alternating color)?

    Hi tochan,.

    No, but it is possible to create this look.

    Procedure:

    Open a table.

    Format > table

    Check the alternative line color. The yellow value.

    Click the form button, select the rectangle.

    Click the shape to select it.

    Format > Style

    Set the fill color to green.

    The border value without border.

    Move the shape to align with the upper left corner of the table.

    Drag the handle at the bottom right of the form to the lower right of the table.

    Go to organize > Send to back (or backward and repeat until the form is behind the table, and the Green shape is visible through the non colored lines).

    Note that the form is independent of the table. If the lines are added to the table, alternating lines will continue to have the yellow filling, as it has been applied to the table itself, but the lines between indicate white background, until the shape is expanded to match the size of the table.

    Select the Table (by clicking on the 'target' at the top left.

    Go arrange > Send backward. (Repeat if necessary until the form is in the front of the table)

    Select the shape.

    Resized according to the table.

    Go arrange > Send backward.

    Kind regards

    Barry

  • Alternating line colors

    Hi all

    OK, I ticked the box of alternating line colors, selected my color, but you want to color the other lines, I'm sure it's easy but I'm stuffed if I know how to do this. It may be down manually, but I want to do this automatically because it is a spreadsheet live transaction that will evolve over time.

    I tried color all of the table 'Cell' and then 'Fill', and then clicked on the box of the alternating line colors, but the color stays the same in every other row according to the shade was selected in the option ' Cell ' / ' fill ', regardless of me dirty around with the shade etc.!

    Of course possible to choose what color I want when you select the line alternating color option, but is it possible to choose what color goes in the other lines?

    Thank you

    Graeme

    the background color of cell goes too spare line color.

    The only way I could achieve this goal is to leave the the cell fill color 'NONE' then turn the color of line replacing in table formatter then add a rectangle filled with the color I want and place it behind the table.

    Like this:

    Select the green rectangle, put in the background by using the menu item "organize > background.

    Now drag the rectangle behind the table:

  • Alternation of colors in a picture

    I put together a page displays generated dynamically to HTML tables.

    There are three paintings of the page that is generated from the same database but I can't seem to find a way to generate the alternating line colors. I'm trying to use:
    < CFOUTPUT QUERY = "GetTableData" >
    < TR BGCOLOR = "# IIF(GetTableData.currentrow MOD 2, DE ('E6E6E6'), DE('C0C0C0')) #" >

    but line colors are grouped to make 2 or 3 ranks are the same color and then maybe 5-6 are the other color. There is no consistency.

    Anyone have any ideas on how to solve this problem?

    Thank you for all the answers. I took the advice of cf_dev2 ran three separate petitions and usedfor lines alternate. The problem was that all ranks was questioned but not displayed.

  • You need an automated way to alternative text color in a list

    I have a long list of names and I'm looking for an automated color way.

    for example: all other names becomes 50% K and every third 30% K (?)

    EU with the conversion of the text in a table, but I can't get cell fills or strokes to spare cell.

    I couldn't find a way to control the line of text and fill.

    Grep? Tables? External script?

    All responses are much appreciated,

    Thanks again

    for example: all other names becomes 50% K and every third 30% K (?)

    I'm not sure that the sequence of colors as you described, but if you just want to navigate between the three colours, such as:

    100 k

    50 k

    30 k

    100 k

    50 k

    30 k

    100 k

    etc.

    then you can set a paragraph for each color style.  After all, three styles are created, go back and change every style and change the Style 'next' (in the general tab) to the next in the sequence style.

    To apply to the text: select the text then right click on the 100 k of style in the paragraph Styles palette and choose 'apply '100 k' then next Style. "

  • Alternation of colors in the expandable table

    Hi all, I was wondering if it is possible to have more than two colors in a repeat of the table line. I have about six different background colors, it comes up with an error if I add more than two for the code of repeat region:

    <!-TemplateBeginRepeat name = "RepeatRegion1"->
    < tr bgcolor = "@ (_index & 1? '#E5D9DB': '#C5D3D8': '#DBCBBE') @" >

    If we can not do, other ways can I add repetitive code blocks with several alternating colors?

    See you soon

    cozzabags wrote:

    > Thanks for your help, Jscript is the answer. I just thought that
    > Dreamweaver would have this built-in if you can already choose 2 colors in one
    > Alternating table. Does anyone know if it is possible to get the Dreamweaver
    > Working with more than two colors alternating Table script?
    >
    > Thanks again
    >
    Yes, you can modify the script of DW, or write your own extension, or
    write a standalone function:
    http://teamwhite.us/js/altRows2.php

    Mick

  • Another issue of alternation line color

    I used alternating colors of line before with great success, but this situation is a little different. I * grouped * data and I want each * grouped * line to have an alternating color. When I try it with the standard code, it does not work. I get the colors, but they are not alternately. My code is below. Any suggestions would be most appreciated. Thank you very much.

    < table width = "100%" border = "0" bgcolor = "#666666" >
    < cfoutput query is group of "getAllCourts" is "courtID" >
    < tr id = 'small' valign = "middle" bgcolor = "#IIf (CurrentRow Mod 2, DE('D8DCD8'), DE('C2FFC1')) #" >
    < td height = "100" width = "10%" id = "tennisText" align = "center" bgcolor = "FFFFFF" >
    < cfif isdefined("CourtID") and CourtID NEQ "" > "".


    < cfif courtID eq '1' >
    < img src = "images/number1.gif" / > "
    < cfelseif courtid eq '2' >
    < img src = "images/number2.gif" / > "
    < cfelseif courtid eq '3' >
    < img src = "images/number3.gif" / > "
    < cfelseif courtid eq '4' >
    < img src = "images/number4.gif" / > "
    < cfelseif courtid eq '5' >
    < img src = "images/number5.gif" / > "
    < cfelseif courtid eq '6' >
    < img src = "images/number6.gif" / > "
    < cfelseif courtid eq '7' >
    < img src = "images/number7.gif" / > "
    < cfelseif courtid eq '8' >
    < img src = "images/number8.gif" / > "
    < cfelseif courtid eq '9' >
    < img src = "images/number9.gif" / > "
    < cfelseif courtid eq '10' >
    < img src = "images/number10.gif" / > "
    < cfelseif courtid eq "11" >
    < img src = "images/number11.gif" / > "
    < cfelseif courtid eq '12' >
    < img src = "images/number12.gif" / > "
    < cfelseif courtid eq "14" >
    < img src = "images/number14.gif" / > "
    < cfelseif courtid eq '15' >
    < img src = "images/number15.gif" / > "
    < cfelseif courtid eq "16" >
    < img src = "images/hard1.gif" / > "
    < cfelseif courtid eq '17' >
    < img src = "images/hard2.gif" / > "
    < cfelseif courtid eq '18' >
    < img src = "images/stadiumHard.gif" / > "

    < cfelse >

    < / cfif >
    < / cfif >
    < table >

    < td >

    < id of the table = 'small' width = '100% ' cellpadding = "0" cellspacing = "0" border = "1" >
    < cfoutput >
    < b >
    < td width = "2%" height = "21" > < table >
    < td width = "8%" > #timeformat (BeginTime, "h: mm tt") # < table >
    < td width = "10%" > #timeformat (endtime, "h: mm tt") # < table >
    < td width = "15%" >
    < cfif isdefined("InstructorID") and NEQ InstructorID "" > "".

    <!-query to get the name of the instructor. ->
    < name cfquery = "getInstName" datasource = "" #request.dsn # "dbtype ="ODBC">"
    SELECT InstructorName
    OF EL_Instructor
    Where InstructorID = #InstructorID #.
    < / cfquery >

    #getInstName.InstructorName #.

    < cfelse >

    < / cfif >

    < table >

    < td width = "15%" height = "21" > #CustomerName # < table >
    < td width = "32%" > #additionalInfo # < table >
    < td width = "10%" align = "center" > < a href = "#myself #xfa.editCourtAssignment # & CourtAssignmentID = #CourtAssignmentID #& InstructorI D = #InstructorID #" > edit < /a > < table >
    < td width = "8%" align = "center" > < a href = "#myself #xfa.cancelCourtAssignment # & CourtAssignmentID = #CourtAssignmentID #& reserveDa = you #reserveDate #" > cancel < /a > < table >

    < /tr >


    < / cfoutput >
    < /table >
    < table >
    < /tr >
    < / cfoutput >
    < /table >

    Create your own ;)

















     

  • How to change the display colors back to normal since reverse negative color?

    original title: negative color inversion

    Well, I accidentally used a keyboard shortcut to convert the colors of the screen to the negative terminal. I think that it is an accessory to help those who are blind or color blind when you use windows. I tried to go into the accessory folder that contains the keyboard on the screen and the magnifying glass... etc. I also tried to change the theme... etc, although no chance here no more. I googled my problem and found results for the exact asnwer solve my problem, but for other computer programs which are not windows. I also tried pressing the SHIFT, Alt and keys print screen to change the contrast, because that's what google suggests... Please help! Thank you very much.

    Hello

    ·         What operating system is installed on your computer?

    I suggest you follow the steps below and check if it helps.

    http://Windows.Microsoft.com/en-us/Windows-Vista/getting-the-best-display-on-your-monitor

  • report interactive by default alternating line colors, how to remove it?

    Is it possible to remove the alternating colours of the interactive report line.

    In a standard report, I can select the model of report, but in an interactive report No.

    Kind regards

    Rob

    To customize a single page, add this rule to the page Inline CSS attribute:

    .apexir_WORKSHEET_DATA tr.odd td {
      background: rgb(242, 242, 242) !important;
    }
    

    To apply to an entire application, or add

    .apexir_WORKSHEET_DATA tr.odd td {
      background: rgb(242, 242, 242) !important;
    }
    

    attribute to Style sheet cascading Inline on each model of the page, or create a CSS containing file

    .apexir_WORKSHEET_DATA tr.odd td {
      background: rgb(242, 242, 242);
    }
    

    Transfer it to your workspace and make reference to it after the theme link in each page header template:

    
    
    
  • First stills Pro snap back when positioning using vortex of downward movement

    I work in the Pr CC (current, as well as on a custom built PC with an I7 chipset, SSD, NVIDIA graphics and tons of memory) and all of a sudden when I try to set the position or scale of a still he jumps after that I put it, I do it regardless of case either by rubbing the slider or entering a value.  He did it yesterday on the same project using the same files that are hair, those not huge either.  I've done this a thousand times and it's never has behaved like this, I can not complete the project.  I tried made, dropping the reading of the resolution, leaving the project, exit the application and even by restarting the computer.  Any suggestions?

    If the first act weird:

    Restart the computer and open the first while pressing shift + ALT.

    See if this will help.

  • What happened to the color of the Back/Forward/Refresh buttons?

    Hello

    With FF4 I noticed that you ripped us off on the color of the Back/Forward/Refresh buttons.  Right now I am trying very hard not to call you a bunch of baboons.  I don't see well and, to me, color is more important than discretion.  Can I get the color back?  Or better yet, can I import my own button icons?  Please fix this.--ckd
    

    You can change the colours using Firefox 3 theme for Firefox 4 theme - https://addons.mozilla.org/firefox/addon/firefox-3-theme-for-firefox

  • the color went from Windows Vista how I get it back

    the color went from Windows Vista, but if I'm going to monitor the settings it shows color is available.  How to vista windows, rather than black and white the color back?

    Hello

    1. don't you make changes on the computer before the issue started?
    2. What is the brand and model of your monitor?
    3. What is the brand and model of your graphics card?

    Perform a system restore to restore the computer to an earlier point in time before the problem started.

    See these articles for help:
    http://Windows.Microsoft.com/en-us/Windows-Vista/what-is-system-restore
    http://Windows.Microsoft.com/en-us/Windows-Vista/system-restore-frequently-asked-questions

  • Back to ignore the color in the Style Options?

    Hello

    Tell me if I'm wrong. In the Options of Style of character, there is no way to set the color of the character of "ignore"? Fix?

    In other words, let's say that I set a character to blue style. Then I change my mind and decide that I don't want style character to substitute the color parameter of the underlying paragraph style. There seems to be no way to adjust the color back to "ignore" in the character style options dialog.

    If I am not mistaken, is there a reason why this is the case, or it is just an oversight?

    Thank you

    Ariel

    Of course there

    Click CTRL or CMD click on the color selected in the list and it should resolve to ignore.

  • Link color problem

    Hi, I have two problems with the colors of link on my site I have

    Design.

    My first problem is the color of the link I have on one page is green, and I want it to be grey (#CCCCCC). I put it to gray in css, but it remains green and I cannot understand why.

    My second problem is that I have two links on a page, but I want them to be of different colors. On the page that I joined, I want the links at the top to be gray and the links below to be blue. I can't understand how to change the color of a link of a link without the appearance of the other changing link.

    Thank you in advance.

    Here are the following HTML and css code (also attached):

    HTML

    ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict / / IN".
    ""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd "> xmlns ="http://www.w3.org/1999/xhtml"XML: lang ="fr"lang ="fr">"
    < head >
    < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"

    < title > The Station < /title >

    < html

    "" < link rel = "stylesheet" href = "... / style_train.css" type = "text/css" charset = "utf - 8" / > ".

    < style type = "text/css" >
    <!--
    {.style1}
    do-size: 36px;
    Color: #000000;
    do-family: Verdana, Arial, Helvetica, without serif.
    }
    {#apDiv1}
    position: absolute;
    left: 501px;
    top: 1085px;
    Width: 329px;
    height: 286px.
    z-index: 1;
    }
    . Style2 {color: #FFFFFF}
    {#apDiv2}
    position: absolute;
    left: 64px;
    top: 17px;
    Width: 89px;
    height: 1133px;
    z-index: 2;
    }
    {#apDiv3}
    position: absolute;
    left: 183px;
    top: 1073px;
    Width: 490px;
    height: 149px;
    z-index: 1;
    visibility: visible;
    padding-left: 15px;
    }
    {#apDiv4}
    position: absolute;
    left: 499px;
    top: 1079px;
    Width: 334px;
    height: 318px;
    z-index: 1;
    }
    {#apDiv5}
    position: absolute;
    left: 493px;
    top: 1078px;
    Width: 346px;
    height: 313px;
    z-index: 1;
    }
    .style22 {color: #000000}
    {#apDiv6}
    position: absolute;
    left: 522px;
    top: 1085px;
    Width: 357px;
    height: 312px;
    z-index: 1;
    }
    {#apDiv7}
    position: absolute;
    left: 235px;
    top: 362px;
    Width: 522px;
    height: 349px;
    z-index: 1;
    }
    .style23 {do-size: 14px}
    .style24 {do-size: 24 PX;}
    color: #1F8BBA;
    do-family: "Times New Roman", Times, serif;
    }
    {.style25}
    color: #005980;
    font size: 13px;
    }
    .style11 {color: #005980;}
    line-height: 30px;
    }
    .style26 {do-size: 24 PX;}
    do-family: "Times New Roman", Times, serif;
    color: #208CBA;
    make-style: normal;
    make-weight: normal;
    do-variant: normal;
    }
    .style30 {line-height: 30px;}
    make-weight: normal;
    do-family: Arial, Helvetica, without serif.
    color: #005980;
    font size: 13px;
    }
    .style31 {do-family: Arial, Helvetica, without serif;}
    font size: 13px;
    color: #005980;
    }
    .style32 {color: #208CBA; do-style: normal; make-weight: normal; do-variant: normal; do-family: "Times New Roman", Times, serif ;}}
    .style35 {make-weight: bold;}
    do-variant: normal;
    do-family: "Times New Roman", Times, serif;
    make-style: normal;
    color: #005980;
    }
    .style46 {line-height: 30px; do-family: Arial, Helvetica, without serif; do-size: 13px ;}}
    .style47 {color: #005980; do-style: normal; make-weight: normal; do-variant: normal; do-family: "Times New Roman", Times, serif ;}}
    {.style49}
    line-height: 30px;
    do-family: Arial, Helvetica, without serif.
    font size: 13px;
    color: #FFFFFF;
    }
    ->
    < / style >
    < / head >

    < body >
    < div id = 'wrapper' >
    < div id = "header" >
    < h1 class = 'style1 style2' > The Station < / h1 >
    < div id = "nav - top" > < / div >
    < div id = "nav" >
    < ul >
    "< class li ="home"> < a href ="... / index.html "> home < /a > < /li >"
    "< div class ="style22"id ="div - 1 d"> < img src ="... / pictures/pictures/station_map. ALT "JPG" = "map" width = "372" height = "296" / > < / div > "
    < div class = "style22" id = "div - 1f" > < span class = "style26" > Train Gallery </span > < br / >
    < br / >
    "< span class ="style32"> < span class ="style30"> click </span > < / span > < span class ="style35"> < span class ="style49"> < a href ="... / models / "> HERE < /a > < / span > < / span > < span class ="style47"> < span class ="style46"> to see the photos of the 24 authentic miniature steam train - GUE out on the slopes!" </span > < / span > < / div >
    < div class = "style22" id = "div - 1 g" > < span class = "style26" > ticket prices < br / >
    < br / >
    < span class = "style30" > tickets are good for any term of the year. < br / >
    </span > < span class = "style31" > adults: $5.50 < br / >
    Children: $5,00 < br / >
    Children less than 12 months: free </span > < / span > < / div >
    < div class = "style22" id = "div - 1 c" >
    < div align = "left" > < span class = "style24" > come for A Ride! </span > < br / >
    < span class = "style25" > the whole family will enjoy a ride on an authentic replica narrow - GUE 1836 American steam engine. The train takes a route of fifteen minutes, around the Port of Port Elgin and through the magnificent park of North Shore (see directions below). It's a scenic trip of a thousand who will take you back in time. The train leaves the Station located on the main beach. Port Elgin </span > < / div >
    < / div >
    < class li = "form" > < a href = "train.html" > Train < /a > < /li > ""
    < class li = "mini_putt" > < a href = "mini_putt.html" > Mini Putt < /a > < /li > ""
    < class li = "fudge" > < a href = "fudge.html" > Fudge < /a > < /li > ""
    < class li = "candy_factory" > < a href = "candy_factory.html" > Candy Factory < /a > < /li > ""
    < div class = "style1" id = "div-1B" >
    "" < div align = "center" class = "style22 style23" > < img src = "... / pictures (2) train1.jpg ' alt = 'training photo' width ="264"height ="208"/ > < / div >

    < / div >
    < div class = "style1" id = "div - 1a" >
    < div align = "center" >
    < h2 class = "style26" > the Train schedule < / h2 >
    < p align = "justify" > < span class = "style11" > the train runs all the < strong > day except Mondays < facilities > July 1 to labor day. There are five races daily at the following times: < strong > < br / >
    13:00 < facilities >. < br / >
    < strong > < facilities > 15:00. < br / >
    < strong > < facilities > 17:00. < br / >
    < strong > < facilities > 19:30. < br / >
    < strong > < facilities > 20:30. < br / >
    All trains are < strong > weather allowing < facilities >; If the tracks are wet the train won't work. Tickets are sold by a basis of first come, first served - tickets can be purchased in advance but do not guarantee you a seat on the train. It is suggested that you coming from the station 20-30 minutes before each race scheduled to ensure you get a spot on the train. < / span > < / p >
    < / div >
    < / div >
    < class li = "food" > < a href = "food.html" > food / treats < /a > < /li > ""
    < class li = 'Gallery' > < a href = "gallery.html" > Gallery < /a > < /li >
    < class li = 'goods' > < a href = "merchandise.html" > goods < /a > < /li > ""
    < /ul >
    < / div >
    < / div >
    < / div >
    < / body >
    < / html >

    CSS

    HTML, body, h1, h2, h3, h4 {}
    margin: 0;
    padding: 0;
    }
    H1 img {}
    display: block;
    }

    a {}
    color: #464544;
    }
    a: hover {}
    color: #FFA405;
    }
    .the {}
    float: left;
    }
    . Right {}
    float: right;
    }
    {in detail
    text-align: right;
    }
    . Clear {}
    Clear: both;
    }

    {body
    text-align: center;
    color: #FFFFFF;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    do-family: Arial, Helvetica, without serif.
    do-size: 12px;
    top: 80px;
    }

    / * presentation * /.
    {#wrapper}
    text-align: left;
    margin: auto;
    Width: 678px;
    position: relative;
    background-color: #E4E4E4;
    vertical-align: top;
    do-family: Arial, Helvetica, without serif.
    do-size: 11px;
    border-right-width: thick;
    border-left-width: thick;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #208CBA;
    border-left-color: #208CBA;
    border-top-width: thick;
    border-top-style: solid;
    border-bottom-color: #208CBA;
    color: #FFFFFF;
    background-position: center;
    height: 1100px;
    border-bottom-width: 30px;
    border-bottom-style: solid;
    border-bottom-color: #208CBA;
    Bottom: 10px;
    Top: 10px;
    }

    / * header * /.
    #header {}
    padding-top: 0px;
    }
    #header h1 {}
    make-weight: normal;
    position: absolute;
    left: 2px;
    top: 36px;
    color: #FFFFFF;
    padding: 0 0 0 0.7em.
    margin:-1em 0 0 0;
    line-height: 1;
    Width: 650px;
    do-family: "Times new roman", serif;
    font size: 32px;
    visibility: visible;
    }
    {#nav - top}
    margin left: 503px;
    }
    #nav - top ul {}
    margin: 1em 0 0 0;
    padding: 0;
    height: 31px;
    }
    #nav - top li {}
    float: left;
    background: #C19855 url(images/Pictures/tab_left.gif) no-repeat;
    list-style: none;
    text-align: center;
    font: 18px "Times new roman", serif;
    height: 31px;
    line-height: 31px;
    }
    #nav - top li div {}
    background: top right url(images/Pictures/tab_right.gif) no-repeat;
    }
    #nav - li #tab - faq {} top
    Width: 59px;
    }
    #nav - top #tab li - map {}
    Width: 99px;
    left margin: 3px;
    }
    #nav - top a {}
    color: #443816;
    text-decoration: none;
    }
    #nav - top a: hover {}
    color: #241D0A;
    }

    #nav {}
    background-image: url (images 2/main_pic
    .jpg)
    ;
    background-repeat: no-repeat;
    padding-top: 250px;
    background-position: center;
    background-color: #1f8bba;
    background-image: url(images/Pictures/header_pic.jpg);
    }
    #nav ul {}
    margin: 0;
    padding: 0;
    height: 36px;
    line-height: 36px;
    border-left: 2px solid #9E9479;
    background: url(images/nav_lit.gif) left bottom horizontal;
    }
    #nav li {}
    list-style: none;
    float: left;
    margin: 0;
    padding: 0 10px;
    top: 200px;
    right: 100px;
    }
    #nav li.train {}
    background: url(images/nav_drk.gif) left bottom horizontal;
    padding-left: 15px;
    height: 36px;
    }
    #nav a {}
    color: #006666;
    text-decoration: none;
    do-family: "Times new roman", serif;
    do-size: 16px;
    }
    #nav a: hover {}
    color: #CCCCCC;
    }

    / * content * /.

    #content {}
    padding-left: 20px;
    }
    #content h2 {}
    color: #208CBA;
    make-weight: normal;
    padding: 1px 1px 1px 8px;
    top of the margin: 22px;
    border-left-width: 3px;
    border-left-style: none;
    border-left-color: #005980;
    do-family: "Times new roman", serif;
    font size: 24 PX.
    }
    #content p {}
    left margin: 11px;
    line-height: 1.4;
    }
    #content a {}
    color: #8D692D;
    make-weight: bold;
    text-decoration: none;
    }
    #content a: hover {}
    color: #5B431A;
    }

    #content {of .the - col
    float: left;
    Width: 510px;
    height: 550px;
    }
    #content {of .right-col
    float: right;
    Width: 136px;
    }


    #content #welcome {}
    margin-right: 40px;
    font-size: 13px;
    color: #3E341E;
    }
    #content #welcome a {}
    color: #3E341E;
    text-decoration: underline;
    }
    #content #welcome a: hover {}
    color: #DBBF77;
    text-decoration: underline;
    }
    #gallery {}
    top of the margin: 14px;
    }
    #gallery .box {}
    float: left;
    Width: 119px;
    right margin: 1px;
    position: relative;
    height: 215px;
    background-color: #1f8bba;
    padding-top: 0;
    padding-right: 23px;
    padding-bottom: 2.3em;
    padding-left: 23px;
    }
    #gallery h3 {} .box
    text-align: center;
    line-height: 23px;
    fonts: 23px "Times new roman", serif;
    color: #fff;
    height: 23px;
    margin-bottom: 20px;
    background: high url(images/Pictures/tab_drk.gif) no-repeat;
    }
    #gallery p {} .box
    margin: 1em 0;
    padding: 0;
    line-height: 1.4;
    }
    #gallery .more {} .box
    height: 18px;
    line-height: 18px;
    background: #978040 top left url(images/moretab_left_drk.gif) no-repeat;
    position: absolute;
    low:-26px;
    right: 8px;
    Width: 3.2em;
    padding-right: 4px;
    margin-bottom: 0;
    }
    #gallery .box .more a {}
    color: #4C330D;
    }
    #gallery .box .more a: hover {}
    color: #291B 06.
    }
    #gallery informed .box {}
    background-color: 005980;
    background-image: url(images/back.gif);
    background-repeat: repeat;
    }
    #gallery h3 light .box {}
    background: high url(images/Pictures/tab_lit.gif) no-repeat;
    }
    #gallery informed .more .box {}
    background: #B4A26D top left on url(images/moretab_left_lit.gif) no-repeat;
    }

    .right-col li, #content ul {} .right-col #content
    list-style: none;
    margin: 0;
    padding: 0;
    }

    #content .right-col li {}
    border-left: 1px solid #615331;
    padding-left: 9px;
    margin: 10px;
    }
    .right-col #content a {}
    do-size: 12px;
    make-weight: normal;
    color: # 67450;
    }
    .right-col #content has: hover {}
    color: #2C1D04;
    }
    / * later * /.

    {#later}
    color: #564929;
    background-position: top;
    height: 20px;
    }
    #later h2 {}
    font size: 20px;
    }
    #later .right-col p {}
    do-size: 12px;
    line-height: 1.7;
    }

    #later .box {}
    float: left;
    Width: 85px;

    }
    #later .box {a}
    text-decoration: underline;
    }
    {#later - b1 #later
    padding-top: 67px;
    right margin: 4px;
    }
    {#later - b2 #later
    Width: 155px;
    right margin: 4px;
    }
    #later #later - b3}
    Width: 114px;
    right margin: 6px;
    }
    {#later - b4 #later
    padding-top: 67px;
    Width: 137px;
    }

    {#footc}
    height: 10px;
    }
    #footer {}
    text-align: center;
    color: #CFB472;
    Padding: 14px;
    background-color: #1f8bba;
    }
    {#apDiv5}
    position: fixed;
    }
    {#divtest}
    Width: 50px;
    }
    {#div-1}
    position: relative;
    }
    {#div - 1A
    position: absolute;
    top: 546px;
    right: 16px;
    Width: 257px;
    height: 211px;
    do-family: Arial, Helvetica, without serif.
    font size: 13px;
    make-style: normal;
    line-height: normal;
    }
    {#div - 1B
    position: absolute;
    top: 311px;
    left: 388px;
    Width: 293px;
    height: 217px;
    }
    {#div - 1}
    position: absolute;
    top: 292px;
    left: 12px;
    Width: 370px;
    height: 130px;
    }
    {#div - 1}
    position: absolute;
    top: 558px;
    left: 14px;
    Width: 370px;
    height: 130px;
    }
    {#div - 1e
    position: absolute;
    top: 840px;
    left: 24 PX.
    Width: 168px;
    size: 256px;
    line-height: 20px;
    }
    {#div - 1f}
    position: absolute;
    top: 820px;
    left: 213px;
    Width: 168px;
    height: 259px;
    line-height: 20px;
    make-style: normal;
    make-weight: normal;
    do-variant: normal;
    }
    {#div - 1 g}
    position: absolute;
    top: 777px;
    left: 191px;
    Width: 80px;
    height: 32px;
    line-height: 20px;
    make-style: normal;
    make-weight: normal;
    do-variant: normal;

    }
    {#div - 1f}
    position: absolute;
    top: 880px;
    left: 207px;
    Width: 168px;
    size: 256px;
    line-height: 20px;
    make-style: normal;
    make-weight: normal;
    do-variant: normal;
    color: #ffa405;
    }
    {#div - 1 g}
    position: absolute;
    top: 878px;
    left: 17px;
    Width: 168px;
    size: 256px;
    line-height: 20px;
    make-style: normal;
    make-weight: normal;
    do-variant: normal;

    }

    Jonathon Bowers1, you say you want to have a couple of links of different colors. What you can do here, is to wrap your links you want in a different color in another 'ID' such as:

    and make your .css code looks like:

    #bluelink {color: blue ;}}

    To make another link a different color, wrap it in another 'ID' such as:

    #redlink {color: red ;}}

    I hope this helps!

  • How to include check boxes for alternating line fill?

    I tried allowing alternating filling line before and after adding a column with checkboxes, but it just does not work - the entire column "will not participate" in the alternation of filler as all other columns don't. How can I make it work?

    Hi VarHyid,

    Worked for me.

    I inserted a new table 'ordinary' in an existing document to format a cell as a checkbox column, then clicked on the button in the Inspector to Format table, clicked on the alternative line color box, click on the color wheel and used the RGB sliders to set a color for the alternate rows (pairs).

    Note that I started with a "plain" table and that it did not apply fills all cells except through alternative line color. Any color fill applied to the cells will substitute the color defined by collour alternative line.

    Kind regards

    Barry

Maybe you are looking for

  • My Mac keeps "forgetting" passwords

    Why my Mac under 10.10.5 "forget passwords? It will keep them for a while then all of a sudden, I get a connection error that it is the wrong password or he fills a stored password and leaves empty? What has happened several times and it is now becom

  • reportcrash hogging cpu

    My 2011 Macbook Pro is running Yosemite (10.10.5), and it was really, really slow. I launched the monitor of activity - with no other apps launched - and the CPU usage displays all active cores to 25-50%. In the main window of the activity monitor, R

  • After recovery PC issues

    Hello.  I have a HP Pavilion Elite HPE - 257c.  I recently did a restore with recovery discs, and now, Windows Update does not work.  I tried to go to the catalog to install updates, replacement of the update agent and recover the computer again.  It

  • Access to the content of MainSequenceResult

    Hi all I would like to get the total running time of my test and display in my user interface. I changed my call UIMessqge back to catch the "UIMsg_ModelState_TestingComplete" event and get information in the context of the sequence returned in the p

  • just got a used pc, owner does not remember password. I signed up as a guest, but unable to download updated adobe flash player and browsers

    What could I do? has this happened to anyone?