No edit summary
(change .character-infobox colors)
 
(71 intermediate revisions by 3 users not shown)
Line 1: Line 1:
/** CSS placed here will be applied to all skins */
/** CSS placed here will be applied to all skins except the default Wikia skin */


/* The backgrounds for galleries. */
/* For template documentation */
#content .gallerybox div.thumb {
.template-documentation {
     background-color: #000;   /* White padding */
     clear: both;
}
    margin: 1em 0 0 0;
 
    border: 1px solid #aaa;  
.summary  {
    background-color: #ecfcf4;  
width: 300px;
     padding: 5px;
border-width: 1px;
border-spacing: ;
border-style: ridge;
border-color: gray;
border-collapse: collapse;
background-color: #F0F0F0;
}
 
.summary th {
border-width: 2px;
padding: 3px;
border-style: ridge;
border-color: gray;
background-color: #F0F0F0;
-moz-border-radius: ;
}
 
.summary td {
border-width: 2px;
padding: 3px;
border-style: ridge;
border-color: gray;
background-color: #F0F0F0;
-moz-border-radius: ;
}
 
th.summary-header {
     background-color: #D0D0D0;
}
 
.quest-summary  {
width: 300px;
border-width: 1px;
border-spacing: ;
border-style: ridge;
border-color: gray;
border-collapse: collapse;
background-color: #F0F0F0;
}
 
.quest-summary th {
border-width: 2px;
padding: 3px;
border-style: ridge;
border-color: gray;
background-color: #F0F0F0;
-moz-border-radius: ;
}
 
.quest-summary td {
border-width: 2px;
padding: 3px;
border-style: ridge;
border-color: gray;
background-color: #F0F0F0;
-moz-border-radius: ;
}
 
th.quest-summary-header {
    background-color: #D0D0D0;
}
}


Line 96: Line 36:
/* Highlight clicked reference in blue to help navigation */
/* Highlight clicked reference in blue to help navigation */
ol.references > li:target {
ol.references > li:target {
     background-color: #DEF;
     background-color: #333366;
}
}


sup.reference:target {  
sup.reference:target {  
     background-color: #DEF;
     background-color: #333366;
}
}


Line 111: Line 51:
/* If there is an inline link to a full citation, the full citation will turn blue when the inline link is clicked */
/* If there is an inline link to a full citation, the full citation will turn blue when the inline link is clicked */
cite:target {  
cite:target {  
     background-color: #DEF;
     background-color: #333366;
}
}


Line 122: Line 62:
}
}


