CSS

Here is the CSS code used on the site.

Last exported at 2:01 pm (PST) on Tuesday, February 18th.

/* Repair from the Reforge Fiasco*/ input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea, textarea:focus, .campaign-settings #style-settings #custom-css-field {color:white !important;background-color:black !important;font-family:Arial !important;font-size:14px !important;}

.campaign-public-layout #banner-container .campaign-banner-image, .campaign-public-layout .highlight-container, .flame-dragon svg, .forum-module-container, .calendar-module-container {display:none !important; }

.wiki-page, .wiki-page-container, .post-section, .post-main, .post-header, .main-content, .main-content-container, .columns, #main-footer, #reveal-preview-modal, .archived-version-compare, .content-row, .player-squares, .archived-version-show {background-color:black !important; color:white !important;}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, .wiki-page-name {color:white !important;font-family: Della Respira !important;}
.icon-edit {color:white !important;}
.create-wiki-page-link {color: red !important;}
#campaign-summary-row .row {opacity: 0.0 !important; height: 20px !important;}
#reveal-preview-modal {margin-top:80px !important;}
article.search-result img, article.search-result p, li.calendar, li.characters, li.adventure-log, li.forum, li.maps {display:none !important;}

/* End Repair from the Reforge Fiasco*/

/SITE-WIDE CONTENT AREA CHANGES/

body {font-family: Della Respira;}

/* Link Code */
a:link, #secondary-column a:link, a.character:link, a.item:link, a.place:link, a:visited, a.character:visited, a.item:visited, a.place:visited, h3 a:link, div.comment-count a:link, h3 a:visited, div.comment-count a:visited, span.comment-author a:link, span.comment-author a:visited {color:DodgerBlue;text-decoration:none;font-weight:bold;}
a:hover {color:Blue;}

li {padding-top:0px !important;}

/NEW NAVBAR BUTTONS/
.NewOuterNavMenu {
position:fixed;
top:33px;
z-index:1;
}

.NewInnerNavMenu {
position:relative;
left:-115px;
top:-8px;
width:1200px;
height:120px;
z-index:2;
background-color:black;
}

.NavBox {
position:absolute;
top:10px;
border:3px solid #404040;
border-radius:3px;
width:80px;
min-height:90px;
display:inline-block;
overflow:hidden;
background-repeat:no-repeat;
}

.NavBoxLink {
position:relative;
display:block;
width:80px;
height:90px;
text-decoration: none;
background-color:transparent;
}

.NavBoxLabel {
position:absolute;
top:76px;
left:0px;
background-color:#202020;
text-align:center;
font-weight:bold;
width:74px;
color:white;
font-size:10px;
font-family: Della Respira;
line-height:14px;
}

