hoogle.css

/********************************************************************
*  GENERAL ELEMENTS
*/

body {
    margin: 0px;
    padding: 0px;
    font-family: sans-serif;
    font-size: 10pt;
}

a img {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

a:hover {
    background-color: #ffb;
}

/********************************************************************
*  TOP - LINKS AND SEARCH
*/

#links {
    float: right;
    margin-right: 10px;
    margin-top: 5px;
}

form {
    margin-bottom: 0px;
}

#logo img {
    vertical-align: bottom;
}

#hoogle, #submit {
    font-size: 16px;
    margin-bottom: 16px;
    vertical-align: bottom;
}

#hoogle {
    width: 300px;
    margin-right: 5px;
    margin-left: 5px;
}

#submit {
    padding-left: 15px;
    padding-right: 15px;
}


/********************************************************************
*  LEFT - EXTRA SUGGESTIONS
*/

#left {
    float: left;
    width: 140px;
    margin-top: 7px;
    margin-left: 10px;
    font-size: 13px;
}

#left ul {
    padding: 0px;
    margin: 0px;
}

#left li {
    list-style-type: none;
    margin-bottom: 7px;
    white-space: nowrap;
    display: block;
}

#left a {
    text-decoration: none;
    background-repeat: no-repeat;
}

#left .plus {
    color: #0E7700;
    padding-right: 16px;
    background-image: url(more_small.png);
    background-position: center right;
}

#left .minus {
    color: #770E00;
    padding-left: 16px;
    background-image: url(less_small.png);
    background-position: center left;
}


/********************************************************************
*  BOTTOM - COPYRIGHT MESSAGE
*/

#footer {
    text-align: center;
    font-size: 13px;
}


/********************************************************************
*  HEADING
*/

h1 {
    padding: 5px;
    margin-top: 0px;
    font-weight: normal;
    /* background for the heading must be gray,
       to make type searching visisble */
    background-color: #e4e4e4;
    border-top: 1px solid #999;
    text-indent: 165px;
    font-size: 16px;
}

p {
    margin-left: 170px;
    margin-right: 20px;
    font-size: 16px;
}


/********************************************************************
*  SPECIAL PAGES
*/

#error {
    font-family: monospace;
}
#error u {
    border-bottom: 2px dotted red;
    text-decoration: none;
}

#example {
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 3px;
    width: 400px;
    border: 2px solid #cc0;
    background-color: #ffc;
    text-align: left;
}

#example a {
    margin-left: 20px;
}


/********************************************************************
*  RESULTS
*/

.ans, .doc, .from {
    margin-left: 170px;
    margin-right: 10px;
}

a.dull, a.dull:hover {
    background-color: white;
    text-decoration: none;
}

/** ANSWERS **/

.ans i {
    font-weight: bold;
    font-style: normal;
}

.ans {
    font-size: 16px;
    margin-top: 15px;
}

.ans .a {
    color: #2200C1;
}

.ans a.dull {
    color: black;
}

.c0{background-color: #fcc;}
.c1{background-color: #cfc;}
.c2{background-color: #ccf;}
.c3{background-color: #ffc;}
.c4{background-color: #fcf;}
.c5{background-color: #cff;}

.more, .more:visited {
    padding-left: 16px;
    background-image: url(more_blue.png);
    background-repeat: no-repeat;
    background-position: center left;
    color: blue;
}

/** PARENTS **/

.p1, .p2 {
    font-size: 13px;
    white-space: nowrap;
    text-decoration: none;
    color: #0E774A;
}

/** DOCS **/

.doc {
    vertical-align: top;
    font-size: 8pt;
}
.doc, .doc a {
    color: #888;
}

.docs {
    margin: 2px;
    margin-right: 4px;
    width: 10px;
    height: 10px;
    display: block;
    float: left;
    background-repeat: no-repeat;
    background-position: center center;
}

.shut .docs {background-image: url(more_gray.png);}
.open .docs {background-image: url(less_gray.png);}

.shut {
    max-height: 1.5em;
    overflow: hidden;
    color: #888;
}
.shut br {display: none;}