Dark Sun

CODES CSS

Prise de  tête

Voici les codes CSS utilisés sur cette campagne, ils ont été créés de manière empirique à coups de copier/coller et de nombreux essais, et ne sont donc pas parfaits… Mais ça fonctionne !

Pour ce travail, un grand merci à Wolfhound, Lord Ao, Milkawel et Kallak.



/* CODES CSS */



/* BACKGROUND */
body {background-color:black;}

#content {background-image:url('http://cdn.obsidianportal.com/assets/161574/obsi-fond6.jpg');}



/* SECONDARY COLUMN */
#secondary-column .sidebar {background-color:transparent;border-color:transparent;padding:10px;font-family:Unkempt;font-size:12pt}

#secondary-column a:link {color:red;text-decoration:none;}
#secondary-column a:visited {color:red;text-decoration:none;}
#secondary-column a:hover {color:red;text-decoration:underline;}
#secondary-column a:active {color:red;text-decoration:none;}

#campaign-quick-select {background-color:black;border-color:black;color:white;}


/* WIKI */
#campaign-content {font-family:Underdog;text-align:justify;padding-left:3px;padding-right:3px;}



/* LINK */
#campaign-content a:link {color:darkred;text-decoration:none;} 
#campaign-content a:visited {color:darkred;text-decoration:none;}
#campaign-content a:hover {color:darkred;text-decoration:underline;}
#campaign-content a:active {color:darkred;text-decoration:none;}



/* NAVIGATION BAR */ 
li.calendar {display:none;} 
.tabnav a:link, .tabnav a:visited
{ 
margin-right: 0px; 
font-family: Trajan Pro,sans-serif; 
border:none; 
}

.tabnav { 
background-image:none; 
height:84px; 
}

.tabnav li.home a:link.active, .tabnav li.home a:visited.active, .tabnav li.home a:link,  .tabnav li.home a:visited  { 
width: 53px; height: 74px; position:relative;top:-10px;
color: white; text-shadow: 1px 0 black, 0 1px 0.3em black,  1px 0 black , 0 -1px black;
padding: 16px 0px 0px 24px; 
font-size:90%; 
background-image:url('http://cdn.obsidianportal.com/assets/163311/banni_re-dark-sun-02bas-1b.jpg'); 
}

tabnav li.adventure-log a:link.active, .tabnav li.adventure-log a:visited.active, .tabnav li.adventure-log a:link, .tabnav li.adventure-log a:visited { 
width: 116px; height: 74px; position:relative;top:-10px;
color: white; text-shadow: 1px 0 black, 0 1px 0.3em black,  1px 0 black , 0 -1px black;
padding: 16px 0px 0px 13px; 
font-size:90%; 
background-image:url('http://cdn.obsidianportal.com/assets/163312/banni_re-dark-sun-02bas-2b.jpg'); 
}

tabnav li.wiki a:link.active, .tabnav li.wiki a:visited.active, .tabnav li.wiki a:link, .tabnav li.wiki a:visited { 
width: 35px; height: 74px; position:relative;top:-10px;
color: white; text-shadow: 1px 0 black, 0 1px 0.3em black,  1px 0 black , 0 -1px black;
padding: 16px 0px 0px 15px; 
font-size:100%; 
background-image:url('http://cdn.obsidianportal.com/assets/163313/banni_re-dark-sun-02bas-3b.jpg'); 
}

tabnav li.characters a:link.active, .tabnav li.characters a:visited.active, .tabnav li.characters a:link, .tabnav li.characters a:visited { 
width: 93px; height: 79px; position:relative;top:-10px;
color: white; text-shadow: 1px 0 black, 0 1px 0.3em black,  1px 0 black , 0 -1px black;
padding: 16px 0px 0px 13px; 
font-size:90%; 
background-image:url('http://cdn.obsidianportal.com/assets/163314/banni_re-dark-sun-02bas-4b.jpg'); 
}

.tabnav li.items a:link.active, .tabnav li.items a:visited.active, .tabnav li.items a:link, .tabnav li.items a:visited { 
width: 53px; height: 81px; position:relative;top:-10px;
color: white; text-shadow: 1px 0 black, 0 1px 0.3em black,  1px 0 black , 0 -1px black;
padding: 16px 0px 0px 6px; 
font-size:90%; 
background-image:url('http://cdn.obsidianportal.com/assets/163285/banni_re-dark-sun-02bas-5.jpg'); 
}