.NavBoxBe {
left:649px;
background-image:url(‘http://4.bp.blogspot.com/-5Bv7ZB1hrro/Tlf3ydr416I/AAAAAAAAAoU/fngBp2Iztz4/s1600/QazwiniSimurgh.jpg’);
background-position:0px 0px;
background-size:85px;
}

.NavBoxGe {
left:469px;
background-image:url(‘http://www.hometownsevier.com/wp-content/uploads/2013/04/Compass-And-Old-Map.jpg’);
background-position:-22px 0px;
background-size:125px;
}

.NavBoxGo {
left:739px;
background-image:url(‘http://i443.photobucket.com/albums/qq157/Belrathius/Gaming/High%20Fantasy/woodencart_zpsff7aa019.jpg’);
background-position:-10px -75px;
background-size:121px;
}

.NavBoxHi {
left:559px;
background-image:url(‘http://i443.photobucket.com/albums/qq157/Belrathius/Gaming/High%20Fantasy/History_zps56cebe30.jpg’);
background-position:-30px -27px;
background-size:150px;
}

.NavBoxJo {
left:379px;
background-image:url(‘http://us.123rf.com/400wm/400/400/valzann/valzann1210/valzann121001466/15746734-old-books-and-pen-on-a-white-background.jpg’);
background-position:-7px -1px;
background-size:97px;
}

.NavBoxLo {
left:919px;
background-image:url(‘http://i443.photobucket.com/albums/qq157/Belrathius/Gaming/High%20Fantasy/Logistics_zps29490a02.jpg’);
background-position:0px 0px;
background-size:80px;
}

.NavBoxMa {
left:829px;
background-image:url(‘http://cache.desktopnexus.com/thumbnails/603108-bigthumbnail.jpg’);
background-position:-30px -10px;
background-size:146px;
}

.NavBoxMe {
left:1009px;
background-image:url(‘http://us.123rf.com/400wm/400/400/alfaolga/alfaolga1108/alfaolga110800217/10121096-silhouette-clockwork.jpg’);
background-position:-7px -3px;
background-size:86px;
}

.NavBoxOr {
left:199px;
background-image:url(‘http://3.bp.blogspot.com/-2fn3yEZzsXs/T1pa6zQjeoI/AAAAAAAAAcM/d2U-lbNOs9I/s400/blacksmith.gif’);
background-position:0px 0px;
background-size:74px;
}

.NavBoxPe {
left:19px;
background-image:url(‘http://year7historygr.edublogs.org/files/2009/06/800px-2dfrenchjews1-20wikimedia-20commons-20from-201901-2d6-20jewish-20encyclopedia-small11.jpg’);
background-position:-1px 0px;
background-size:165px;
}

.NavBoxRa {
left:109px;
background-image:url(‘http://fc07.deviantart.net/fs70/f/2012/188/4/4/fantasy_races_by_dariofish-d56clui.jpg’);
background-position:0px -6px;
background-size:279px;
}

.NavBoxRe {
left:289px;
background-image:url(‘http://th04.deviantart.net/fs44/200H/i/2009/086/2/6/Religions_Temptation_by_PigeonKill.jpg’);
background-position:0px -35px;
background-size:85px;
}

.NavBoxSa {
left:1099px;
background-image:url(‘http://www.lowes.com/images/LCI/Planning/HowTos/ht_BuildaSandbox_hero_image.jpg’);
background-position:-45px 0px;
background-size:170px;
}

.NavLabel {
position:absolute;
display:inline-block;
left:800px;
top:-50px;
z-index:1002 !important;
width:250px;
height:60px;
overflow:hidden;
background-repeat:no-repeat;
visibility:visible;
}

div.NavBoxBe:hover ~ div.NavLabel {background-image:url(‘http://i443.photobucket.com/albums/qq157/Belrathius/Gaming/High%20Fantasy/Button_Bestiary_zps3defc45a.png’);}
div.NavBoxGe:hover ~ div.NavLabel {background-image:url(‘http://i443.photobucket.com/albums/qq157/Belrathius/Gaming/High%20Fantasy/Button_Geography_zpsc2367df6.png’);}
div.NavBoxGo:hover ~ div.NavLabel {background-image:url(‘http://i443.photobucket.com/albums/qq157/Belrathius/Gaming/High%20Fantasy/Button_Goods_zps6db65277.png’);}
div.NavBoxJo:hover ~ div.NavLabel {background-image:url(‘http://i443.photobucket.com/albums/qq157/Belrathius/Gaming/High%20Fantasy/Button_Journals_zps3e780f74.png’);}
div.NavBoxLo:hover ~ div.NavLabel {background-image:url(‘http://i443.photobucket.com/albums/qq157/Belrathius/Gaming/High%20Fantasy/Button_Logistics_zps5009d4d1.png’);}
div.NavBoxMa:hover ~ div.NavLabel {background-image:url(‘http://i443.photobucket.com/albums/qq157/Belrathius/Gaming/High%20Fantasy/Button_Magic_zpsf9bc099f.png’);}
div.NavBoxMe:hover ~ div.NavLabel {background-image:url(‘http://i443.photobucket.com/albums/qq157/Belrathius/Gaming/High%20Fantasy/Button_Mechanics_zpsd4977358.png’);}
div.NavBoxOr:hover ~ div.NavLabel {background-image:url(‘http://i443.photobucket.com/albums/qq157/Belrathius/Gaming/High%20Fantasy/Button_Organizations_zps94e54129.png’);}
div.NavBoxPe:hover ~ div.NavLabel {background-image:url(‘http://i443.photobucket.com/albums/qq157/Belrathius/Gaming/High%20Fantasy/Button_People_zpsf471720f.png’);}
div.NavBoxRa:hover ~ div.NavLabel {background-image:url(‘http://i443.photobucket.com/albums/qq157/Belrathius/Gaming/High%20Fantasy/Button_Races_zps78261679.png’);}
div.NavBoxRe:hover ~ div.NavLabel {background-image:url(‘http://i443.photobucket.com/albums/qq157/Belrathius/Gaming/High%20Fantasy/Button_Religions_zpsf15e0387.png’);}
div.NavBoxSa:hover ~ div.NavLabel {background-image:url(‘http://i443.photobucket.com/albums/qq157/Belrathius/Gaming/High%20Fantasy/Button_Sandbox_zpseb700274.png’);}

/DIV DEFINITIONS/

/* CHARACTER CREATION */

.Phase2Header {
position:relative;
width:720px;
height:70px;
border:2px solid #A0A0A0;
border-radius:12px 12px 12px 12px;
font-size:22px;
text-align:center;
padding:15px;
background-color:white;
color:black;
font-weight:bold;
font-size:36px;
margin-bottom:15px
}

.Phase2Wrapper {
position:relative;
margin-bottom:10px;
width:720px;
height:121px;
}

.Phase2ProfBox {
position:absolute;
width:174px;
height:35px;
border:2px solid #A0A0A0;
border-radius:6px 6px 6px 6px;
font-size:22px;
text-align:center;
padding:5px;
background-color:white;
color:black;
overflow:hidden;
font-weight:bold;
}

.Phase2ProfLink {
position:absolute;
height:50px;
width:180px;
top:-2px;
left:-2px;
background-color:transparent;
z-index:4;
}

.Phase2FolderWrapper {
position:relative;
margin-bottom:10px;
}
.Phase2FolderTabTop {
position:absolute;
top:0px;
left:0px;
width:220px;
height:35px;
border:2px solid #A0A0A0;
border-radius:6px 6px 0px 0px;
border-bottom:none;
font-size:22px;
text-align:center;
padding:10px;
background-color:white;
color:black;
font-weight:bold;
}

.Phase2FolderTabLeft {
position:absolute;
top:35px;
left:0px;
width:600px;
height:10px;
border-left:2px solid #A0A0A0;
background-color:white;
}

.Phase2FolderTabMiddle {
position:absolute;
top:35px;
left:218px;
width:400px;
height:6px;
border-left:2px solid #A0A0A0;
border-bottom:2px solid #A0A0A0;
border-radius:0px 0px 0px 6px;
background-color:black;
}

.Phase2FolderTabRight {
position:absolute;
top:39px;
left:600px;
width:120px;
height:6px;
border-top:2px solid #A0A0A0;
border-right:2px solid #A0A0A0;
border-radius:0px 6px 0px 0px;
background-color:white;
}

.Phase2FolderBlock1, .Phase2FolderBlock2, .Phase2FolderBlock3, .Phase2FolderBlock4, .Phase2FolderBottom {
position:absolute;
left:0px;
width:720px;
border-left:2px solid #A0A0A0;
border-right:2px solid #A0A0A0;
background-color:white;
color:black;
line-height:1.5;
}

.Phase2FolderBlock1 {
top:45px;
height:90px;
padding:10px;
padding-bottom:0px;
}

.Phase2FolderBlock2 {
top:130px;
height:30px;
padding-left:60px;
}

.Phase2FolderBlock3 {
padding:10px;
padding-top:0px;
}

.Phase2FolderBlock4 {
padding-left:60px;
}

.Phase2FolderBottom {
height:10px;
border-bottom:2px solid #A0A0A0;
border-radius:0px 0px 6px 6px;
}

/* PEOPLE PAGES */

.PeopleMenu, .MapMenu {
position:relative;
border:6px solid #404040;
padding:3px;
background-color:#202020;
border-radius:6px;
color:white;
text-align:center;
display:inline-block;
top:6px;
vertical-align:top;
overflow:hidden;
max-height:43px;
line-height:1.3;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

.PeopleMenu:hover, .MapMenu:hover {
max-height:3000px;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

.CharBox {
margin-top:15px;
margin-bottom:35px;
margin-left:25px;
position:relative;
width:695px;
min-height:125px;
background-color:white;
border-radius:9px;
padding:2px;
border:2px solid grey;
}

.CharMiniPicFrame {
position:absolute;
left:-27px;
top:-17px;
height:155px;
width:135px;
border:2px solid black;
background-color:tan;
}

.CharMiniPic {
position:absolute;
left:8px;
top:8px;
height:135px;
width:115px;
border:2px solid black;
}

.CharName {
position:absolute;
left:115px;
top:0px;
color:black;
font-size:x-large;
padding:2px;
font-weight:bold;
}

.CharPlayerName {
position:absolute;
left:115px;
top:36px;
color:black;
font-weight:bold;
padding:2px;
}

.CharCityInfo, .CharLocationInfo, .CharRace, .CharReligion, .CharOrganization {
position:absolute;
width:560px;
left:115px;
color:black;
font-weight:bold;
padding:2px;
}

.CharCityInfo {top:36px;}
.CharLocationInfo {top:56px;}
.CharRace {top:76px;}
.CharReligion {top:96px;}
.CharOrganization {top:116px;}

.CharSummary, .CharNPCSummary {
position:relative;
margin-left:115px;
width:570px;
color:black;
padding:2px;
padding-bottom:7px;
}

.CharSummary {margin-top:58px;}
.CharNPCSummary {margin-top:138px;}

/* RACE PAGES */

.RaceListTitle, .RaceListItem, .RaceListLink, .RaceWrapper, .RaceSpacer {position:relative;}

.RaceListText, .RacePicLeft, .RacePicRight, .RaceName, .RaceCost, .RaceBar, .RaceAdsBox, .RaceDisadsBox, .StatLeft, .StatLeftBig, .StatRight, .StatRightBig {position:absolute;}

.RacePicLeft, .RacePicRight, .RaceBar, .RaceAdsBox, .RaceDisadsBox, .StatLeft, .StatLeftBig, .StatRight, .StatRightBig {border:2px solid #808080;}

.RaceListTitle {
border:6px solid #404040;
padding:9px;
background-color:#202020;
border-radius:6px;
margin:5px;
margin-bottom:10px;
font-weight:bold;
text-align:center;
font-size:26px;
}

.RaceListItem {
border:2px solid white;
border-radius:25px;
width:170px;
min-height:170px;
display:inline-block;
margin-bottom:5px;
margin-right:5px;
background-repeat:no-repeat;
overflow:hidden;
}

.RaceListLink {
display:block;
width:170px;
height:170px;
text-decoration: none;
background-color:transparent;
}

.RaceListText {
top:120px;
left:0px;
text-align:center;
width:170px;
color:black;
font-size:large;
line-height:24px;
text-shadow:-2px 0px white,0px -2px white, 2px 0px white, 0px 2px white;
}

.RaceWrapper {
margin:2px;
left:-2px;
width:735px;
max-height:3000px;
background-color:#101010;
border-radius:6px;
padding:6px;
border:4px solid #808080;
color:#ffffff;
}

.RacePicLeft {
left:6px;
top:6px;
height:245px;
width:237px;
display:inline-block;
vertical-align:top;
margin:2px;
}

.RacePicRight {
left:479px;
top:6px;
height:245px;
width:237px;
display:inline-block;
vertical-align:top;
margin:2px;
}

.RaceName {
left:253px;
top:6px;
height:100px;
width:220px;
text-align:center;
font-size:24px;
}

.RaceCost {
left:253px;
top:40px;
height:100px;
width:220px;
text-align:center;
}

.RaceBar {
left:253px;
top:95px;
height:0px;
width:220px;
}

.RaceAdsBox, .RaceDisadsBox {
top:260px;
height:305px;
width:350px;
padding:4px;
}

.RaceAdsBox {
left:8px;
}

.RaceDisadsBox {
left:368px;
}

.RaceSpacer {
left:8px;
height:560px;
width:704px;
padding:2px;
}

.StatLeft, .StatLeftBig, .StatRight, .StatRightBig {
text-align:center;
font-size:12px;
line-height:22px;
}

.StatLeft, .StatLeftBig {
height:25px;
background-color:#808080;
border-radius:6px 0px 0px 6px;
}

.StatRight, .StatRightBig {
height:25px;
border-radius:0px 6px 6px 0px;
}

.StatLeft {width:27px;}
.StatLeftBig {width:150px;}
.StatRight {width:26px;}
.StatRightBig {width:71px;}

/* ORGANIZATION PAGES */

/* RELIGION PAGES */

.AnavaleColor {background-color:skyblue;}
.BaylodaColor {background-color:gray;}
.ChanacColor {background-color:silver;}
.EvannaColor {background-color:maroon;}
.FresseilColor {background-color:green;}
.GainoColor {background-color:orange;}
.JiaColor {background-color:black;border-color:grey;}
.KadiilColor {background-color:red;}
.LyriuColor {background-color:mediumblue;}
.RanaColor {background-color:white;}
.RennoColor {background-color:purple;}
.RiloColor {background-color:saddlebrown;}
.SweeColor {background-color:gold;}

.AnavaleColor, .BaylodaColor, .ChanacColor, .EvannaColor, .FresseilColor, .GainoColor, .KadiilColor, .LyriuColor, .RanaColor, .RennoColor, .RiloColor, .SweeColor {border-color:black;}

.DeityWrapper {
margin:45px;
position:relative;
width:720px;
background-color:white;
border-radius:9px;
padding:2px;
border:2px solid grey;
}

.DeityPortraitFrame {
position:absolute;
left:-45px;
top:-45px;
height:425px;
width:365px;
border:2px solid black;
}

.DeityPortrait {
position:absolute;
left:8px;
top:8px;
height:405px;
width:345px;
border:2px solid black;
}

.DeityName {
position:absolute;
left:330px;
top:10px;
width:376px;
font-size:42px;
padding:2px;
font-weight:bold;
color:black;
text-align:center;
padding-bottom:10px;
border-bottom:4px solid black;
}

.DeityDomains {
position:absolute;
left:330px;
top:75px;
color:black;
font-size:18px;
padding:2px;
line-height:1.5;
}

.DeityBlock {
position:absolute;
color:black;
font-size:18px;
padding:2px;
line-height:1.5;
text-align:center;
}

.DeityInfo2 {
position:absolute;
left:330px;
top:297px;
color:black;
font-size:18px;
padding:2px;
line-height:1.5;
}

.DeityInfo3 {
position:absolute;
left:10px;
top:380px;
width:700px;
color:black;
font-size:18px;
padding:2px;
line-height:1.5;
}

/* BESTIARY PAGES */

.bestiaryDropDown {
position:relative;
border:6px solid #404040;
padding:3px;
background-color:#202020;
border-radius:6px;
color:white;
text-align:center;
display:inline-block;
top:6px;
vertical-align:top;
overflow:hidden;
max-height:54px;
transition: all 1.5s ease-in-out;
-webkit-transition: all 1.5s ease-in-out;
-moz-transition: all 1.5s ease-in-out;
-o-transition: all 1.5s ease-in-out;
}

.bestiaryDropDown:hover {
max-height:3000px;
transition: all 1.5s ease-in-out;
-webkit-transition: all 1.5s ease-in-out;
-moz-transition: all 1.5s ease-in-out;
-o-transition: all 1.5s ease-in-out;
}

/* ITEM PAGES */

.ItemBoxMisc, .ItemBoxMelee, .ItemBoxRanged, .ItemBoxArmor {
position:relative;
margin-top:15px;
margin-bottom:35px;
margin-left:25px;
padding:2px;
background-color:white;
border:2px solid grey;
width:695px;
left:0px;
border-radius:9px;
color:black;
padding-left:10px;
line-height:1.2;
}

.ItemBoxArmor {padding-top:165px;}
.ItemBoxMisc {padding-top:145px;}
.ItemBoxMelee {padding-top:185px;}
.ItemBoxRanged {padding-top:205px;}

.ItemMiniPicFrame {
position:absolute;
left:-27px;
top:-17px;
height:155px;
width:135px;
border:2px solid black;
background-color:tan;
}

.ItemMiniPic {
position:absolute;
left:8px;
top:8px;
height:135px;
width:115px;
border:2px solid black;
}

.ItemRuleMelee, .ItemRuleMisc, .ItemRuleRanged, .ItemRuleArmor {
position:absolute;
left:5px;
width:682px;
border-bottom:1px solid black;
height:2px;
}

.ItemRuleArmor {top:162px;}
.ItemRuleMelee {top:182px;}
.ItemRuleMisc {top:142px;}
.ItemRuleRanged {top:202px;}

.ItemName {
position:absolute;
border-bottom:1px solid black;
width:572px;
left:115px;
top:10px;
font-size:28px;
padding:2px;
padding-bottom:10px;
font-weight:bold;
color:black;
}

.ItemName a:link, .ItemName a:visited, .ItemName a:hover {
color:blue;
text-decoration:none;
}

.ItemLabel {
position:absolute;
color:black;
font-weight:bold;
padding:2px;
width:70px
}

.ItemValue {
position:absolute;
color:black;
padding:2px;
width:215px;
}

.ItemOwnerL, .ItemOwnerV, .ItemLocationL, .ItemLocationV {top:60px;}
.ItemPriceL, .ItemPriceV, .ItemValueL, .ItemValueV {top:80px;}
.ItemPageL, .ItemPageV, .ItemNotesL, .ItemNotesV {top:100px;}
.ItemWeightL, .ItemWeightV, .ItemBulkL, .ItemBulkV {top:120px;}
.ItemDamageL, .ItemDamageV, .ItemDRL, .ItemDRV, .ItemMinSTL, .ItemMinSTV, .ItemProtAreaL, .ItemProtAreaV {top:140px;}
.ItemReachL, .ItemReachV, .ItemRangeL, .ItemRangeV, .ItemParryL, .ItemParryV, .ItemAccL, .ItemAccV {top:160px;}
.ItemRoFL, .ItemRoFV, .ItemShotsL, .ItemShotsV {top:180px;}

.ItemOwnerL, .ItemPriceL, .ItemPageL, .ItemWeightL, .ItemDamageL, .ItemReachL, .ItemRangeL, .ItemRoFL, .ItemDRL {left:115px;}
.ItemOwnerV, .ItemPriceV, .ItemPageV, .ItemWeightV, .ItemDamageV, .ItemReachV, .ItemRangeV, .ItemRoFV, .ItemDRV {left:185px;}
.ItemLocationL, .ItemValueL, .ItemNotesL, .ItemBulkL, .ItemMinSTL, .ItemParryL, .ItemAccL, .ItemShotsL, .ItemProtAreaL {left:400px;}
.ItemLocationV, .ItemValueV, .ItemNotesV, .ItemBulkV, .ItemMinSTV, .ItemParryV, .ItemAccV, .ItemShotsV, .ItemProtAreaV {left:470px;}

/* JOURNAL PAGES */

.OPStyleGreyBox {
position:relative;
border:6px solid #404040;
padding:9px;
background-color:#202020;
border-radius:6px;
}

.JournalOwner {
position:relative;
background-color:#202020;
border:6px solid #404040;
border-radius:10px;
width:360px;
display:inline-block;
margin-bottom:5px;
margin-right:5px;
font-size:24px;
text-align:center;
vertical-align:top;
padding:9px;
}

.JournalTitle {
position:relative;
width:332px;
margin-top:5px;
padding:2px;
border:2px solid black;
background-color:white;
border-radius:6px;
color:black;
text-align:center;
font-size:20px;
font-weight: bold;
}

.JournalData {
font-weight: bold;
}

.JournalSummary {
font-size:14px;
width:332px;
color:white;
}

.JournalBookALeftWrapper {
background-image:url(‘http://i443.photobucket.com/albums/qq157/Belrathius/Gaming/High%20Fantasy/BookALeft_zps17015995.png’);
background-size:720px;
height:1030px;
width:720px;
background-repeat:no-repeat;
}

.JournalBookARightWrapper {
background-image:url(‘http://i443.photobucket.com/albums/qq157/Belrathius/Gaming/High%20Fantasy/BookARight_zps496b0686.png’);
background-size:720px;
height:1030px;
width:720px;
background-repeat:no-repeat;
}

.JournalEntryLeftBook {
color:#000000;
position:relative;
left:80px;
width:580px;
line-height:1.2;
}

.JournalEntryRightBook {
color:#000000;
position:relative;
left:90px;
width:580px;
line-height:1.2;
}

.JournalHTitle, .JournalHEntry {
font-family: Handlee;
}

.JournalLBATitle, .JournalLBAEntry {
font-family: La Belle Aurore;
}

.JournalMBTitle, .JournalMBEntry {
font-family: Mr Bedfort;
}

.JournalSTitle, .JournalSEntry {
font-family: Sofia;
}

.JournalWSTitle, .JournalWSEntry {
font-family:Waiting for the Sunrise;
}

.JournalMBTitle {
font-size:36px;
}

.JournalHTitle, .JournalWSTitle {
font-size:30px;
}

.JournalLBATitle, .JournalSTitle, .JournalMBEntry {
font-size:24px;
}

.JournalHEntry, .JournalWSEntry {
font-size:20px;
}

.JournalLBAEntry, .JournalSEntry {
font-size:18px;
}

/* MAGIC SECTION PAGES */

a.MagicMenuRollover {
position:relative;
display:block;
width:139px;
height:50px;
text-decoration: none;
background-color:transparent;
}

a.MagicMenuRollover:hover {
background-position:-139px 0px;
}

.MagicMenuOvertext {
position:absolute;
top:34%;
left:0px;
text-align:center;
width:139px;
color:black;
font-size:large;
font-family:‘Rye’, ‘Rye’, sans-serif;
line-height:97%;
text-shadow:-2px 0px white,0px -2px white, 2px 0px white, 0px 2px white;
}

.MagicMenuOvertext:hover {
color:white;
text-shadow:-2px 0px black,0px -2px black, 2px 0px black, 0px 2px black;
}

.MagicSubMenuButton {
display:inline-block;
vertical-align:top;
height:50px;
width:139px;
margin:2px;
background:url(‘http://i443.photobucket.com/albums/qq157/Belrathius/Gaming/High%20Fantasy/MagicBackground_zps7e486ee4.jpg’);
}

a.MagicMenuRolloverDouble {
position:relative;
display:block;
width:286px;
height:50px;
text-decoration: none;
background-color:transparent;
}

a.MagicMenuRolloverDouble:hover {
background-position:-286px 0px;
}

.MagicMenuOvertextDouble {
position:absolute;
top:34%;
left:0px;
text-align:center;
width:286px;
color:black;
font-size:large;
font-family:‘Rye’, ‘Rye’, sans-serif;
line-height:97%;
text-shadow:-2px 0px white,0px -2px white, 2px 0px white, 0px 2px white;
}

.MagicMenuOvertextDouble:hover {
color:white;
text-shadow:-2px 0px black,0px -2px black, 2px 0px black, 0px 2px black;
}

.MagicSubMenuButtonDouble {
display:inline-block;
vertical-align:top;
height:50px;
width:286px;
margin:2px;
background:url(‘http://i443.photobucket.com/albums/qq157/Belrathius/Gaming/High%20Fantasy/MagicBackground_zps7e486ee4.jpg’);
}

.MagicSubMenuBar {
display:inline-block;
vertical-align:top;
height:25px;
width:727px;
margin:2px;
background:url(‘http://i443.photobucket.com/albums/qq157/Belrathius/Gaming/High%20Fantasy/MagicBackground_zps7e486ee4.jpg’);
}

.SpellBox {
margin:2px;
left:-2px;
position:relative;
width:720px;
height:132px;
background-color:white;
border-radius:6px;
padding:2px;
border:2px solid grey;
}

.SpellMiniPic {
position:absolute;
left:6px;
top:6px;
height:120px;
width:120px;
border:2px solid black;
}

.SpellName {
position:absolute;
left:140px;
top:0px;
font-size:x-large;
padding:2px;
font-weight:bold;
color:black;
}

.SpellDifficulty {
position:absolute;
left:140px;
top:36px;
color:black;
padding:2px;
}

.SpellType {
position:absolute;
left:340px;
top:36px;
color:black;
padding:2px;
}

.SpellCCast {
position:absolute;
left:140px;
top:58px;
color:black;
padding:2px;
}

.SpellCMaintain {
position:absolute;
left:320px;
top:58px;
color:black;
padding:2px;
}

.SpellTCast {
position:absolute;
left:500px;
top:58px;
color:black;
padding:2px;
}

.SpellDuration {
position:absolute;
left:140px;
top:80px;
color:black;
padding:2px;
}

.SpellPrereqs {
position:absolute;
left:140px;
top:102px;
color:black;
padding:2px;
}

.SpellEnchantCost {
position:absolute;
left:140px;
top:124px;
color:black;
padding:2px;
}

.SpellEnchantMaterial {
position:absolute;
left:290px;
top:124px;
color:black;
padding:2px;
}

.SpellEnchantItem {
position:absolute;
left:470px;
top:124px;
color:black;
padding:2px;
}

.SpellText {
position:absolute;
left:6px;
top:146px;
color:black;
padding:2px;
}

/* MAP PAGES */

.MapTitle {
position:relative;
border:6px solid #404040;
padding:9px;
background-color:#202020;
border-radius:6px;
margin:5px;
margin-bottom:10px;
font-weight:bold;
text-align:center;
font-size:26px;
}

.WorldMapLink {
position:absolute;
display:block;
width:110px;
height:120px;
text-decoration:none;
background-color:transparent;
}

.WorldMapLink:hover {
background:url(‘http://i443.photobucket.com/albums/qq157/Belrathius/Gaming/High%20Fantasy/MapCover_zpsec3772d6.png’);
}

.ColA {left:33px;}
.ColB {left:143px;}
.ColC {left:253px;}
.ColD {left:363px;}
.ColE {left:473px;}
.ColF {left:583px;}

.Row1 {top:20px;}
.Row2 {top:140px;}
.Row3 {top:260px;}
.Row4 {top:380px;}

.MapInfoWrapper {
position:absolute;
border:2px solid #404040;
background-color:#202020;
border-radius:0px;
padding:4px;
color:white;
font-size:14px;
overflow:hidden;
line-height:1.2;
}

.MapMarker, .MapLegendMarker, .BigMapMarker {
border:none;
background-color:darkred;
display:inline-block;
color:white;
text-align:center;
overflow:hidden;
}

.MapMarker, .MapLegendMarker {
border-radius:7px;
width:14px;
height:14px;
font-size:8px;
line-height:13px;
}

.BigMapMarker {
border-radius:14px;
width:28px;
height:28px;
font-size:16px;
line-height:26px;
}

.MapMarker, .BigMapMarker {position:absolute;}
.MapLegendMarker {position:relative;}

.MapMarkerLink {
position:absolute;
top:0px;
left:0px;
display:block;
width:12px;
height:12px;
text-decoration:none;
background-color:transparent;
}

.MapMarkerUnlinked {
background-color:#404040;
}

.MapLegendWrapper {
position:relative;
font-size:14px;
}

.MapLegendC1, .MapLegendC2, .MapLegendC3 {
position:absolute;
top:0px;
display:inline-block;
width:236px;
vertical-align:top;
}

.MapLegendC1 {left:0px;}
.MapLegendC2 {left:248px;}
.MapLegendC3 {left:496px;}

.MapLegendHeader, .MapLegendStars, .MapLegendEntry, .MapLegendWideEntry, .MapLegendMenuEntry, .MapLegendMenuPrice {
position:relative;
display:inline-block;
vertical-align:top;
}

.MapLegendHeader {
border:3px solid #404040;
background-color:#202020;
margin-top:10px;
margin-bottom:5px;
border-radius:10px;
padding:4px;
width:240px;
font-weight:bold;
color:white;
text-align:center;
font-size:16px;
text-shadow:-1px 0px black, 0px -1px black, 1px 0px black, 0px 1px black;
}

.MapLegendStars, .MapLegendEntry, .MapLegendWideEntry, .MapLegendMenuEntry, .MapLegendMenuPrice {
border:none;
margin-top:3px;
}

.MapLegendStars {
height:23px;
background-image:url(‘http://i443.photobucket.com/albums/qq157/Belrathius/Gaming/High%20Fantasy/10goldstars_zpse4b15851.png’);
background-size:200px;
background-repeat:no-repeat;
margin-bottom:5px;
}

.Stars1 {width:20px;margin-left:110px;}
.Stars2 {width:40px;margin-left:100px;}
.Stars3 {width:60px;margin-left:90px;}
.Stars4 {width:80px;margin-left:80px;}
.Stars5 {width:100px;margin-left:70px;}
.Stars6 {width:120px;margin-left:60px;}
.Stars7 {width:140px;margin-left:50px;}
.Stars8 {width:160px;margin-left:40px;}
.Stars9 {width:180px;margin-left:30px;}
.Stars10 {width:200px;margin-left:20px;}

.MapLegendEntry {width:211px;margin-left:5px;}
.MapLegendWideEntry {width:240px;}
.MapLegendMenuEntry {width:170px;}
.MapLegendMenuPrice {width:60px;text-align:right;}

.MapNoteItem {
position:relative;
border:3px solid #404040;
background-color:#202020;
margin:30px;
margin-top:10px;
margin-bottom:10px;
border-radius:10px;
width:660px;
height:55px;
padding:6px;
font-weight:bold;
color:white;
text-align:center;
font-size:32px;
text-shadow:-1px 0px black,0px -1px black, 1px 0px black, 0px 1px black;
overflow:hidden;
}

.Info01, .Info02, .Info03, .Info04, .Info05, .Info06, .Info07, .Info08, .Info09, .Info10, .Info11, .Info12, .Info13, .Info14, .Info15, .Info16, .Info17, .Info18, .Info19, .Info20, .Info21, .Info22, .Info23, .Info24, .Info25, .Info26, .Info27, .Info28, .Info29, .Info30, .Info31, .Info32, .Info33, .Info34, .Info35, .Info36, .Info37, .Info38, .Info39, .Info40, .Info41, .Info42, .Info43, .Info44, .Info45, .Info46, .Info47, .Info48, .Info49, .Info50, .Info51, .Info52, .Info53, .Info54, .Info55, .Info56, .Info57, .Info58, .Info59, .Info60, .Info61, .Info62, .Info63, .Info64, .Info65, .Info66, .Info67, .Info68, .Info69, .Info70 {display:none;}

div.Marker01:hover ~ div.Info01 {display:inline-block;}
div.Marker02:hover ~ div.Info02 {display:inline-block;}
div.Marker03:hover ~ div.Info03 {display:inline-block;}
div.Marker04:hover ~ div.Info04 {display:inline-block;}
div.Marker05:hover ~ div.Info05 {display:inline-block;}
div.Marker06:hover ~ div.Info06 {display:inline-block;}
div.Marker07:hover ~ div.Info07 {display:inline-block;}
div.Marker08:hover ~ div.Info08 {display:inline-block;}
div.Marker09:hover ~ div.Info09 {display:inline-block;}
div.Marker10:hover ~ div.Info10 {display:inline-block;}
div.Marker11:hover ~ div.Info11 {display:inline-block;}
div.Marker12:hover ~ div.Info12 {display:inline-block;}
div.Marker13:hover ~ div.Info13 {display:inline-block;}
div.Marker14:hover ~ div.Info14 {display:inline-block;}
div.Marker15:hover ~ div.Info15 {display:inline-block;}
div.Marker16:hover ~ div.Info16 {display:inline-block;}
div.Marker17:hover ~ div.Info17 {display:inline-block;}
div.Marker18:hover ~ div.Info18 {display:inline-block;}
div.Marker19:hover ~ div.Info19 {display:inline-block;}
div.Marker20:hover ~ div.Info20 {display:inline-block;}
div.Marker21:hover ~ div.Info21 {display:inline-block;}
div.Marker22:hover ~ div.Info22 {display:inline-block;}
div.Marker23:hover ~ div.Info23 {display:inline-block;}
div.Marker24:hover ~ div.Info24 {display:inline-block;}
div.Marker25:hover ~ div.Info25 {display:inline-block;}
div.Marker26:hover ~ div.Info26 {display:inline-block;}
div.Marker27:hover ~ div.Info27 {display:inline-block;}
div.Marker28:hover ~ div.Info28 {display:inline-block;}
div.Marker29:hover ~ div.Info29 {display:inline-block;}
div.Marker30:hover ~ div.Info30 {display:inline-block;}
div.Marker31:hover ~ div.Info31 {display:inline-block;}
div.Marker32:hover ~ div.Info32 {display:inline-block;}
div.Marker33:hover ~ div.Info33 {display:inline-block;}
div.Marker34:hover ~ div.Info34 {display:inline-block;}
div.Marker35:hover ~ div.Info35 {display:inline-block;}
div.Marker36:hover ~ div.Info36 {display:inline-block;}
div.Marker37:hover ~ div.Info37 {display:inline-block;}
div.Marker38:hover ~ div.Info38 {display:inline-block;}
div.Marker39:hover ~ div.Info39 {display:inline-block;}
div.Marker40:hover ~ div.Info40 {display:inline-block;}
div.Marker41:hover ~ div.Info41 {display:inline-block;}
div.Marker42:hover ~ div.Info42 {display:inline-block;}
div.Marker43:hover ~ div.Info43 {display:inline-block;}
div.Marker44:hover ~ div.Info44 {display:inline-block;}
div.Marker45:hover ~ div.Info45 {display:inline-block;}
div.Marker46:hover ~ div.Info46 {display:inline-block;}
div.Marker47:hover ~ div.Info47 {display:inline-block;}
div.Marker48:hover ~ div.Info48 {display:inline-block;}
div.Marker49:hover ~ div.Info49 {display:inline-block;}
div.Marker50:hover ~ div.Info50 {display:inline-block;}
div.Marker51:hover ~ div.Info51 {display:inline-block;}
div.Marker52:hover ~ div.Info52 {display:inline-block;}
div.Marker53:hover ~ div.Info53 {display:inline-block;}
div.Marker54:hover ~ div.Info54 {display:inline-block;}
div.Marker55:hover ~ div.Info55 {display:inline-block;}
div.Marker56:hover ~ div.Info56 {display:inline-block;}
div.Marker57:hover ~ div.Info57 {display:inline-block;}
div.Marker58:hover ~ div.Info58 {display:inline-block;}
div.Marker59:hover ~ div.Info59 {display:inline-block;}
div.Marker60:hover ~ div.Info60 {display:inline-block;}
div.Marker61:hover ~ div.Info61 {display:inline-block;}
div.Marker62:hover ~ div.Info62 {display:inline-block;}
div.Marker63:hover ~ div.Info63 {display:inline-block;}
div.Marker64:hover ~ div.Info64 {display:inline-block;}
div.Marker65:hover ~ div.Info65 {display:inline-block;}
div.Marker66:hover ~ div.Info66 {display:inline-block;}
div.Marker67:hover ~ div.Info67 {display:inline-block;}
div.Marker68:hover ~ div.Info68 {display:inline-block;}
div.Marker69:hover ~ div.Info69 {display:inline-block;}
div.Marker70:hover ~ div.Info70 {display:inline-block;}

.HavenportInfo {
top:120px;
left:722px;
width:118px;
height:250px;
}

.InnWrapper, .ShopWrapper {
position:relative;
background-color:black;
width:740px;
}

.InnHeader, .ShopHeader {
position:absolute;
top:0px;
left:0px;
width:740px;
text-align:center;
font-size:28px;
font-family:IM Fell English SC;
}

.InnSign, .ShopSign {
position:absolute;
top:60px;
left:0px;
border:2px solid black;
width:200px;
height:170px;
display:inline-block;
overflow:hidden;
background-repeat:no-repeat;
}

.SignStyle1 {
background-image:url(‘http://i443.photobucket.com/albums/qq157/Belrathius/Gaming/High%20Fantasy/Basesign_zps71e9511f.jpg’);
background-position:-0px -30px;
background-size:200px;
}

.InnkeeperLabel, .ShopProprietorLabel {
position:absolute;
top:230px;
left:0px;
width:200px;
height:20px;
display:inline-block;
overflow:hidden;
text-align:center;
}

.InnkeeperPortrait, .ShopProprietorPortrait {
position:absolute;
top:250px;
left:0px;
border:2px solid black;
width:200px;
height:170px;
display:inline-block;
background-repeat:no-repeat;
overflow:hidden;
}

.InnkeeperName, .ShopProprietorName {
position:absolute;
top:420px;
left:0px;
width:200px;
height:20px;
display:inline-block;
overflow:hidden;
text-align:center;
}

.Chalkboard-Outer {
position:absolute;
top:60px;
left:205px;
width:531px;
height:381px;
display:inline-block;
background-repeat:no-repeat;
overflow:hidden;
background-image:url(‘http://i443.photobucket.com/albums/qq157/Belrathius/Gaming/High%20Fantasy/Chalkboard-Outer_zps11dcafc4.jpg’);
background-position:-13px -17px;
background-size:556px 413px;
}

.Chalkboard-Inner {
position:absolute;
top:19px;
left:21px;
width:489px;
height:342px;
display:inline-block;
background-repeat:no-repeat;
overflow:hidden;
background-image:url(‘http://i443.photobucket.com/albums/qq157/Belrathius/Gaming/High%20Fantasy/Chalkboard-Inner_zps6997951d.gif’);
background-position:-0px -0px;
background-size:489px 342px;
padding:20px;
}

.Chalkboard-Writing1 {
font-family:Kristi;
font-size:28px;
}

.Chalkboard-Writing2 {
font-family:Finger Paint;
font-size:20px;
}

.StaffLabel {
position:absolute;
width:180px;
height:20px;
display:inline-block;
overflow:hidden;
text-align:center;
}

.StaffPortrait {
position:absolute;
border:2px solid black;
width:180px;
height:170px;
display:inline-block;
background-repeat:no-repeat;
overflow:hidden;
}

.StaffName {
position:absolute;
width:180px;
height:20px;
display:inline-block;
overflow:hidden;
text-align:center;
}

.StaffC1 {left:0px;}
.StaffC2 {left:185px;}
.StaffC3 {left:370px;}
.StaffC4 {left:555px;}

.StaffLabelR1 {top:450px;}
.StaffPortraitR1 {top:470px;}
.StaffNameR1 {top:640px;}

.BuildingMap {
position:relative;
width:720px;
background-repeat:no-repeat;
}

.MapCaption {
position:relative;
font-size:20px;
width:720px;
text-align:center;
margin-top:5px;
margin-bottom:15px;
}

- DO NOT PUT CONTENT BELOW THIS -

CSS

GURPS High Fantasy Belrathius