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,238 +1467,6 @@ a.button.disabled, input.disabled {
1467 opacity: 0.5; 1467 opacity: 0.5;
1468 filter-opacity: 50%; 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 .product-search-filter { 1470 .product-search-filter {
1703 } 1471 }
1704 .map-or-list-search-results { 1472 .map-or-list-search-results {
public/stylesheets/search.css
@@ -737,3 +737,193 @@ li.search-product-item hr { @@ -737,3 +737,193 @@ li.search-product-item hr {
737 background: none; 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 +}