Changeset 153047 for trunk/doc-new


Ignore:
Timestamp:
Sep 22, 2016, 9:34:58 PM (2 years ago)
Author:
cal@…
Message:

guide: use modern admonitions CSS, add .tip

Our styles for the flyout boxes generated by docbook started to look
old-fashioned. Add a little more color to improve them.

Additionally, add some styles for the <tip> admonition to be used in the next
commit.

Ticket: #52331

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/doc-new/guide/resources/docbook.css

    r122995 r153047  
    216216}
    217217
    218 div.note {
    219         margin: .2in .3in;
    220         padding: 0 15px 0;
    221         border-color: #8b1a1a;
    222         border-width: 0 3px;
    223         border-style: solid;
    224 }
    225 
    226 div.note h3.title {
    227         color: #8B1A1A;
    228 }
    229 
    230 div.warning {
    231         margin: .2in .3in;
    232         padding: 10px 15px 5px;
    233         border-color: #8b1a1a;
    234         border-width: 5px;
    235         border-style: double;
    236 }
    237 
    238 div.warning h3.title {
    239         color: #8b1a1a;
    240         margin: 0;
    241 }
    242 
    243218div.screenshot div.mediaobject {
    244219        text-align: center;
     
    362337        height: 20px; /* some arbitrary value that's probably not == 100vh */
    363338}
     339
     340div.note {
     341    background: #ffedcc;
     342    border-left: 8px solid #ffa500;
     343    padding: 10px;
     344        margin: .2in .3in;
     345}
     346div.note h3.title {
     347        color: #ffa500;
     348        margin: 0 0 10px;
     349}
     350
     351div.warning {
     352        background: #f3e8e8;
     353        border-left: 8px solid #8b1a1a;
     354        padding: 10px;
     355        margin: .2in .3in;
     356}
     357div.warning h3.title {
     358        color: #8b1a1a;
     359        margin: 0 0 10px;;
     360}
     361
     362div.tip {
     363    background: #e5ede5;
     364    border-left: 8px solid #00b200;
     365    padding: 10px;
     366}
     367div.tip h3.title {
     368        color: #00b200;
     369        margin: 0 0 10px;
     370}
     371div.tip table {
     372    border-collapse: collapse;
     373}
     374div.tip table tr td,
     375div.tip table tr th {
     376    border-bottom: 1px solid #999;
     377    margin: 0;
     378    padding: 4px 6px;
     379    vertical-align: top;
     380}
     381.tip table thead tr th {
     382    border-bottom: 3px double #333;
     383    text-align: left;
     384}
     385.tip table tr td table tr td {
     386    border: none;
     387    padding: 1px 4px;
     388}
     389div.tip table tr td p {
     390    margin: 0;
     391    padding: 0.05ex 0;
     392}
     393div.tip table tr:nth-child(odd) {
     394    background: #e5ede5;
     395}
     396div.tip table tr:nth-child(even) {
     397    background: #eff4ef;
     398}
Note: See TracChangeset for help on using the changeset viewer.