libloot/resources/style.css

/*  LOOT

    A load order optimisation tool for Oblivion, Skyrim, Fallout 3 and
    Fallout: New Vegas.

    Copyright (C) 2013    WrinklyNinja

    This file is part of LOOT.

    LOOT is free software: you can redistribute
    it and/or modify it under the terms of the GNU General Public License
    as published by the Free Software Foundation, either version 3 of
    the License, or (at your option) any later version.

    LOOT is distributed in the hope that it will
    be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with LOOT.  If not, see
    <http://www.gnu.org/licenses/>.
*/
body {
    font:10pt/1.5 Helvetica,sans-serif;
    margin:0;
    background:#f8f8f8;
}
noscript div {
    background:#c00;
    display:block;
    padding:10px 5px;
    color:white;
}
#nav {
    background:#e3e3e3;
    position:fixed;
    top:0;
    left:0;
    z-index:2;
    box-shadow: 0 0 3px 1px rgba(0,0,0,0.5);
    width:100%;
}
.button {
    display:inline-table;
    cursor:pointer;
    padding:0.5em;
    text-decoration:none;
    transition:background 0.2s;
}
.button.current {
    background: #ccc;
}
.button[id] {
    position:absolute;
    right:0;
    top:0;
}
#main {
    position:absolute;
    top:32px;
    width:100%;
}
#summary, #plugins {
    padding:1em;
}
#summary > table {
    border-collapse:separate;
    border-spacing:0;
}
td {
    padding:0.5em;
    line-height:1.5;
    text-align:right;
    padding-left:3em;
}
table td:first-child {
    text-align:left;
    padding-left:0;
}
#noChanges {
	font-weight:bold;
	font-size:12pt;
	text-align:center;
	margin:1em;
}
#filters {
    background:#e8e8e8;
    z-index:1;
    overflow:hidden;
    position:fixed;
    right:0;
    top:32px;
    display:block;
    box-shadow:0 0 3px 1px rgba(0,0,0,0.5);
}
#filters.hidden {
    display:none;
}
#filters label {
    display:block;
    padding:0.2em 0.5em;
    white-space:nowrap;
    cursor:pointer;
}
#filters div {
    padding:0.4em;
    font-style:italic;
}
input[type='checkbox'] {
    position:relative;
    top:0.15em;
    margin-right:0.5em;
}
ul {
    margin-top:0.5em;
    list-style:none;
    padding-left:0;
}


#plugins > ul > li, #summary > div {
    background:white;
    overflow:hidden;
    margin:1em;
    box-shadow:0 0 3px 0px rgba(0,0,0,0.5);
    padding:1em;
}
.mod {
    font-size:1.3em;
    display:block;
    font-weight:normal;
    margin-bottom:0em;
    margin-top:0;
}
.version{
    color:#6394F8;
}
.crc{
    color:#BC8923;
}
.tag.add {
    color:green;
}
.tag.remove {
    color:red;
}
.hidden {
    display:none;
}
#summary > div {
    float:left;
}
#summary li, li > ul > li {
    padding:0.5em 1em;
    list-style:disc inside;
}
.error, .warn {
    padding:0.5em 1em;
    list-style:disc inside;
}
.error{
    background:#ff9090;
}
.warn{
    background:#FFDD55;
}
h2 {
    font-weight: normal;
    margin:0;
    display:block;
}