/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
  in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {
    float:right;
    font-weight:normal;
    margin-left:0.5em;
    text-align:right;
    width:auto;
}
/* 'collapse'/'expand' buttons created by the mw-collapsible javascript */
.collapse span.mw-collapsible-toggle {float: left;}
/* Table alignment */
.columnscenter tr {text-align:center;}
.columnsright tr {text-align:right;}
.columntworight td:nth-child(2) {text-align:right;}
.columnstop td {vertical-align: top;}
/* Homepage styling */
#mainpage_container {
    width:100%;
    margin:1em 0 0;
    padding:2px;
}
.mainpage_box {
    width:33%;
    padding:5 0em;
    vertical-align:top;
}
.mainpage_boxheader {
    border: 2px solid #1d72ac;
    border-radius: 0.25rem;
    padding: 0.75rem;
    margin: 3px;
    text-align: center;
    color: #ffffff;
}
.mainpage_boxheader div {
    float:right;
}
.mainpage_boxcontents {
    padding:0 2em;
}
/* Item and Equipment Templates */
.item {
  float:left;
  width:300px;
  border:2px solid #1d72ac;
  //background-color: #1a1a1a;
  //color: #FFFFFF;
  padding: 0.2em;
  font-size: 0.90em;
  font-family: Verdana, Arial, sans-serif;
}
.item span {color:GreenYellow}
.item a:visited {color:SkyBlue}
.item a:link, a:hover, a:active {color:RoyalBlue}
.item_textbox {
  background-color:#e6dd80;
  border:1px solid #cc9900;
  color:#000000;
  padding:30px;
  width:500px;
  margin:10px auto 0;
  text-align:justify;
}
.item_textbox #author {
  border-top:1px solid #cc9900;
  margin:10px 0;
}
.item ul, .item_textbox ul {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-type: none;
  list-style-image: none;
}
.item li.topbottomspace {margin:10px 0px;}
.item li.topspace {margin-top:10px;}
.item li.bottomspace {margin-bottom:10px;}
.item li.dmgbonus {padding-left:6px;}
.item li.inscription {border-top:1px solid #907854;}
#item_header {
  display:table;
  padding:2px;
  text-align:center;
  width:100%;
  font-weight:bold;
}
#item_header div {
  display:table-cell;
  vertical-align: middle;
}
#item_header div + div {
  display:table-cell;
  vertical-align: middle;
  width:40px;
}
/* Dyed Variations Template */
.dyedvariations {
    border: 1px solid white;
    border-collapse: collapse;
    background:#404040;
    color:white;
    margin-left: auto;
    margin-right: auto;
}
.dyedvariations td {
    border: 1px solid white;
    padding:5px;
}
.dyedvariations th {
    font-size:large;
    font-weight: bold;
    padding:5px;
}
/* Creature and NPC Templates */
.character-infobox {
    //background:#000033;
    border:2px solid #1d72ac;
    padding:0.3em;
    width:22em;
    float:right;
    font-size:95%;
    //color:#ffffff;
}
.character-infobox th {
    padding:0.5em;
    font-size:120%;
}
/* Dungeon Summary Template */
.location-infobox {
    //background:#000033;
    border:2px solid #1d72ac;
    //padding:0.3em;
    width:22em;
    float:right;
    font-size:95%;
    //color:#ffffff;
}
.location-infobox th {
    padding:0.5em;
    font-size:120%;
}
/* Quest Summary Template */
.quest-infobox {
    //background:#000033;
    border:2px solid #1d72ac;
    padding:0.3em;
    width:22em;
    float:right;
    font-size:95%;
    //color:#ffffff;
}
.quest-infobox th {
    padding:0.5em;
    text-align:center;
    font-size:120%;
}
/* Quest Rewards Template */
table.questrewards {
    width:375px;
    //background:#000033;
    border:2px solid #1d72ac;
    margin-bottom:3px;
}
table.questrewards th {
  background:#1d72ac;
  font: normal 105% Verdana;
}
table.questrewards td:first-child {
  text-align:center;
  width:100px;
  font: normal 95% Verdana;
  //color:#ffffff;
}
table.questrewards td:last-child {
  font: normal 100% Arial;
}
table.questrewards tr {
  vertical-align:top;
}
table.questrewards th a {
    color: #ffffff;
}
/* Item list templates */
.itemtable {
    display:table;
    margin-left:6px;
    margin-bottom:10px;
}
.itemtable_row {
    display:table-row;
}
.itemtable_cell {
    display:table-cell;
    padding:5px;
}
.itemtable_caption {
    font-weight: bold;
}
.itemlist ul {
  list-style: none;
  list-style-type: none;
  list-style-image: none;
}
.creatureitems {
    display:inline-block;
    padding:3px;
    margin-bottom:1px;
}
.creatureitems > span {
    position: absolute;
}
.creatureitems > span > span {
    font-size:29px;
    z-index:1;
    position: absolute;
    right: -32px;
    bottom: -26px;
}
/* Horizontal ToC bar (dungeon and quest templates) */
.contentsbar {
    // background:#000033;
    padding:5px;
    width:100%;
    text-align:center;
}
/* Map point template */
.mappoint {
    position:relative;
    top:0px;
    left:0px;
    width:260px;
}
.mappoint span:first-child {
    position:absolute;
    top:2px;
    left:2px;
    z-index:1;
}
.mappoint span + span, .mappointloc {
    z-index:2;
}
/* Tooltips */
.htt .tooltip-content .tooltip-hide, .hidden { display:none; }
.tooltip-error {
  background-color: black;
  color: white;
  max-width: 18em;
}


