Themes.css

Note: After saving, you have to bypass your browser's cache to see the changes. For more information, click [show] to the right.

Internet Explorer

To reload a page and bypass the cache:
- either: Hold the Ctrl key, and press F5.
- or: Hold the Ctrl key, and click the Refresh button on the Start bar.
To completely clear the cache (see note above):
- Internet Explorer 8
  - Click “Safety” and select "Delete Browsing History", make sure "Temporary Internet Files" and "History" is checked, then click "Delete". If you want, you can also opt to delete cookies.
- Internet Explorer 7
  - Click “Tools” and select "Internet Options", choose the "General" tab and click "Delete Files" under the Temporary Internet Files section. If you want, you can also opt to delete cookies and browsing history.
- Older versions
  - Click on 'Tools' and then 'Internet Options' and choose the 'General' tab. Then click on "Delete..." under "Browsing history". In the 'Temporary Internet files' section, click 'Delete Files...'. You will then get a dialogue box asking if you want to delete just the temporary files, or all offline content. Choose the latter and click 'OK'.
To change cache settings (only do this if you are reasonably confident about what you are doing):
- Selecting 'Tools' → 'Internet Options' → 'Temporary Internet files' → 'Settings...' allows you to make advanced configuration changes to the cache.
  - There is an option labeled "Check for a new version of stored pages:" This does not bypass the cache, it merely determines how often the browser asks if there is a newer version available.

Firefox

To reload a page and bypass the cache:
- either: Hold down both the Ctrl and Shift keys and then press R. (Alternatively, hold down the Ctrl key and then press F5.) On a Mac, use the Command key instead of Ctrl.
- or: Hold down the Shift key and click the Reload button on the navigation toolbar.
To completely clear the cache (see note above):
- From the 'Edit' or 'Tools' menu, choose 'Preferences' or 'Options'. Expand the 'Advanced' options and choose 'Cache' or 'Privacy'. Click the button called 'Clear Cache'.
- In newer versions of Mozilla Firefox, you can easily clear the cache, history and cookies: Hold down the Ctrl and Shift keys, and press Delete (or Del), then choose what you want to remove. Or from the 'Tools' menu, select 'Clear Recent History'. For a more complete purge, see this link.
- For older versions of Mozilla Firefox, go to 'Tools' → 'Options' and click on 'Privacy' (picture of a key) in the sidebar of the window that pops up. Click the 'Clear' button that is next to the word 'Cache'.
To disable caching (only do this if you are reasonably confident about what you are doing):
- For Firefox
  - Choose Tools | Options... (or Edit | Preferences in the Linux version)
  - Choose Advanced at the top
  - Choose the Network tab
  - Change the cache size to 0 (zero).
- For SeaMonkey
  - Choose Edit | Preferences...
  - Expand the Advanced item near the left bottom
  - Choose Cache item
  - Change the Size value to 0 (zero).

Firefox has memory caching, which might also need to be considered when troubleshooting cache-related issues.

In the address bar, enter 'about:config'
Filter the configurations options by entering 'cache' in the filter at the top
Change browser.cache.memory.enable to FALSE

Safari

To reload a page and bypass the cache:
- for version 4 and newer:
- Hold down the Shift key and click the Reload toolbar button.
- for version 3 and older:
- Hold down the Command key, and press R. This kind of "regular" reload will usually bypass the cache.
- Note that Apple ([1]) claims that clicking the Reload toolbar button has the same effect as Command-R, but this is not true; frequently the button will not bypass the cache. In fact, numerous Web developers have reported erratic behavior in general in bypassing the cache in Safari, in some cases having to resort to both clearing the cache (see below) and then quitting and relaunching the application.
To completely clear the cache (see note above):
- From the 'Safari' menu, choose 'Empty Cache...' or hold down the Option and Command keys and press E.
To disable the cache permanently (this method only works on old versions of Safari 2 on OS X 10.4 and previous versions, and is not recommended as it may potentially (although rarely) cause system instability):
- Quit Safari by choosing 'Quit' from the 'Safari' menu, or by holding down the Command key and pressing Q.
- Open a Terminal window by double-clicking 'Terminal' within the 'Utilities' folder, which is within the 'Applications' folder.
- Type the following commands, which are case-sensitive, each followed by the Enter key:
  - rm -rf ~/Library/Caches/Safari
  - touch ~/Library/Caches/Safari
- Quit Terminal by choosing 'Quit' from the 'Terminal' menu, or by holding down the Command key and pressing Q.
- Relaunch Safari.
To disable the cache for the session (Requires developer menu to be enabled. Go to Preferences, pick the Advanced Tab, then click "Show Develop menu in menu bar"):
- Click Develop, then click Disable Caches

Google Chrome

