Commit 98bd9a06b6d229d850ee9754319029ad8537ef4b

Authored by Braulio Bhavamitra
1 parent 5d932494

Move more search css to search.css

public/stylesheets/application.css
... ... @@ -1467,238 +1467,6 @@ a.button.disabled, input.disabled {
1467 1467 opacity: 0.5;
1468 1468 filter-opacity: 50%;
1469 1469 }
1470   -.article-item {
1471   - clear: both;
1472   - display: block;
1473   - border-bottom:1px solid #ccc;
1474   - margin-bottom: 10px;
1475   -}
1476   -.search-uploaded-file-first-column,
1477   -.search-text-article-first-column,
1478   -.search-content-first-column {
1479   - clear: both;
1480   - float: left;
1481   - margin: 0 10px 0 0;
1482   - width: 130px;
1483   - min-height:98px;
1484   -}
1485   -.search-uploaded-file-second-column,
1486   -.search-text-article-second-column,
1487   -.search-content-second-column {
1488   - float: left;
1489   - width: 575px;
1490   -}
1491   -ul.clean-list .search-uploaded-file-second-column,
1492   -ul.clean-list .search-text-article-second-column,
1493   -ul.clean-list .search-content-second-column {
1494   - width:795px;
1495   -}
1496   -ul.clean-list .search-gallery-content {
1497   - width:655px
1498   -}
1499   -a.search-image-pic {
1500   - border: 1px solid #F2F2F2;
1501   - -moz-border-radius: 5px;
1502   - -webkit-border-radius: 5px;
1503   - -o-border-radius: 5px;
1504   - -khtml-border-radius: 5px;
1505   - border-radius: 5px;
1506   - -moz-box-shadow: 2px 2px 1px #999999;
1507   - -webkit-box-shadow: 2px 2px 1px #999999;
1508   - -o-box-shadow: 2px 2px 1px #999999;
1509   - -khtml-box-shadow: 2px 2px 1px #999999;
1510   - box-shadow: 2px 2px 1px #999999;
1511   - display: block;
1512   - height: 98px;
1513   - width: 130px;
1514   - background-position: center center !important;
1515   - background-repeat: no-repeat;
1516   -}
1517   -.search-no-image {
1518   - border: 1px solid #777;
1519   - height: 98px;
1520   - width: 130px;
1521   - line-height:98px;
1522   - text-align: center;
1523   - -moz-border-radius: 5px;
1524   - -webkit-border-radius: 5px;
1525   - -o-border-radius: 5px;
1526   - -khtml-border-radius: 5px;
1527   - border-radius: 5px;
1528   - color: #777;
1529   -}
1530   -.search-gallery-items a.search-image-pic {
1531   - float:left;
1532   - margin:0 2px;
1533   -}
1534   -.search-gallery .search-gallery-items {
1535   - float: left;
1536   - margin: 0 10px 0 0;
1537   - min-width: 130px;
1538   -}
1539   -.search-content-first-column .search-image-container .search-image-pic
1540   -.search-uploaded-file-first-column .search-image-container .search-image-pic {
1541   - display: block;
1542   - margin: 0 auto;
1543   - float: none;
1544   -}
1545   -.search-gallery .search-gallery-items .search-image-container {
1546   - display: block;
1547   - width: 50%;
1548   - float: left;
1549   -}
1550   -.search-gallery .search-gallery-items .search-image-container a.search-image-pic {
1551   - margin: 0 auto;
1552   - display:block;
1553   - float: none;
1554   -}
1555   -.search-gallery .search-gallery-content {
1556   - float: left;
1557   - width: 435px;
1558   -}
1559   -.search-content-first-column .icon-application-vnd-oasis-opendocument-text,
1560   -.search-content-first-column .icon-application-vnd-oasis-opendocument-spreadsheet,
1561   -.search-content-first-column .icon-text-content,
1562   -.search-uploaded-file-first-column .icon-application-vnd-oasis-opendocument-text,
1563   -.search-uploaded-file-first-column .icon-application-vnd-oasis-opendocument-spreadsheet,
1564   -.search-text-article-first-column .icon-text-content {
1565   - display:block;
1566   - width: 16px;
1567   - height: 16px;
1568   - -moz-border-radius: 0;
1569   - -webkit-border-radius: 0;
1570   - -o-border-radius: 0;
1571   - -khtml-border-radius: 0;
1572   - border-radius: 0;
1573   - margin: auto;
1574   -
1575   -}
1576   -.search-content-first-column .icon-application-vnd-oasis-opendocument-spreadsheet,
1577   -.search-content-first-column .icon-application-vnd-oasis-opendocument-spreadsheet {
1578   -
1579   -}
1580   -.search-content-first-column .icon-application-opendocument-spreadsheet,
1581   -.search-uploaded-file-first-column .icon-application-opendocument-spreadsheet {
1582   -
1583   -}
1584   -.search-content-first-column .icon-text-content,
1585   -.search-text-article-first-column .icon-text-content {
1586   -
1587   -}
1588   -.search-uploaded-file-line {
1589   - clear: both;
1590   - float: left;
1591   -}
1592   -.search-image-topic {
1593   - font-weight: bold;
1594   -}
1595   -.search-image-pic {
1596   - background-repeat: no-repeat;
1597   - background-position: 50% 50%;
1598   - width: 130px;
1599   - height: 130px;
1600   - display: block;
1601   -
1602   -}
1603   -#search-input {
1604   - font-size: 140%;
1605   - color: #000;
1606   -}
1607   -#search-input.blur {
1608   - font-size: 140%;
1609   - font-style: italic;
1610   - color: #aaa;
1611   -}
1612   -.search-ordering {
1613   - float: right;
1614   - font-size: 0.9em;
1615   - font-style: italic;
1616   - margin: 0;
1617   - padding: 5px 0;
1618   -}
1619   -.search-ordering select {
1620   - display: block;
1621   - font-size:1.2em;
1622   - margin: 5px 0 0;
1623   - width: 100%;
1624   -}
1625   -.search-relevance {
1626   - font-size: smaller;
1627   - font-style: italic;
1628   - color: gray;
1629   -}
1630   -.search-relevance, .search-result-text {
1631   - margin-left: 40px;
1632   -}
1633   -/******** tagged-items list ***************************/
1634   -
1635   -.search-tagged-items {
1636   - margin-top: 1em;
1637   -}
1638   -.controller-search .search-tagged-items li {
1639   - padding-left: 20px;
1640   - background-repeat: no-repeat;
1641   - background-position: left 2px;
1642   - border: none;
1643   -}
1644   -.controller-search .search-tagged-items .icon:hover {
1645   - background-color: transparent;
1646   -}
1647   -.controller-search .search-tagged-items .item_meta {
1648   - margin-top: 2px;
1649   -}
1650   -/***** search-popup ***************************/
1651   -
1652   -#search-popup h3 {
1653   - color: #2A5896;
1654   - font-size: 20px;
1655   -}
1656   -#search-popup h4 {
1657   - color: #2A5896;
1658   - font-size: 16px;
1659   -}
1660   -#search-popup .search-field, .search-form {
1661   - text-align: center;
1662   -}
1663   -#content .search-options ul, .search-options ul, #content .search-options li, .search-options li {
1664   - margin: 0px;
1665   - padding: 0px;
1666   - list-style: none;
1667   -}
1668   -.search-options ul {
1669   - clear: left;
1670   -}
1671   -.search-options {
1672   - border: 1px solid #2A5896;
1673   - padding: 0px 0px 5px 20px;
1674   - margin-top: 20px;
1675   -}
1676   -.search-options h4, #content .search-options h4 {
1677   - float: left;
1678   - margin: -10px 0px 0px 0px;
1679   - background: #FFF;
1680   - padding: 0px 5px;
1681   -}
1682   -.search-options {
1683   - text-align: left;
1684   -}
1685   -.search-options li {
1686   - float: left;
1687   - width: 33%;
1688   - padding: 2px 0px;
1689   -}
1690   -.search-in li {
1691   - float: none;
1692   - width: auto;
1693   -}
1694   -.search-in br {
1695   - clear: none;
1696   -}
1697   -#search-popup .button-bar {
1698   - clear: left;
1699   - padding-top: 0px;
1700   - margin-bottom: -20px;
1701   -}
1702 1470 .product-search-filter {
1703 1471 }
1704 1472 .map-or-list-search-results {
... ...
public/stylesheets/search.css
... ... @@ -737,3 +737,193 @@ li.search-product-item hr {
737 737 background: none;
738 738 }
739 739  
  740 +.search-uploaded-file-first-column,
  741 +.search-text-article-first-column,
  742 +.search-content-first-column {
  743 + clear: both;
  744 + float: left;
  745 + margin: 0 10px 0 0;
  746 + width: 130px;
  747 + min-height:98px;
  748 +}
  749 +.search-uploaded-file-second-column,
  750 +.search-text-article-second-column,
  751 +.search-content-second-column {
  752 + float: left;
  753 + width: 575px;
  754 +}
  755 +ul.clean-list .search-uploaded-file-second-column,
  756 +ul.clean-list .search-text-article-second-column,
  757 +ul.clean-list .search-content-second-column {
  758 + width:795px;
  759 +}
  760 +ul.clean-list .search-gallery-content {
  761 + width:655px
  762 +}
  763 +a.search-image-pic {
  764 + border: 1px solid #F2F2F2;
  765 + -moz-border-radius: 5px;
  766 + -webkit-border-radius: 5px;
  767 + -o-border-radius: 5px;
  768 + -khtml-border-radius: 5px;
  769 + border-radius: 5px;
  770 + -moz-box-shadow: 2px 2px 1px #999999;
  771 + -webkit-box-shadow: 2px 2px 1px #999999;
  772 + -o-box-shadow: 2px 2px 1px #999999;
  773 + -khtml-box-shadow: 2px 2px 1px #999999;
  774 + box-shadow: 2px 2px 1px #999999;
  775 + display: block;
  776 + height: 98px;
  777 + width: 130px;
  778 + background-position: center center !important;
  779 + background-repeat: no-repeat;
  780 +}
  781 +.search-no-image {
  782 + border: 1px solid #777;
  783 + height: 98px;
  784 + width: 130px;
  785 + line-height:98px;
  786 + color: #777;
  787 + text-align: center;
  788 + font-size: 9px;
  789 + font-weight: bold;
  790 + text-transform: uppercase;
  791 + letter-spacing: 1px;
  792 + user-select: none;
  793 + border-radius: 5px;
  794 + -moz-user-select: none;
  795 + -khtml-user-select: none;
  796 + -webkit-user-select: none;
  797 + -moz-border-radius: 5px;
  798 + -webkit-border-radius: 5px;
  799 + -o-border-radius: 5px;
  800 + -khtml-border-radius: 5px;
  801 +}
  802 +.search-gallery-items a.search-image-pic {
  803 + float:left;
  804 + margin:0 2px;
  805 +}
  806 +.search-gallery .search-gallery-items {
  807 + float: left;
  808 + margin: 0 10px 0 0;
  809 + min-width: 130px;
  810 +}
  811 +.search-content-first-column .search-image-container .search-image-pic
  812 +.search-uploaded-file-first-column .search-image-container .search-image-pic {
  813 + display: block;
  814 + margin: 0 auto;
  815 + float: none;
  816 +}
  817 +.search-gallery .search-gallery-items .search-image-container {
  818 + display: block;
  819 + width: 50%;
  820 + float: left;
  821 +}
  822 +.search-gallery .search-gallery-items .search-image-container a.search-image-pic {
  823 + margin: 0 auto;
  824 + display:block;
  825 + float: none;
  826 +}
  827 +.search-gallery .search-gallery-content {
  828 + float: left;
  829 + width: 435px;
  830 +}
  831 +.search-content-first-column .icon-application-vnd-oasis-opendocument-text,
  832 +.search-content-first-column .icon-application-vnd-oasis-opendocument-spreadsheet,
  833 +.search-content-first-column .icon-text-content,
  834 +.search-uploaded-file-first-column .icon-application-vnd-oasis-opendocument-text,
  835 +.search-uploaded-file-first-column .icon-application-vnd-oasis-opendocument-spreadsheet,
  836 +.search-text-article-first-column .icon-text-content {
  837 + display:block;
  838 + width: 16px;
  839 + height: 16px;
  840 + -moz-border-radius: 0;
  841 + -webkit-border-radius: 0;
  842 + -o-border-radius: 0;
  843 + -khtml-border-radius: 0;
  844 + border-radius: 0;
  845 + margin: auto;
  846 +
  847 +}
  848 +.search-content-first-column .icon-application-vnd-oasis-opendocument-spreadsheet,
  849 +.search-content-first-column .icon-application-vnd-oasis-opendocument-spreadsheet {
  850 +
  851 +}
  852 +.search-content-first-column .icon-application-opendocument-spreadsheet,
  853 +.search-uploaded-file-first-column .icon-application-opendocument-spreadsheet {
  854 +
  855 +}
  856 +.search-content-first-column .icon-text-content,
  857 +.search-text-article-first-column .icon-text-content {
  858 +
  859 +}
  860 +.search-uploaded-file-line {
  861 + clear: both;
  862 + float: left;
  863 +}
  864 +.search-image-topic {
  865 + font-weight: bold;
  866 +}
  867 +.search-image-pic {
  868 + background-repeat: no-repeat;
  869 + background-position: 50% 50%;
  870 + width: 130px;
  871 + height: 130px;
  872 + display: block;
  873 +
  874 +}
  875 +#search-input {
  876 + font-size: 140%;
  877 + color: #000;
  878 +}
  879 +#search-input.blur {
  880 + font-size: 140%;
  881 + font-style: italic;
  882 + color: #aaa;
  883 +}
  884 +.search-ordering {
  885 + float: right;
  886 + font-size: 0.9em;
  887 + font-style: italic;
  888 + margin: 0;
  889 + padding: 5px 0;
  890 +}
  891 +.search-ordering select {
  892 + display: block;
  893 + font-size:1.2em;
  894 + margin: 5px 0 0;
  895 + width: 100%;
  896 +}
  897 +.search-relevance {
  898 + font-size: smaller;
  899 + font-style: italic;
  900 + color: gray;
  901 +}
  902 +.search-relevance, .search-result-text {
  903 + margin-left: 40px;
  904 +}
  905 +
  906 +/******** tagged-items list ***************************/
  907 +
  908 +.search-tagged-items {
  909 + margin-top: 1em;
  910 +}
  911 +.controller-search .search-tagged-items li {
  912 + padding-left: 20px;
  913 + background-repeat: no-repeat;
  914 + background-position: left 2px;
  915 + border: none;
  916 +}
  917 +.controller-search .search-tagged-items .icon:hover {
  918 + background-color: transparent;
  919 +}
  920 +.controller-search .search-tagged-items .item_meta {
  921 + margin-top: 2px;
  922 +}
  923 +
  924 +.article-item {
  925 + clear: both;
  926 + display: block;
  927 + border-bottom:1px solid #ccc;
  928 + margin-bottom: 10px;
  929 +}
... ...