/* START OF DROP DOWN MENUS */
.tooltip-ready {
div#siteNotice {
  visibility:hidden;
width:95%; /* makes the div full width */
   display:block;
float:left; /*makes the div enclose the list */
   z-index:999;
font-size:.8em; /* SET FONT-SIZE HERE */
   margin:1px 0 1em 0;
   padding:0;
}
}


div#siteNotice ul {
.creaturetooltip {
margin-left:0px; /* reset */
  background-color: #f9f9f9;
}
}


div#siteNotice li {
/* Top navigation links */
float:left; /* causes the list to align horizontally instead of stack */
.top-nav-links {
position:relative; /* positioning context for the absolutely positioned drop-down */
    //background:#000033;
list-style-type:none; /* removes the bullet off each list item */
    border:2px solid #1d72ac;
list-style-image: none;
    padding:0.3em;
background-color:#f0f0f0; /*sets the background of the menu items */
    //color:#ffffff;
border-right:1px solid #aaaaaa; /* creates dividing lines between the li elements */
  border-top:1px solid #aaaaaa;
  border-bottom:1px solid #aaaaaa;
  margin: -4px 0 -5px 0; /*Brings the menu items up */    
  padding:0 6px; /*creates space each side of menu item's text */
}
}
div#siteNotice li:first-child {
 
        -moz-border-radius-topleft: .5em;
/* Chat colors */
        padding-bottom:0px; /*to fix from rounded edge */
span.say {
        border-left:1px solid #aaaaaa; /*the first vertical line on the menu */
color:black;
}
}
div#siteNotice li:last-child {
 
        -moz-border-radius-topright: .5em;
span.emote {
        padding-bottom:0px; /*to fix from rounded edge */
color:grey;
}
}
div#siteNotice li:hover {  
 
background-color:#FFF; /*sets the background of the menu items */
span.tell {
color:darkgoldenrod;
}
}
div#siteNotice a {
 
display:block; /*makes list items in drop down highlight and wrapped lines indent correctly */
span.event {
color:#0000ff; /* sets the font color */
color:green;
}
}
/* the horizontal menu ends here */


/* the drop-down starts here */
span.magic {
div#siteNotice ul li ul {
color:cornflowerblue;
margin:0; /* prevents the TEMP value inheriting from the horiz menu  */
position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
width:10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
left:-1px; /*aligns the drop exactly under the menu */
}
}
div#siteNotice ul li ul li {
 
margin: -1px 0 0 0; /* prevents the margin value inheriting from the horiz menu + bring menu items up  */
/* Buffed/debuffed stat color */
width:100%; /* makes the list items fill the list container (ul) */
span.buffed {
border-left:1px solid #069; /*  three sides of each drop-down item */
color:greenyellow;
list-style-type:none; /* removes the bullet off each list item */
list-style-image:none; /* removes the bullet off each list item */
padding:0 0 1px;
}
}
div#siteNotice ul li ul li:first-child {
 
  -moz-border-radius-topleft: 0; /* needed to hide curve */
span.debuffed {
color:red;
}
}
div#siteNotice ul li ul li:last-child {
 
-moz-border-radius-bottomright: 1em;
/* Return to section link */
-moz-border-radius-bottomleft: 1em;
.linkbar {
-moz-border-radius-topright: 0;
  width:25%;
padding-right:1px; /*to move over right side rounded edge */
  padding: 5px;
  margin: 3px;
  font-size:85%;
}
}


/* make the drop-down display as the menu is rolled over */
.linkbar span {
div#siteNotice ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
  font-weight:bold;
div#siteNotice ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */
}


/* pop-out starts here */
.linkbar div {
body div#siteNotice ul li ul li ul  {
  float: right;
visibility:hidden; /* same effect as display:none in this situation */
top:-1px;
left:10em;
}
}
div#siteNotice ul li ul li:hover ul {visibility:visible; } /* same effect as display:block in this situation */
div#siteNotice ul li ul li:hover ul li {padding-right:1px; -moz-border-radius-topright: 0;}
div#siteNotice ul li ul li:hover ul li:last-child {-moz-border-radius-topright: 0;}