Reloading a page:
- Press the Shift key and browsers Reload-button to reload ignoring cache.
To disable the cache:
- Add '--disk-cache-size=1 --media-cache-size=1' command line switches to the shortcut target.
To clear the cache:
- Go to the Tools menu (the wrench on the upper right of the browser) and click on Options [for Macs, go to the "Chrome" menu, and select "Preferences"]
- Select the Under the Hood tab, and click on Clear browsing data...
- Select the types of data you want to clear—you probably want Empty the cache
- On the Clear data from this period: drop-down list, select one of the following:

Everything to clear all the data you selected;

Last day to clear the data only from the last day;

Last week to clear the data only from the last week; or

Last 4 weeks to clear the data only from the last 4 weeks.

or: [PCs, Ubuntu] hit Ctrl+Shift+Del and check Empty the cache from the checkbox list and click Clear browsing data.

Opera

Reloading a page:
- Press the F5 key to reload from the web (and bypass the cache)
- Or hold down the Shift key, and click the Reload button on the navigation toolbar.
- Or Empty the cache completely (see below).
- Or Click edit this page, and save the page without making any modifications (this doesn't affect the page history).
To completely clear the cache :
- From the 'Tools' menu, choose 'Preferences'. Expand the 'Advanced' options and choose 'History'. Click the button called 'Empty now'.
- Alternatively, you can easily clear the cache, history and cookies: From the 'Tools' menu, choose 'Delete private data'. Click 'Details', make sure that 'Delete entire cache' is selected, and then choose any other data you want to remove.
To disable the cache permanently (only do this if you are reasonably confident of what you are doing):
- From the 'Tools' menu, choose 'Preferences'. Expand the 'Advanced' options and choose 'History'. Click on the dropdown for 'Disk Cache' and select Off.
To set up Opera to easily bypass the cache of specific files without needing to clear the entire cache
- From the 'Tools' menu, choose 'Appearance' (or press Shift-F12).
- In the dialogue, select 'Panels' and tick the 'Info' and the 'Show panel toggle at edge of window' check-boxes.
- Now there will be a clickable bar along the left edge of your browser window.
- Click the bar and select 'Info' (
  icon) and this will give you a list of files used in the page.
- You can now select any single individual file for which you want to selectively bypass cache (as above - using F5 or shift-Reload)

/**********************/
/* portable infoboxes */
/**********************/
.portable-infobox {
    --pi-margin: 1em;
    width: 275px;
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    border-collapse: separate;
    border-spacing: 2px 2px;
    border-radius: 0;
    margin-bottom: var(--pi-margin, 1em);
    margin-left: var(--pi-margin, 1em);
}
/* Override Fandom's over-specific border styles */
.page-content .portable-infobox h2,
.page-content .portable-infobox h3 {
    border-width: 1px;
    border-style: solid;
}

.portable-infobox .pi-data-label,
.portable-infobox {
    box-sizing: content-box;
}
.portable-infobox .pi-background {}
.portable-infobox .pi-title,
.portable-infobox .pi-navigation,
.portable-infobox .pi-header {
    border-width: 1px;
    border-style: solid;
    font-weight: bold;
    text-align: center;
}
.portable-infobox .pi-navigation,
.portable-infobox .pi-item {
    margin: 2px;
}
.portable-infobox section.pi-item {
    margin-bottom: 2px;
}
.portable-infobox .pi-image {
    border-width: 1px;
    border-style: solid;
    padding: 4px;
}
.portable-infobox .pi-item-spacing {
    padding: 0 !important;
}
.portable-infobox .pi-data .pi-data-label,
.portable-infobox .pi-horizontal-group-item.pi-data-label {
    border-width: 1px;
    border-style: solid;
    padding: 4px;
    color: #ffffff;
    text-align:right;
    line-height: 1.2em;
    width: 95px;
}
.portable-infobox.pi-theme-dao {
    border-color: #523F35;
    background: #131313;
}
.portable-infobox.pi-theme-dao .pi-background {}
.portable-infobox.pi-theme-dao .pi-title,
.portable-infobox.pi-theme-dao .pi-navigation,
.portable-infobox.pi-theme-dao .pi-header, 
.portable-infobox.pi-theme-dao .pi-tab-link.current,
.portable-infobox.pi-theme-dao .pi-data .pi-data-label,
.portable-infobox.pi-theme-dao .pi-horizontal-group-item.pi-data-label {
    border-color: #523F35;
    background-image: url("https://images.wikia.nocookie.net/dragonage/images/6/65/SplatterBackground.jpg");
    color: #ffffff;
}
.portable-infobox.pi-theme-dao .pi-image {
    border-color: #523F35;
}
.portable-infobox.pi-theme-dao .pi-data-value:not(:first-child) {
    padding: 0 10px 0 8px;
}
.portable-infobox.pi-theme-dao .pi-image-collection-tabs {
    margin: -4px 0 0 0;
}
.portable-infobox.pi-theme-dao .pi-image-collection .pi-image {
    margin-top: 1px;
}
.portable-infobox.pi-theme-dao .pi-image-collection-tab-content {
    background: transparent;
}
.portable-infobox.pi-theme-dao .pi-item-spacing.pi-tab-link {
    font-weight: bold;
    font-size: 12px;
    padding: 0.1em 0.5em !important;/* override previous !important */
}

/**********************/
/* portable infoboxes */
/**********************/
.portable-infobox {
    border-width: 1px;
    border-style: solid;
    border-collapse: separate;
    border-spacing: 2px 2px;
    padding: 0px;
    width: 275px;
    margin-bottom: 1em;
    margin-left: 1em;
}
.portable-infobox .pi-background {}
.portable-infobox .pi-title,
.portable-infobox .pi-navigation,
.portable-infobox .pi-header {
    border-width: 1px;
    border-style: solid;
    font-weight: bold;
    text-align: center;
}
.portable-infobox .pi-item, .portable-infobox .pi-navigation {
    margin: 2px;
}
.portable-infobox .pi-image {
    border-width: 1px;
    border-style: solid;
    padding: 4px;
}
.portable-infobox .pi-item-spacing {
    padding: 0 !important;
}
.portable-infobox .pi-data .pi-data-label,
.portable-infobox .pi-horizontal-group-item.pi-data-label {
    border-width: 1px;
    border-style: solid;
    padding: 4px;
    color: #ffffff;
    text-align:right;
    line-height: 1.2em;
    width: 95px;
}
.portable-infobox.pi-theme-dao {
    border-color: #523F35;
    background: #131313;
}
.portable-infobox.pi-theme-dao .pi-background {}
.portable-infobox.pi-theme-dao .pi-title,
.portable-infobox.pi-theme-dao .pi-navigation,
.portable-infobox.pi-theme-dao .pi-header, 
.portable-infobox.pi-theme-dao .pi-data .pi-data-label,
.portable-infobox.pi-theme-dao .pi-horizontal-group-item.pi-data-label {
    border-color: #523F35;
    background-image: url("https://images.wikia.nocookie.net/dragonage/images/6/65/SplatterBackground.jpg");
    color: #ffffff;
}
.portable-infobox.pi-theme-dao .pi-image {
    border-color: #523F35;
}

.portable-infobox .pi-image-thumbnail {
    width: 100%;
    height: auto;
}

/* Firefox patch */
.portable-infobox .pi-data[data-source="item_id"] .pi-data-value {
    word-break: break-all;
}

/* Margin patches */
.portable-infobox {
    padding-right: 2px;
    padding-left: 2px;
}

.portable-infobox .pi-secondary-background {
    background-color: transparent;
}

.portable-infobox .pi-navigation,
.portable-infobox .pi-item {
    margin-right: 0;
    margin-left: 0;
}

.portable-infobox > .pi-item:not(.pi-group):last-child,
.portable-infobox > .pi-navigation:last-child {
    margin-bottom: 1px;
}

.portable-infobox .pi-group .pi-navigation,
.portable-infobox .pi-group .pi-item {
    margin-bottom: 0;
}

.portable-infobox.pi-background .pi-data .pi-data-value {
    padding-top: 3px;
    padding-bottom: 3px;
}

/* kill hyphens */
.portable-infobox .pi-data-label,
.portable-infobox .pi-data-value,
.portable-infobox .pi-caption {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

/*********/
/* order */
/*********/

/* [[Template:Image]] */
.portable-infobox.type-image.pi-background {
    background-color: transparent;
}

.portable-infobox.type-image .pi-image,
.portable-infobox.type-image {
    border: none;
}

.portable-infobox.type-image .pi-caption {
    font-style: normal;
    line-height: 16px;
    margin-top: 4px;
}

.portable-infobox.type-image .pi-title {
    display: none;
}

/* Infobox card layout */
.card-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

.card-grid .card-container {
    position: relative;
    overflow: hidden;
    margin: 0 10px 10px;
}

.card-grid .card-container:before {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    right: 2px;
    left: 2px;
    z-index: 5;
    height: 26px;
    background-color: #181818;
}

.card-grid .portable-infobox.type-card {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-top: 32px;
    border-top-width: 2px;
    margin: 0;
    scrollbar-width: thin;
}

.card-grid .portable-infobox.type-card::-webkit-scrollbar {
    width: 7px;
}

.card-grid .portable-infobox.type-card::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(82, 63, 53, 0.5);
    border-radius: 5px;
}

.card-grid .portable-infobox.type-card::-webkit-scrollbar-track-piece:start {
    background: transparent;
    margin-top: 28px;
}

.card-grid .portable-infobox.type-card::-webkit-scrollbar:horizontal {
    display: none;
}

.card-grid .portable-infobox.type-card .pi-title[data-source="name"] {
    position: absolute;
    top: 1px;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 8px);
    height: 26px;
}