.tabnav li.forum a:link.active, .tabnav li.forum a:visited.active, .tabnav li.forum a:link, .tabnav li.forum a:visited { 
width: 70px; height: 81px; position:relative;top:-10px;
color: white; text-shadow: 1px 0 black, 0 1px 0.3em black,  1px 0 black , 0 -1px black;
padding: 16px 0px 0px 7px; 
font-size:90%; 
background-image:url('http://cdn.obsidianportal.com/assets/163286/banni_re-dark-sun-02bas-6.jpg'); 
}

.tabnav li.maps a:link.active, .tabnav li.maps a:visited.active, .tabnav li.maps a:link, .tabnav li.maps a:visited { 
width: 49px; height: 81px; position:relative;top:-10px;
color: white; text-shadow: 1px 0 black, 0 1px 0.3em black,  1px 0 black , 0 -1px black;
padding: 16px 0px 0px 9px; 
font-size:90%; 
background-image:url('http://cdn.obsidianportal.com/assets/163287/banni_re-dark-sun-02bas-7.jpg'); 
}

.tabnav li.comments a:link.active, .tabnav li.comments a:visited.active, .tabnav li.comments a:link, .tabnav li.comments a:visited { 
width: 150px; height: 84px; position:relative;top:-10px;
color: white; text-shadow: 1px 0 black, 0 1px 0.3em black,  1px 0 black , 0 -1px black;
padding: 16px 0px 0px 10px; 
font-size:90%; 
background-image:url('http://cdn.obsidianportal.com/assets/163288/banni_re-dark-sun-02bas-8.jpg'); 
}



/* CHARACTERS */
#character-list {background-image:url('http://cdn.obsidianportal.com/assets/164126/Characters-background.png');background-position:right top;background-repeat:repeat-y;} 

#character-list {margin-right:-12px;}

#character-list .pc-list {margin:10px;padding:5px;}

#character-list .npc-list {margin:10px;padding:5px;}

#character-list .gm-only-npc-list {margin:10px;padding:5px;}

.pc-list a:link {font-size:200%;}
.npc-list a:link {font-size:200%;}
.gm-only-npc-list a:link {font-size:200%;}

.pc-list a:link.character_link {text-shadow: 0px 0px 2px black;}
.npc-list a:link.character_link {text-shadow: 0px 0px 2px black;}
.gm-only-npc-list a:link.character_link {text-shadow: 0px 0px 2px black;}


li.character-list-item a:link.tag-link {position:relative;top:-5px;font-size:xx-small;font-family:'Georgia',serif;}

.pc-list li.character-list-item {border-color:black;border-style:solid;border-width:6px;border-radius:6px;margin-bottom:5px;background-color:white;width:470px;}
.npc-list li.character-list-item {border-color:black;border-style:solid;border-width:6px;border-radius:6px;margin-bottom:5px;background-color:white;width:470px;}
.gm-only-npc-list li.character-list-item {border-color:yellow;border-style:solid;border-width:6px;border-radius:6px;margin-bottom:5px;background-color:white;width:470px;}

#character-list img.game-content-image {height:60px;width:60px;}



/* ITEM */
#item-list {text-align:left;margin-right:-20px;}

#item-list {background-image:url('http://cdn.obsidianportal.com/assets/163860/Items-background2.png');background-position:right top;background-repeat:repeat-y;}

#item-list .item-list {margin:10px;padding:5px;}

#item-list .item-list a:link {font-size:200%;}

#item-list .item-list a:link.item_link {text-shadow: 0px 0px 2px black;}

#item-list .item-list li.item-list-item a:link.tag-link {position:relative;top:-12px;font-size:xx-small;font-family:'Georgia',serif;}

#item-list .item-list li.item-list-item {border-color:black;border-style:solid;border-width:6px;border-radius:6px;margin-bottom:5px;background-color:white;width:500px;height:60px}

#item-list img.game-content-image {height:60px;width:60px;}



/* FOOTER */
#footer {font-family:Unkempt;font-size:12pt;}

#footer a:link {color:red;text-decoration:none;}
#footer a:visited {color:red;text-decoration:none;}
#footer a:hover {color:red;text-decoration:underline;}
#footer a:active {color:red;text-decoration:none;}