Changeset ac31a13 for installer


Ignore:
Timestamp:
May 14, 2017 5:38:31 AM (3 years ago)
Author:
str4d <str4d@…>
Branches:
master
Children:
0aae9716
Parents:
e453ea4
Message:

/news updates:

  • Updated presentation of news status & view/hide news text at the bottom of the homepage news section, so it behaves sensibly when wrapping (for German, Russian etc)
  • <span>s for news title dates and author names
  • Iconified author name for news entries
Location:
installer/resources/themes/console
Files:
2 added
6 edited

Legend:

Unmodified
Added
Removed
  • installer/resources/themes/console/classic/console.css

    re453ea4 rac31a13  
    14641464div.news hr:last-child {
    14651465     margin-bottom: 10px !important;
     1466}
     1467
     1468.newsentry + hr {
     1469     margin-bottom: 5px !important;
     1470}
     1471
     1472.newsAuthor {
     1473     padding-left: 14px;
     1474     float: right;
     1475     background: url(/themes/console/images/info/author.png) left 2px bottom 3px no-repeat;
     1476     background-size: 10px 10px;
     1477     font-size: 8.5pt;
     1478     padding: 2px 4px 0 14px;
     1479     display: inline-block;
     1480     opacity: 0.8;
     1481}
     1482
     1483.newsDate {
     1484     font-size: 10pt !important;
     1485}
     1486
     1487#newsStatus {
     1488     float: left;
     1489     text-align: justify;
     1490}
     1491
     1492#newsDisplay {
     1493     white-space: nowrap;
     1494     margin-left: 10px;
     1495     color: #663;
     1496     font-weight: bold;
     1497}
     1498
     1499#news #newsDisplay, #news #newsStatus {
     1500     margin-top: 3px !important;
     1501     margin-bottom: 3px !important;
     1502     display: inline-block;
     1503}
     1504
     1505.messages #newsStatus, .messages #newsDisplay {
     1506     float: none;
     1507     color: #005;
     1508}
     1509
     1510.messages #newsDisplay {
     1511     margin-left: 5px;
    14661512}
    14671513
  • installer/resources/themes/console/dark/console.css

    re453ea4 rac31a13  
    761761
    762762div.news p, div.newscontent p {
    763      margin-top: -5px;
    764763     font-size: 9pt;
    765764     color: #EE9;
    766      margin-bottom: 0;
    767 /*     padding: 0 15px;*/
    768 }
    769 
    770 .newscontent b {
    771 /*     text-transform: uppercase;
    772      letter-spacing: 0.1em; */
    773 }
    774 
    775 div.news p:nth-child(n+1), div.newscontent p:nth-child(n+1) {
    776      margin-top: 5px;
     765     margin: 0 !important;
     766}
     767
     768div.news p:nth-child(n+2), div.newscontent p:nth-child(n+2) {
     769     margin-top: 8px !important;
    777770}
    778771
     
    781774}
    782775
    783 div.fixme {
     776#newsStatus {
     777     float: left;
     778}
     779
     780#newsDisplay {
     781     white-space: nowrap;
     782     margin-left: 10px;
     783}
     784
     785.newsAuthor {
     786     float: right;
     787     background: url(/themes/console/images/info/author_dark.png) left 2px center no-repeat;
     788     background-size: 14px 14px;
     789     font-size: 8pt !important;
     790     padding: 1px 0 0 18px;
     791     display: inline-block;
     792     opacity: 0.9;
     793     text-transform: none;
     794}
     795
     796.newsDate {
     797     opacity: 0.9;
     798     font-style: italic;
     799     margin-right: 3px;
     800}
     801
     802#newspage {
    784803     margin: 18px 5px; /* positional parity with homepage news */
    785804}
  • installer/resources/themes/console/dark/console_ar.css

    re453ea4 rac31a13  
    2525     margin: -1px 205px 0px 5px;
    2626     direction: ltr;
     27}
     28
     29.news h3, #newspage h3 {
     30     direction: ltr;
     31}
     32
     33.news hr + i {
     34     float: left;
     35     direction: rtl;
    2736}
    2837
  • installer/resources/themes/console/dark/console_big.css

    re453ea4 rac31a13  
    169169}
    170170
    171 /* responsive layout */
     171.newsentry + hr {
     172     margin-bottom: 5px !important;
     173}
     174
     175#newsDisplay, #newsDisplay a, #newsStatus, td.infohelp, td.infowarn, p.infohelp, p.infowarn {
     176     font-size: 11pt !important;
     177}
    172178
    173179@media screen and (min-width: 0) {
  • installer/resources/themes/console/light/console.css

    re453ea4 rac31a13  
    906906.newsentry + hr + i {
    907907     margin-right: 8px;
     908}
     909
     910#newsStatus, #newsDisplay {
     911     display: inline-block;
     912}
     913
     914.newsentry + hr + #newsStatus, .newsentry + hr + #newsStatus + #newsDisplay {
     915     margin-top: -6px !important;
     916}
     917
     918#newsStatus {
     919     float: left;
     920     text-align: justify;
     921     margin-bottom: 6px !important;
     922}
     923
     924#newsDisplay {
     925     white-space: nowrap;
     926     margin-left: 10px;
     927     color: #337;
     928}
     929
     930.newsAuthor {
     931     padding: 0 0 0 15px !important;
     932     float: right;
     933     background: url(/themes/console/images/info/author.png) left 2px center no-repeat;
     934     background-size: 10px 10px;
     935     font-size: 8pt !important;
     936     display: inline-block;
     937     opacity: 0.8;
     938     letter-spacing: 0.1em !important;
     939     text-transform: none;
     940}
     941
     942.newsDate {
     943     opacity: 0.8;
     944     margin-right: 1px;
    908945}
    909946
     
    50065043     width: 6px;
    50075044}
     5045
     5046button.control {
     5047     padding: 14px !important;
     5048}
     5049
     5050#configstats td::before {
     5051     min-height: 24px;
     5052}
     5053
     5054.newsAuthor {
     5055     font-size: 9pt;
     5056     background-size: 11px 11px;
     5057     padding: 0 0 0 14px;
     5058     background-position: left center !important;
     5059}
    50085060}
    50095061
  • installer/resources/themes/console/midnight/console.css

    re453ea4 rac31a13  
    15361536}
    15371537
     1538/*
    15381539.newsentry font[size="-2"] {
    15391540     letter-spacing: 0.15em;
    15401541     font-style: italic;
    15411542     text-transform: capitalize;
     1543}
     1544*/
     1545
     1546.main#news .newscontent {
     1547     border: 1px solid #443da0;
     1548     margin: -11px 0 10px;
     1549     padding: 0 10px 5px;
     1550     border-radius: 0 0 2px 2px;
     1551     background: rgba(0,0,0,0.6);
     1552     box-shadow: inset 0 0 0 1px #000;
     1553}
     1554
     1555.main#news .newsentry h3 {
     1556     border: 1px solid #443da0;
     1557     border-radius: 2px 2px 0 0;
     1558}
     1559
     1560.main#news .newsentry {
     1561     margin-bottom: 14px !important;
     1562}
     1563
     1564.main#news .newsentry:first-child {
     1565     margin-top: -3px !important;
     1566}
     1567
     1568.main#news .newsentry:last-child {
     1569     margin-bottom: -3px !important;
     1570}
     1571
     1572.news .newsentry {
     1573     margin-top: -3px !important;
     1574}
     1575
     1576.news .newsentry:first-child {
     1577     margin-top: -7px !important;
    15421578}
    15431579
     
    15651601
    15661602.news hr {
    1567      margin: 8px -20px 3px;
    1568 }
    1569 
    1570 .fixme {
     1603     margin: 8px -20px 5px;
     1604}
     1605
     1606#newspage {
    15711607     margin: 18px 5px; /* positional parity with homepage news */
     1608}
     1609
     1610#newsStatus {
     1611     float: left;
     1612     color: #c9ceff;
     1613}
     1614
     1615#newsDisplay {
     1616     white-space: nowrap;
     1617     margin-left: 10px;
     1618}
     1619
     1620.newsAuthor {
     1621     float: right;
     1622     background: url(/themes/console/images/info/author_dark.png) left 2px top no-repeat;
     1623     background-size: 14px 14px;
     1624     font-size: 8pt !important;
     1625     padding: 0 0 0 18px;
     1626     display: inline-block;
     1627     opacity: 0.7;
     1628     text-transform: none;
     1629}
     1630
     1631.newsDate {
     1632     opacity: 0.7;
     1633     font-style: italic;
     1634     margin-right: 2px;
     1635}
     1636
     1637.messages i {
     1638     text-align: left;
     1639     float: none;
     1640     display: inline-block;
     1641}
     1642
     1643.messages #newsDisplay {
     1644     display: inline-block;
     1645     white-space: normal;
     1646     margin-left: 45px;
    15721647}
    15731648
     
    22122287h2, h3, h4, .confignav {
    22132288     box-shadow: inset 0 0 0 1px #000;
     2289}
     2290
     2291
     2292.news h3, #newspage h3 {
     2293     padding-left: 30px !important;
     2294     text-align: left !important;
     2295     font-size: 9.5pt !important;
     2296     letter-spacing: 0.08em;
     2297     color: #c9ceff;
     2298     padding: 6px 10px 6px 30px;
     2299     background: url(/themes/console/images/info/newspaper.png) left 8px center no-repeat, linear-gradient(to bottom, #191729 0%, #201f33 7%, #1f1e32 9%, #161525 21%, #090812 49%, #05050e 50%, #020206 51%, #010103 53%, #000000 56%, #000000 100%) !important;
     2300     background-size: 16px 16px, 100% 100% !important;
     2301}
     2302
     2303.news h3 {
     2304     background: url(/themes/console/images/info/newspaper.png) left 8px center no-repeat !important;
     2305     background-size: 16px 16px !important;
     2306     border: none !important;
     2307     border-bottom: 1px solid #443da0 !important;
    22142308}
    22152309
Note: See TracChangeset for help on using the changeset viewer.