/* Type: PI'd Navbox */
.portable-infobox.type-nav-infobox {
    width: 270px;
    box-sizing: border-box;
}

.portable-infobox.type-nav-infobox + .type-nav-infobox {
    margin-top: calc(var(--pi-margin, 1em) - var(--pi-margin, 1em) - var(--pi-margin, 1em));
}

.theme-fandomdesktop-dark .portable-infobox.pi-theme-dao.type-nav-infobox {
    background-color: #1C1C1C;
}

.portable-infobox.pi-theme-dao.type-nav-infobox .pi-header {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 30px;
    font-size: medium;
    padding-bottom: 1px !important;
    box-sizing: border-box;
}

.portable-infobox.pi-theme-dao.type-nav-infobox .pi-data .pi-data-value {
    flex-grow: 1;
    font-size: 14px;
    text-align: center;
    padding: 1px 0;
}

.portable-infobox.pi-theme-dao.type-nav-infobox .pi-navigation {
    font-weight: normal;
    line-height: 23px;
}

.portable-infobox.pi-theme-dao.type-nav-infobox .pi-navigation[data-item-name="below"] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 28px;
}

.portable-infobox.pi-theme-dao.type-nav-infobox .pi-navigation:not([data-item-name="below"]) {
    background-color: #1C1C1C;
    background-image: none;
    border: 0;
    border-bottom: 1px solid #232323;
}