/* second level popouts */
/* Section background colors */
div#siteNotice ul li ul li:hover ul li ul {visibility:hidden;}
/* old fandom color #996633, changed to #1d72ac*/
div#siteNotice ul li ul li ul li:hover ul {visibility:visible; margin-top:1px} /* same effect as display:block in this situation */
div#siteNotice ul li ul li ul li:hover ul li:last-child {-moz-border-radius-topright: 0;}


/* third level popouts */
.accwikibgc {background: #1d72ac}
div#siteNotice ul li ul li ul li:hover ul li ul {visibility:hidden;}
.characterbgc {background: #1d72ac}
div#siteNotice ul li ul li ul li ul li:hover ul {visibility:visible; margin-top:1px} /* same effect as display:block in this situation */
.gameplaybgc {background: #1d72ac}
div#siteNotice ul li ul li ul li ul li:hover ul li:last-child {-moz-border-radius-topright: 0;}  
.newsbgc {background: #1d72ac}
.questsbgc {background: #1d72ac}
.itemsbgc {background: #1d72ac}
.craftingbgc {background: #1d72ac}
.worldbgc {background: #1d72ac}
.lorebgc {background: #1d72ac}
.gettingstartedbgc {background: #1d72ac}
.mediabgc {background: #1d72ac}
.turbinebgc {background: #1d72ac}


/* fix for IE (all flavors) so the menu has a vertical line on the left */
/* Hide main page title */
* html div#siteNotice ul {
body.page-Home h1.firstHeading {display:none;}
float:left; /* makes the ul wrap the li's */
border-left:1px solid #069; /* adds the rightmost menu vertical line to the ul */
}
/* Opera fix */
html>body div#siteNotice ul li ul li ul {
  left:10em;
  }


/* an Opera-only to fix a redraw problem by invisibly extending the ul */
/* Styles for Template:Turbine Games Q&A */
/* the first-level drop stays open for 100px below the bottom but at least it works */
.wiki-template-turbinegamesqa {
/* this can be reduced to as little as 22px if you don't have pop-outs */
    background-color:#000000;
/* the pop-out menu stays open for 22px below the bottom but at least it works */
    border:2px solid #000000;
@media all and (min-width: 0px){
    width:80%;
  body div#siteNotice ul li ul {padding-bottom:200px;}
    padding:30px;
  body div#siteNotice ul li ul li ul {padding-bottom:22px;}
    margin-bottom:20px;
  body div#siteNotice ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */
    margin-left:5%;
  }
    margin-right:10%
}


@import("/wiki/skins/common/dropdown/ie51_menu_hack.css");  
.wiki-template-turbinegamesqa [href]:link {
/* END OF DROP DOWN MENUS */
    color: #FFFFCC;
    text-decoration: underline
}
   
.wiki-template-turbinegamesqa [href]:visited {
    color: #FFFFCC;
    text-decoration: underline
}
   
.wiki-template-turbinegamesqa [href]:hover {
    color: #FFFF66;
    text-decoration: underline
}
   
.wiki-template-turbinegamesqa [href]:active {
    color: #FFFFCC;
    text-decoration: underline
}

Latest revision as of 20:59, 21 January 2024

/** CSS placed here will be applied to all skins except the default Wikia skin */

/* For template documentation */
.template-documentation {
    clear: both;
    margin: 1em 0 0 0;
    border: 1px solid #aaa; 
    background-color: #ecfcf4; 
    padding: 5px;
}

/* Auto-number rows in tables */

table.numbered { counter-reset: row; }
table.numbered td:first-child:before { counter-increment: row; content: counter(row) ". "; }

/* Make the list of references smaller */
ol.references {
    font-size: 100%;
}
.references-small { 
    font-size: 90%;
}

/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */
/* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */
/* column-count is from the CSS3 module "CSS Multi-column Layout" */
/* Please ignore any validator errors caused by these two lines */
.references-2column {
    font-size: 90%;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

/* Highlight clicked reference in blue to help navigation */
ol.references > li:target {
    background-color: #333366;
}

sup.reference:target { 
    background-color: #333366;
}

/* Styling for citations */
cite {
    font-style: normal;
    word-wrap: break-word;
}

/* If there is an inline link to a full citation, the full citation will turn blue when the inline link is clicked */
cite:target { 
    background-color: #333366;
}

/* For linked citation numbers and document IDs, where the number need not be shown on a screen or a handheld, but should be included in the printed version */

@media screen, handheld, projection {
    cite *.printonly {
        display: none;
    }
}

/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {
    float:right;
    font-weight:normal;
    margin-left:0.5em;
    text-align:right;
    width:auto;
}

/* 'collapse'/'expand' buttons created by the mw-collapsible javascript */
.collapse span.mw-collapsible-toggle {float: left;}

/* Table alignment */
.columnscenter tr {text-align:center;}
.columnsright tr {text-align:right;}
.columntworight td:nth-child(2) {text-align:right;}
.columnstop td {vertical-align: top;}

/* Homepage styling */
#mainpage_container {
    width:100%;
    margin:1em 0 0;
    padding:2px;
}

.mainpage_box {
    width:33%;
    padding:5 0em;
    vertical-align:top;
}

.mainpage_boxheader {
    border: 2px solid #1d72ac;
    border-radius: 0.25rem;
    padding: 0.75rem;
    margin: 3px;
    text-align: center;
    color: #ffffff;
}

.mainpage_boxheader div {
    float:right;
}

.mainpage_boxcontents {
    padding:0 2em;
}

/* Item and Equipment Templates */
.item {
   float:left;
   width:300px;
   border:2px solid #1d72ac;
   //background-color: #1a1a1a;
   //color: #FFFFFF;
   padding: 0.2em;
   font-size: 0.90em;
   font-family: Verdana, Arial, sans-serif;
}

.item span {color:GreenYellow}
.item a:visited {color:SkyBlue}
.item a:link, a:hover, a:active {color:RoyalBlue}

.item_textbox {
   background-color:#e6dd80;
   border:1px solid #cc9900;
   color:#000000;
   padding:30px;
   width:500px;
   margin:10px auto 0;
   text-align:justify;
}

.item_textbox #author {
   border-top:1px solid #cc9900;
   margin:10px 0;
}

.item ul, .item_textbox ul {
   margin: 0;
   padding: 0;
   list-style: none;
   list-style-type: none;
   list-style-image: none;
}

.item li.topbottomspace {margin:10px 0px;}
.item li.topspace {margin-top:10px;}
.item li.bottomspace {margin-bottom:10px;}
.item li.dmgbonus {padding-left:6px;}
.item li.inscription {border-top:1px solid #907854;}

#item_header {
   display:table;
   padding:2px;
   text-align:center;
   width:100%;
   font-weight:bold;
}

#item_header div {
   display:table-cell;
   vertical-align: middle;
}

#item_header div + div {
   display:table-cell;
   vertical-align: middle;
   width:40px;
}

/* Dyed Variations Template */
.dyedvariations {
    border: 1px solid white;
    border-collapse: collapse;
    background:#404040;
    color:white;
    margin-left: auto;
    margin-right: auto;
}

.dyedvariations td {
    border: 1px solid white;
    padding:5px;
}

.dyedvariations th {
    font-size:large;
    font-weight: bold;
    padding:5px;
}

/* Creature and NPC Templates */
.character-infobox {
    //background:#000033;
    border:2px solid #1d72ac;
    padding:0.3em;
    width:22em;
    float:right;
    font-size:95%;
    //color:#ffffff;
}

.character-infobox th {
    padding:0.5em;
    font-size:120%;
}

/* Dungeon Summary Template */
.location-infobox {
    //background:#000033;
    border:2px solid #1d72ac;
    //padding:0.3em;
    width:22em;
    float:right;
    font-size:95%;
    //color:#ffffff;
}

.location-infobox th {
    padding:0.5em;
    font-size:120%;
}

/* Quest Summary Template */
.quest-infobox {
    //background:#000033;
    border:2px solid #1d72ac;
    padding:0.3em;
    width:22em;
    float:right;
    font-size:95%;
    //color:#ffffff;
}

.quest-infobox th {
    padding:0.5em;
    text-align:center;
    font-size:120%;
}

/* Quest Rewards Template */
table.questrewards {
    width:375px;
    //background:#000033;
    border:2px solid #1d72ac;
    margin-bottom:3px;
}
 
table.questrewards th {
   background:#1d72ac;
   font: normal 105% Verdana;
}
 
table.questrewards td:first-child {
   text-align:center;
   width:100px;
   font: normal 95% Verdana;
   //color:#ffffff;
}

table.questrewards td:last-child {
   font: normal 100% Arial;
}

table.questrewards tr {
   vertical-align:top;
}

table.questrewards th a {
    color: #ffffff;
}

/* Item list templates */
.itemtable {
    display:table;
    margin-left:6px;
    margin-bottom:10px;
}

.itemtable_row {
    display:table-row;
}

.itemtable_cell {
    display:table-cell;
    padding:5px;
}

.itemtable_caption {
    font-weight: bold;
}

.itemlist ul {
   list-style: none;
   list-style-type: none;
   list-style-image: none;
}

.creatureitems {
    display:inline-block;
    padding:3px;
    margin-bottom:1px;
}

.creatureitems > span {
    position: absolute;
}

.creatureitems > span > span {
    font-size:29px;
    z-index:1;
    position: absolute;
    right: -32px;
    bottom: -26px;
}

/* Horizontal ToC bar (dungeon and quest templates) */
.contentsbar {
    // background:#000033;
    padding:5px;
    width:100%;
    text-align:center;
}

/* Map point template */
.mappoint {
    position:relative;
    top:0px;
    left:0px;
    width:260px;
}
.mappoint span:first-child {
    position:absolute;
    top:2px;
    left:2px;
    z-index:1;
}

.mappoint span + span, .mappointloc {
    z-index:2;
}

/* Tooltips */
.htt .tooltip-content .tooltip-hide, .hidden { display:none; }

.tooltip-error {
   background-color: black;
   color: white;
   max-width: 18em;
}

.tooltip-ready {
  visibility:hidden;
  display:block;
  z-index:999;
}

.creaturetooltip {
   background-color: #f9f9f9;
}

/* Top navigation links */
.top-nav-links {
    //background:#000033;
    border:2px solid #1d72ac;
    padding:0.3em;
    //color:#ffffff;
}

/* Chat colors */
span.say {
color:black;
}

span.emote {
color:grey;
}

span.tell {
color:darkgoldenrod;
}

span.event {
color:green;
}

span.magic {
color:cornflowerblue;
}

/* Buffed/debuffed stat color */
span.buffed {
color:greenyellow;
}

span.debuffed {
color:red;
}

/* Return to section link */
.linkbar {
  width:25%;
  padding: 5px;
  margin: 3px;
  font-size:85%;
}

.linkbar span {
  font-weight:bold;
}

.linkbar div {
  float: right;
}

/* Section background colors */
/* old fandom color #996633, changed to #1d72ac*/

.accwikibgc {background: #1d72ac}
.characterbgc {background: #1d72ac}
.gameplaybgc {background: #1d72ac}
.newsbgc {background: #1d72ac}
.questsbgc {background: #1d72ac}
.itemsbgc {background: #1d72ac}
.craftingbgc {background: #1d72ac}
.worldbgc {background: #1d72ac}
.lorebgc {background: #1d72ac}
.gettingstartedbgc {background: #1d72ac}
.mediabgc {background: #1d72ac}
.turbinebgc {background: #1d72ac}

/* Hide main page title */
body.page-Home h1.firstHeading {display:none;}

/* Styles for Template:Turbine Games Q&A */
.wiki-template-turbinegamesqa {
    background-color:#000000;
    border:2px solid #000000;
    width:80%;
    padding:30px;
    margin-bottom:20px;
    margin-left:5%;
    margin-right:10%
}

.wiki-template-turbinegamesqa [href]:link {
    color: #FFFFCC;
    text-decoration: underline
}
    
.wiki-template-turbinegamesqa [href]:visited {
    color: #FFFFCC;
    text-decoration: underline
}
    
.wiki-template-turbinegamesqa [href]:hover {
    color: #FFFF66;
    text-decoration: underline
}
    
.wiki-template-turbinegamesqa [href]:active {
    color: #FFFFCC;
    text-decoration: underline
}