.portable-infobox.pi-theme-dao.type-nav-infobox .pi-navigation:not([data-item-name="below"]):last-child {
    border-bottom: 0;
}

.theme-fandomdesktop-light .portable-infobox.pi-theme-dao.type-nav-infobox .pi-navigation:not([data-item-name="below"]) {
    background: transparent;
    color: inherit;
}

.theme-fandomdesktop-light .portable-infobox.pi-theme-dao.type-nav-infobox .pi-navigation:not([data-item-name="below"]) a {
    color: var(--theme-link-color);
    text-decoration: none;
}

.theme-fandomdesktop-light .portable-infobox.pi-theme-dao.type-nav-infobox .pi-navigation:not([data-item-name="below"]) a:hover {
    text-decoration: underline;
}

/** Type: PI'd Navbox — More Nav Padding (override line 49 !important) **/
.portable-infobox.pi-theme-dao.type-nav-infobox .pi-navigation[data-item-name="spacing"] {
    padding: 0.25em 1em 0.5em !important;
}

/* Restore tabs */
.portable-infobox.pi-theme-dao .pi-image-collection .wds-tabs__wrapper .wds-tabs__arrow-left,
.portable-infobox.pi-theme-dao .pi-image-collection .wds-tabs__wrapper .wds-tabs__arrow-right {
    display: none;
}

.portable-infobox.pi-theme-dao .pi-image-collection .wds-tabs__wrapper .wds-tabs {
    justify-content: center;
    flex-wrap: wrap;
    -webkit-mask-image: none;
    overflow-x: visible;
}

 .portable-infobox.pi-theme-dao .pi-image-collection .wds-tabs__wrapper .wds-tabs__tab {
    margin: 1px 1px 0;
}

.portable-infobox.pi-theme-dao .pi-image-collection .wds-tabs__wrapper .wds-tabs__tab-label {
    all: unset;
    display: block;
    background-image: url(https://images.wikia.nocookie.net/dragonage/images/6/65/SplatterBackground.jpg);
    font-size: small;
    color: #FFFFFF;
    padding: 2px;
    border: 1px solid #523F35;
    cursor: pointer;
}

.theme-fandomdesktop-light .portable-infobox.pi-theme-dao .pi-image-collection .wds-tabs__wrapper .wds-tabs__tab-label {
    background: var(--theme-sticky-nav-background-color) none;
}

.portable-infobox.pi-theme-dao .pi-image-collection .wds-tabs__wrapper .wds-is-current {
    box-shadow: none;
}

.portable-infobox.pi-theme-dao .pi-image-collection .wds-tabs__wrapper .wds-is-current .wds-tabs__tab-label {
    background: var(--theme-page-background-color);
    color: var(--theme-page-text-color);
    border-bottom: 0;
}

.portable-infobox.pi-theme-dao .pi-image-collection .wds-tab__content.wds-is-current .pi-image {
    margin-top: 0;
}

/* Allow long infobox titles to wrap */
.portable-infobox.pi-theme-dao .daoinfobox_title {
    display: inline-block;
    width: calc(100% - 43px);
    padding: 0 2px;
    box-sizing: border-box;
}