Revision fc6bf782 snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
|---|---|---|
| 6836 | 6836 |
|
| 6837 | 6837 |
/* Mixins ----------------------------------------------- */ |
| 6838 | 6838 |
/* Circle and Tags ----------------------------------------------- */ |
| 6839 |
/* line 107, ../sass/_common.scss */
|
|
| 6839 |
/* line 113, ../sass/_common.scss */
|
|
| 6840 | 6840 |
.circle, .tags .tag, .tag-demo, .snf-color-picker #color {
|
| 6841 | 6841 |
display: inline-block; |
| 6842 | 6842 |
-webkit-border-radius: 999px; |
| ... | ... | |
| 6845 | 6845 |
behavior: url(PIE.htc); |
| 6846 | 6846 |
} |
| 6847 | 6847 |
|
| 6848 |
/* line 115, ../sass/_common.scss */
|
|
| 6848 |
/* line 121, ../sass/_common.scss */
|
|
| 6849 | 6849 |
.tags {
|
| 6850 | 6850 |
text-align: center; |
| 6851 | 6851 |
} |
| 6852 |
/* line 117, ../sass/_common.scss */
|
|
| 6852 |
/* line 123, ../sass/_common.scss */
|
|
| 6853 | 6853 |
.tags .tag {
|
| 6854 | 6854 |
width: 12px; |
| 6855 | 6855 |
height: 12px; |
| 6856 | 6856 |
margin: 0 3px; |
| 6857 | 6857 |
} |
| 6858 |
/* line 122, ../sass/_common.scss */
|
|
| 6858 |
/* line 128, ../sass/_common.scss */
|
|
| 6859 | 6859 |
.tags .tag.tag1 {
|
| 6860 | 6860 |
background-color: #ff5c58; |
| 6861 | 6861 |
} |
| 6862 |
/* line 123, ../sass/_common.scss */
|
|
| 6862 |
/* line 129, ../sass/_common.scss */
|
|
| 6863 | 6863 |
.tags .tag.tag2 {
|
| 6864 | 6864 |
background-color: #00a551; |
| 6865 | 6865 |
} |
| 6866 |
/* line 124, ../sass/_common.scss */
|
|
| 6866 |
/* line 130, ../sass/_common.scss */
|
|
| 6867 | 6867 |
.tags .tag.tag3 {
|
| 6868 | 6868 |
background-color: #30c79e; |
| 6869 | 6869 |
} |
| 6870 | 6870 |
|
| 6871 |
/* line 128, ../sass/_common.scss */
|
|
| 6871 |
/* line 134, ../sass/_common.scss */
|
|
| 6872 | 6872 |
.tag-demo, .snf-color-picker #color {
|
| 6873 | 6873 |
width: 18px; |
| 6874 | 6874 |
height: 18px; |
| ... | ... | |
| 6876 | 6876 |
bottom: -5px; |
| 6877 | 6877 |
margin-right: 20px; |
| 6878 | 6878 |
} |
| 6879 |
/* line 137, ../sass/_common.scss */
|
|
| 6879 |
/* line 143, ../sass/_common.scss */
|
|
| 6880 | 6880 |
.tag-demo.tag4, .snf-color-picker .tag4#color {
|
| 6881 | 6881 |
background-color: #ff5e4d; |
| 6882 | 6882 |
} |
| 6883 |
/* line 138, ../sass/_common.scss */
|
|
| 6883 |
/* line 144, ../sass/_common.scss */
|
|
| 6884 | 6884 |
.tag-demo.tag5, .snf-color-picker .tag5#color {
|
| 6885 | 6885 |
background-color: #25bfda; |
| 6886 | 6886 |
} |
| 6887 |
/* line 139, ../sass/_common.scss */
|
|
| 6887 |
/* line 145, ../sass/_common.scss */
|
|
| 6888 | 6888 |
.tag-demo.tag6, .snf-color-picker .tag6#color {
|
| 6889 | 6889 |
background-color: #fbf7c5; |
| 6890 | 6890 |
} |
| 6891 |
/* line 140, ../sass/_common.scss */
|
|
| 6891 |
/* line 146, ../sass/_common.scss */
|
|
| 6892 | 6892 |
.tag-demo.tag7, .snf-color-picker .tag7#color {
|
| 6893 | 6893 |
background-color: #83a697; |
| 6894 | 6894 |
} |
| 6895 | 6895 |
|
| 6896 | 6896 |
/* Buttons and Links ----------------------------------------------- */ |
| 6897 |
/* line 148, ../sass/_common.scss */
|
|
| 6897 |
/* line 154, ../sass/_common.scss */
|
|
| 6898 | 6898 |
a {
|
| 6899 | 6899 |
color: #485057; |
| 6900 | 6900 |
} |
| 6901 |
/* line 150, ../sass/_common.scss */
|
|
| 6901 |
/* line 156, ../sass/_common.scss */
|
|
| 6902 | 6902 |
a:hover, a.current, a.active {
|
| 6903 | 6903 |
color: #30c79e; |
| 6904 | 6904 |
-webkit-transition: background 300ms ease-out; |
| ... | ... | |
| 6908 | 6908 |
transition: background 300ms ease-out; |
| 6909 | 6909 |
} |
| 6910 | 6910 |
|
| 6911 |
/* line 158, ../sass/_common.scss */
|
|
| 6911 |
/* line 164, ../sass/_common.scss */
|
|
| 6912 | 6912 |
.inactive {
|
| 6913 | 6913 |
color: #919194 !important; |
| 6914 | 6914 |
} |
| 6915 |
/* line 160, ../sass/_common.scss */
|
|
| 6915 |
/* line 166, ../sass/_common.scss */
|
|
| 6916 | 6916 |
.inactive:hover {
|
| 6917 | 6917 |
color: #919194; |
| 6918 | 6918 |
cursor: default; |
| 6919 | 6919 |
} |
| 6920 | 6920 |
|
| 6921 |
/* line 167, ../sass/_common.scss */
|
|
| 6921 |
/* line 173, ../sass/_common.scss */
|
|
| 6922 | 6922 |
.btn1, .btn2, .btn3, .upload-widget .btns a, .btn4, .btn-img {
|
| 6923 | 6923 |
border: 1px solid #919194; |
| 6924 | 6924 |
color: #919194; |
| ... | ... | |
| 6927 | 6927 |
line-height: 1em; |
| 6928 | 6928 |
text-align: center; |
| 6929 | 6929 |
} |
| 6930 |
/* line 176, ../sass/_common.scss */
|
|
| 6930 |
/* line 182, ../sass/_common.scss */
|
|
| 6931 | 6931 |
.btn1:hover, .btn2:hover, .btn3:hover, .upload-widget .btns a:hover, .btn4:hover, .btn-img:hover, .btn1.current, .current.btn2, .current.btn3, .upload-widget .btns a.current, .current.btn4, .current.btn-img, .btn1:focus, .btn2:focus, .btn3:focus, .upload-widget .btns a:focus, .btn4:focus, .btn-img:focus {
|
| 6932 | 6932 |
border-color: #30c79e; |
| 6933 | 6933 |
background: #30c79e; |
| 6934 | 6934 |
color: #fff; |
| 6935 | 6935 |
} |
| 6936 |
/* line 181, ../sass/_common.scss */
|
|
| 6936 |
/* line 187, ../sass/_common.scss */
|
|
| 6937 | 6937 |
.btn1.current, .current.btn2, .current.btn3, .upload-widget .btns a.current, .current.btn4, .current.btn-img {
|
| 6938 | 6938 |
cursor: default; |
| 6939 | 6939 |
} |
| 6940 | 6940 |
|
| 6941 |
/* line 186, ../sass/_common.scss */
|
|
| 6941 |
/* line 192, ../sass/_common.scss */
|
|
| 6942 | 6942 |
.btn2 {
|
| 6943 | 6943 |
color: #30c79e; |
| 6944 | 6944 |
background: #fff; |
| 6945 | 6945 |
border-color: #30c79e; |
| 6946 | 6946 |
} |
| 6947 |
/* line 193, ../sass/_common.scss */
|
|
| 6947 |
/* line 199, ../sass/_common.scss */
|
|
| 6948 | 6948 |
.btn2:hover, .btn2.current, .btn2:focus {
|
| 6949 | 6949 |
background: transparent; |
| 6950 | 6950 |
border-color: #fff; |
| 6951 | 6951 |
} |
| 6952 | 6952 |
|
| 6953 |
/* line 199, ../sass/_common.scss */
|
|
| 6953 |
/* line 205, ../sass/_common.scss */
|
|
| 6954 | 6954 |
.btn3, .upload-widget .btns a {
|
| 6955 | 6955 |
color: #fff; |
| 6956 | 6956 |
border-color: #fff; |
| 6957 | 6957 |
} |
| 6958 |
/* line 205, ../sass/_common.scss */
|
|
| 6958 |
/* line 211, ../sass/_common.scss */
|
|
| 6959 | 6959 |
.btn3:hover, .upload-widget .btns a:hover, .btn3.current, .upload-widget .btns a.current, .btn3:focus, .upload-widget .btns a:focus {
|
| 6960 | 6960 |
color: #30c79e; |
| 6961 | 6961 |
background: #fff; |
| 6962 | 6962 |
border-color: #fff; |
| 6963 | 6963 |
} |
| 6964 | 6964 |
|
| 6965 |
/* line 212, ../sass/_common.scss */
|
|
| 6965 |
/* line 218, ../sass/_common.scss */
|
|
| 6966 | 6966 |
.btn4 {
|
| 6967 | 6967 |
color: #fff; |
| 6968 | 6968 |
border-color: #fff; |
| 6969 | 6969 |
background: #30c79e; |
| 6970 | 6970 |
} |
| 6971 |
/* line 219, ../sass/_common.scss */
|
|
| 6971 |
/* line 225, ../sass/_common.scss */
|
|
| 6972 | 6972 |
.btn4:hover, .btn4.current, .btn4:focus {
|
| 6973 | 6973 |
color: #30c79e; |
| 6974 | 6974 |
border-color: #30c79e; |
| 6975 | 6975 |
background: #fff; |
| 6976 | 6976 |
} |
| 6977 | 6977 |
|
| 6978 |
/* line 226, ../sass/_common.scss */
|
|
| 6978 |
/* line 232, ../sass/_common.scss */
|
|
| 6979 | 6979 |
.btn5, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a, #volume-wizard .step .volume_options > li .options-bar .options li a {
|
| 6980 | 6980 |
border: 1px solid white; |
| 6981 | 6981 |
color: white; |
| ... | ... | |
| 6986 | 6986 |
text-align: center; |
| 6987 | 6987 |
font-size: 0.75em; |
| 6988 | 6988 |
} |
| 6989 |
/* line 236, ../sass/_common.scss */
|
|
| 6989 |
/* line 242, ../sass/_common.scss */
|
|
| 6990 | 6990 |
.btn5:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a:hover, #volume-wizard .step .volume_options > li .options-bar .options li a:hover, .btn5:focus, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a:focus, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a:focus, #volume-wizard .step .volume_options > li .options-bar .options li a:focus {
|
| 6991 | 6991 |
border-width: 2px; |
| 6992 | 6992 |
line-height: 26px; |
| 6993 | 6993 |
padding: 0 19px; |
| 6994 | 6994 |
color: white; |
| 6995 | 6995 |
} |
| 6996 |
/* line 242, ../sass/_common.scss */
|
|
| 6996 |
/* line 248, ../sass/_common.scss */
|
|
| 6997 | 6997 |
.btn5.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a.current, #volume-wizard .step .volume_options > li .options-bar .options li a.current {
|
| 6998 | 6998 |
background: white; |
| 6999 | 6999 |
color: #30c79e; |
| 7000 | 7000 |
} |
| 7001 | 7001 |
|
| 7002 |
/* line 248, ../sass/_common.scss */
|
|
| 7002 |
/* line 254, ../sass/_common.scss */
|
|
| 7003 | 7003 |
.btn-img {
|
| 7004 | 7004 |
border-color: #30c79e; |
| 7005 | 7005 |
} |
| 7006 |
/* line 252, ../sass/_common.scss */
|
|
| 7006 |
/* line 258, ../sass/_common.scss */
|
|
| 7007 | 7007 |
.btn-img:hover, .btn-img:focus {
|
| 7008 | 7008 |
background: transparent; |
| 7009 | 7009 |
} |
| 7010 |
/* line 256, ../sass/_common.scss */
|
|
| 7010 |
/* line 262, ../sass/_common.scss */
|
|
| 7011 | 7011 |
.btn-img a img, .btn-img a span {
|
| 7012 | 7012 |
margin-left: 5px; |
| 7013 | 7013 |
} |
| 7014 | 7014 |
|
| 7015 | 7015 |
/* Layout ----------------------------------------------- */ |
| 7016 |
/* line 264, ../sass/_common.scss */
|
|
| 7016 |
/* line 270, ../sass/_common.scss */
|
|
| 7017 | 7017 |
html, body {
|
| 7018 | 7018 |
height: 100%; |
| 7019 | 7019 |
} |
| 7020 | 7020 |
|
| 7021 |
/* line 268, ../sass/_common.scss */
|
|
| 7021 |
/* line 274, ../sass/_common.scss */
|
|
| 7022 | 7022 |
body {
|
| 7023 | 7023 |
padding-top: 110px; |
| 7024 | 7024 |
} |
| 7025 | 7025 |
|
| 7026 |
/* line 272, ../sass/_common.scss */
|
|
| 7026 |
/* line 278, ../sass/_common.scss */
|
|
| 7027 | 7027 |
.overlay-wrapper {
|
| 7028 | 7028 |
min-height: 100%; |
| 7029 | 7029 |
} |
| 7030 | 7030 |
|
| 7031 |
/* line 276, ../sass/_common.scss */
|
|
| 7031 |
/* line 282, ../sass/_common.scss */
|
|
| 7032 | 7032 |
.main {
|
| 7033 | 7033 |
padding: 0 0.625em; |
| 7034 | 7034 |
} |
| 7035 | 7035 |
|
| 7036 | 7036 |
/* Header ----------------------------------------------- */ |
| 7037 |
/* line 282, ../sass/_common.scss */
|
|
| 7037 |
/* line 288, ../sass/_common.scss */
|
|
| 7038 | 7038 |
.header {
|
| 7039 | 7039 |
position: fixed; |
| 7040 | 7040 |
top: 0; |
| ... | ... | |
| 7047 | 7047 |
background: white; |
| 7048 | 7048 |
z-index: 100; |
| 7049 | 7049 |
} |
| 7050 |
/* line 293, ../sass/_common.scss */
|
|
| 7050 |
/* line 299, ../sass/_common.scss */
|
|
| 7051 | 7051 |
.header .icons-nav {
|
| 7052 | 7052 |
position: absolute; |
| 7053 | 7053 |
left: 15px; |
| ... | ... | |
| 7055 | 7055 |
line-height: 80px; |
| 7056 | 7056 |
top: 0; |
| 7057 | 7057 |
} |
| 7058 |
/* line 299, ../sass/_common.scss */
|
|
| 7058 |
/* line 305, ../sass/_common.scss */
|
|
| 7059 | 7059 |
.header .icons-nav li {
|
| 7060 | 7060 |
line-height: 80px; |
| 7061 | 7061 |
} |
| 7062 |
/* line 303, ../sass/_common.scss */
|
|
| 7062 |
/* line 309, ../sass/_common.scss */
|
|
| 7063 | 7063 |
.header .logo {
|
| 7064 | 7064 |
text-align: center; |
| 7065 | 7065 |
} |
| 7066 |
/* line 305, ../sass/_common.scss */
|
|
| 7066 |
/* line 311, ../sass/_common.scss */
|
|
| 7067 | 7067 |
.header .logo a {
|
| 7068 | 7068 |
position: relative; |
| 7069 | 7069 |
} |
| 7070 |
/* line 309, ../sass/_common.scss */
|
|
| 7070 |
/* line 315, ../sass/_common.scss */
|
|
| 7071 | 7071 |
.header .logo img {
|
| 7072 | 7072 |
height: 40px; |
| 7073 | 7073 |
} |
| 7074 |
/* line 312, ../sass/_common.scss */
|
|
| 7074 |
/* line 318, ../sass/_common.scss */
|
|
| 7075 | 7075 |
.header .logo h2 {
|
| 7076 | 7076 |
display: none; |
| 7077 | 7077 |
margin: 0; |
| ... | ... | |
| 7079 | 7079 |
color: #919194; |
| 7080 | 7080 |
font-weight: normal; |
| 7081 | 7081 |
} |
| 7082 |
/* line 320, ../sass/_common.scss */
|
|
| 7082 |
/* line 326, ../sass/_common.scss */
|
|
| 7083 | 7083 |
.header .login {
|
| 7084 | 7084 |
position: absolute; |
| 7085 | 7085 |
top: 25px; |
| 7086 | 7086 |
right: 15px; |
| 7087 | 7087 |
} |
| 7088 |
/* line 325, ../sass/_common.scss */
|
|
| 7088 |
/* line 331, ../sass/_common.scss */
|
|
| 7089 | 7089 |
.header .login .wrap {
|
| 7090 | 7090 |
border: 1px solid #1e1e1e; |
| 7091 | 7091 |
background: white; |
| ... | ... | |
| 7093 | 7093 |
padding: 12px 30px; |
| 7094 | 7094 |
line-height: 100%; |
| 7095 | 7095 |
} |
| 7096 |
/* line 332, ../sass/_common.scss */
|
|
| 7096 |
/* line 338, ../sass/_common.scss */
|
|
| 7097 | 7097 |
.header .login .wrap ul {
|
| 7098 | 7098 |
padding: 0; |
| 7099 | 7099 |
margin: 0; |
| 7100 | 7100 |
list-style: none outside none; |
| 7101 | 7101 |
display: none; |
| 7102 | 7102 |
} |
| 7103 |
/* line 337, ../sass/_common.scss */
|
|
| 7103 |
/* line 343, ../sass/_common.scss */
|
|
| 7104 | 7104 |
.header .login .wrap ul li {
|
| 7105 | 7105 |
list-style: none outside none; |
| 7106 | 7106 |
padding: 0; |
| ... | ... | |
| 7108 | 7108 |
} |
| 7109 | 7109 |
|
| 7110 | 7110 |
/* Actions Bar ----------------------------------------------- */ |
| 7111 |
/* line 350, ../sass/_common.scss */
|
|
| 7111 |
/* line 356, ../sass/_common.scss */
|
|
| 7112 | 7112 |
.actions-bar {
|
| 7113 | 7113 |
position: fixed; |
| 7114 | 7114 |
left: 0; |
| ... | ... | |
| 7120 | 7120 |
line-height: 30px; |
| 7121 | 7121 |
background-color: #ebebec; |
| 7122 | 7122 |
} |
| 7123 |
/* line 360, ../sass/_common.scss */
|
|
| 7123 |
/* line 366, ../sass/_common.scss */
|
|
| 7124 | 7124 |
.actions-bar h2 {
|
| 7125 | 7125 |
float: left; |
| 7126 | 7126 |
margin: 0 0 0 15px; |
| ... | ... | |
| 7128 | 7128 |
line-height: 30px; |
| 7129 | 7129 |
font-weight: normal; |
| 7130 | 7130 |
} |
| 7131 |
/* line 368, ../sass/_common.scss */
|
|
| 7131 |
/* line 374, ../sass/_common.scss */
|
|
| 7132 | 7132 |
.actions-bar .filter-menu {
|
| 7133 | 7133 |
float: right; |
| 7134 | 7134 |
position: relative; |
| 7135 | 7135 |
} |
| 7136 |
/* line 371, ../sass/_common.scss */
|
|
| 7136 |
/* line 377, ../sass/_common.scss */
|
|
| 7137 | 7137 |
.actions-bar .filter-menu .filter {
|
| 7138 | 7138 |
padding: 0 10px; |
| 7139 | 7139 |
font-size: 0.75em; |
| 7140 | 7140 |
position: relative; |
| 7141 | 7141 |
top: -2px; |
| 7142 | 7142 |
} |
| 7143 |
/* line 377, ../sass/_common.scss */
|
|
| 7143 |
/* line 383, ../sass/_common.scss */
|
|
| 7144 | 7144 |
.actions-bar .filter-menu .options {
|
| 7145 | 7145 |
display: none; |
| 7146 | 7146 |
position: absolute; |
| ... | ... | |
| 7152 | 7152 |
text-align: left; |
| 7153 | 7153 |
margin: 0; |
| 7154 | 7154 |
} |
| 7155 |
/* line 389, ../sass/_common.scss */
|
|
| 7155 |
/* line 395, ../sass/_common.scss */
|
|
| 7156 | 7156 |
.actions-bar .filter-menu.current .options {
|
| 7157 | 7157 |
background-color: #ababad; |
| 7158 | 7158 |
display: inline-block; |
| 7159 | 7159 |
} |
| 7160 |
/* line 392, ../sass/_common.scss */
|
|
| 7160 |
/* line 398, ../sass/_common.scss */
|
|
| 7161 | 7161 |
.actions-bar .filter-menu.current .options a {
|
| 7162 | 7162 |
color: white; |
| 7163 | 7163 |
} |
| 7164 |
/* line 401, ../sass/_common.scss */
|
|
| 7164 |
/* line 407, ../sass/_common.scss */
|
|
| 7165 | 7165 |
.actions-bar .row {
|
| 7166 | 7166 |
position: relative; |
| 7167 | 7167 |
height: 30px; |
| 7168 | 7168 |
} |
| 7169 |
/* line 406, ../sass/_common.scss */
|
|
| 7169 |
/* line 412, ../sass/_common.scss */
|
|
| 7170 | 7170 |
.actions-bar .hd-search {
|
| 7171 | 7171 |
width: 24px; |
| 7172 | 7172 |
overflow: hidden; |
| ... | ... | |
| 7181 | 7181 |
transition: width 0.3s linear; |
| 7182 | 7182 |
-webkit-backface-visibility: hidden; |
| 7183 | 7183 |
} |
| 7184 |
/* line 416, ../sass/_common.scss */
|
|
| 7184 |
/* line 422, ../sass/_common.scss */
|
|
| 7185 | 7185 |
.actions-bar .hd-search .hd-icon-search {
|
| 7186 | 7186 |
display: block; |
| 7187 | 7187 |
width: 30px; |
| ... | ... | |
| 7193 | 7193 |
position: relative; |
| 7194 | 7194 |
background: #ebebec; |
| 7195 | 7195 |
} |
| 7196 |
/* line 423, ../sass/_common.scss */
|
|
| 7196 |
/* line 429, ../sass/_common.scss */
|
|
| 7197 | 7197 |
.actions-bar .hd-search .hd-icon-search:hover {
|
| 7198 | 7198 |
color: #30c79e; |
| 7199 | 7199 |
cursor: pointer; |
| 7200 | 7200 |
} |
| 7201 |
/* line 431, ../sass/_common.scss */
|
|
| 7201 |
/* line 437, ../sass/_common.scss */
|
|
| 7202 | 7202 |
.actions-bar .hd-search .hd-search-input {
|
| 7203 | 7203 |
border: transparent; |
| 7204 | 7204 |
background-color: white; |
| ... | ... | |
| 7212 | 7212 |
top: 4px; |
| 7213 | 7213 |
left: 0; |
| 7214 | 7214 |
} |
| 7215 |
/* line 444, ../sass/_common.scss */
|
|
| 7215 |
/* line 450, ../sass/_common.scss */
|
|
| 7216 | 7216 |
.actions-bar .hd-search.hd-open {
|
| 7217 | 7217 |
width: 190px; |
| 7218 | 7218 |
} |
| 7219 |
/* line 448, ../sass/_common.scss */
|
|
| 7219 |
/* line 454, ../sass/_common.scss */
|
|
| 7220 | 7220 |
.actions-bar .view-type {
|
| 7221 | 7221 |
float: right; |
| 7222 | 7222 |
margin-right: 15px; |
| 7223 | 7223 |
} |
| 7224 |
/* line 451, ../sass/_common.scss */
|
|
| 7224 |
/* line 457, ../sass/_common.scss */
|
|
| 7225 | 7225 |
.actions-bar .view-type .current, .actions-bar .view-type a:hover {
|
| 7226 | 7226 |
color: #30c79e; |
| 7227 | 7227 |
} |
| 7228 |
/* line 454, ../sass/_common.scss */ |
|
| 7229 |
.actions-bar .view-type .snf-listview {
|
|
| 7228 |
/* line 460, ../sass/_common.scss */ |
|
| 7229 |
.actions-bar .view-type .list {
|
|
| 7230 |
margin-right: 3px; |
|
| 7231 |
} |
|
| 7232 |
/* line 462, ../sass/_common.scss */ |
|
| 7233 |
.actions-bar .view-type .list .snf-listview {
|
|
| 7230 | 7234 |
position: relative; |
| 7231 | 7235 |
top: 3px; |
| 7232 |
margin-right: 3px; |
|
| 7233 | 7236 |
font-size: 22px; |
| 7234 | 7237 |
} |
| 7235 |
/* line 460, ../sass/_common.scss */ |
|
| 7236 |
.actions-bar .view-type .snf-gridview {
|
|
| 7238 |
/* line 468, ../sass/_common.scss */ |
|
| 7239 |
.actions-bar .view-type .grid {
|
|
| 7240 |
margin-right: 7px; |
|
| 7241 |
} |
|
| 7242 |
/* line 470, ../sass/_common.scss */ |
|
| 7243 |
.actions-bar .view-type .grid .snf-gridview {
|
|
| 7237 | 7244 |
font-size: 22px; |
| 7238 | 7245 |
position: relative; |
| 7239 | 7246 |
top: 3px; |
| 7240 |
margin-right: 3px; |
|
| 7247 |
} |
|
| 7248 |
/* line 476, ../sass/_common.scss */ |
|
| 7249 |
.actions-bar .view-type .single {
|
|
| 7250 |
width: 14px; |
|
| 7251 |
height: 14px; |
|
| 7252 |
display: inline-block; |
|
| 7253 |
border: 1px solid; |
|
| 7254 |
background-color: transparent; |
|
| 7255 |
} |
|
| 7256 |
/* line 481, ../sass/_common.scss */ |
|
| 7257 |
.actions-bar .view-type .single.current {
|
|
| 7258 |
background-color: #30c79e; |
|
| 7241 | 7259 |
} |
| 7242 | 7260 |
|
| 7243 |
/* line 472, ../sass/_common.scss */
|
|
| 7261 |
/* line 491, ../sass/_common.scss */
|
|
| 7244 | 7262 |
.no-vm .actions-bar .view-type, .no-vm .actions-bar .hd-search, .no-vm .actions-bar .filter {
|
| 7245 | 7263 |
display: none; |
| 7246 | 7264 |
} |
| 7247 | 7265 |
|
| 7248 | 7266 |
/* Icons Navigation ----------------------------------------------- */ |
| 7249 |
/* line 480, ../sass/_common.scss */
|
|
| 7267 |
/* line 499, ../sass/_common.scss */
|
|
| 7250 | 7268 |
.icons-nav {
|
| 7251 | 7269 |
margin: 0; |
| 7252 | 7270 |
padding: 0; |
| 7253 | 7271 |
} |
| 7254 |
/* line 482, ../sass/_common.scss */
|
|
| 7272 |
/* line 501, ../sass/_common.scss */
|
|
| 7255 | 7273 |
.icons-nav li {
|
| 7256 | 7274 |
display: inline-block; |
| 7257 | 7275 |
margin-right: 10px; |
| ... | ... | |
| 7260 | 7278 |
} |
| 7261 | 7279 |
|
| 7262 | 7280 |
/* Top info ----------------------------------------------- */ |
| 7263 |
/* line 495, ../sass/_common.scss */
|
|
| 7281 |
/* line 514, ../sass/_common.scss */
|
|
| 7264 | 7282 |
.top-info {
|
| 7265 | 7283 |
padding: 50px 100px; |
| 7266 | 7284 |
position: relative; |
| 7267 | 7285 |
z-index: 10; |
| 7268 | 7286 |
display: none; |
| 7269 | 7287 |
} |
| 7270 |
/* line 500, ../sass/_common.scss */
|
|
| 7288 |
/* line 519, ../sass/_common.scss */
|
|
| 7271 | 7289 |
.top-info .close {
|
| 7272 | 7290 |
position: absolute; |
| 7273 | 7291 |
right: 15px; |
| ... | ... | |
| 7280 | 7298 |
overflow: hidden; |
| 7281 | 7299 |
} |
| 7282 | 7300 |
|
| 7283 |
/* line 509, ../sass/_common.scss */
|
|
| 7301 |
/* line 528, ../sass/_common.scss */
|
|
| 7284 | 7302 |
.info.error {
|
| 7285 | 7303 |
background: #ff5c58; |
| 7286 | 7304 |
color: #fff; |
| 7287 | 7305 |
} |
| 7288 | 7306 |
|
| 7289 |
/* line 515, ../sass/_common.scss */
|
|
| 7307 |
/* line 534, ../sass/_common.scss */
|
|
| 7290 | 7308 |
.info.alert {
|
| 7291 | 7309 |
background: #30c79e; |
| 7292 | 7310 |
color: #fff; |
| 7293 | 7311 |
} |
| 7294 | 7312 |
|
| 7295 |
/* line 520, ../sass/_common.scss */
|
|
| 7313 |
/* line 539, ../sass/_common.scss */
|
|
| 7296 | 7314 |
.info.warning {
|
| 7297 | 7315 |
background: #919194; |
| 7298 | 7316 |
color: #fff; |
| 7299 | 7317 |
} |
| 7300 | 7318 |
|
| 7301 |
/* line 525, ../sass/_common.scss */
|
|
| 7319 |
/* line 544, ../sass/_common.scss */
|
|
| 7302 | 7320 |
.info.success {
|
| 7303 | 7321 |
background: #00a551; |
| 7304 | 7322 |
color: #fff; |
| 7305 | 7323 |
} |
| 7306 | 7324 |
|
| 7307 |
/* line 530, ../sass/_common.scss */
|
|
| 7325 |
/* line 549, ../sass/_common.scss */
|
|
| 7308 | 7326 |
.border-bottom-style1 {
|
| 7309 | 7327 |
padding-bottom: 20px; |
| 7310 | 7328 |
margin-bottom: 20px; |
| ... | ... | |
| 7312 | 7330 |
} |
| 7313 | 7331 |
|
| 7314 | 7332 |
/* Progress Bar ----------------------------------------------- */ |
| 7315 |
/* line 539, ../sass/_common.scss */
|
|
| 7333 |
/* line 558, ../sass/_common.scss */
|
|
| 7316 | 7334 |
.progress-bar {
|
| 7317 | 7335 |
position: fixed; |
| 7318 | 7336 |
bottom: 0; |
| ... | ... | |
| 7323 | 7341 |
padding: 20px 0 20px 310px; |
| 7324 | 7342 |
color: #919194; |
| 7325 | 7343 |
} |
| 7326 |
/* line 548, ../sass/_common.scss */
|
|
| 7344 |
/* line 567, ../sass/_common.scss */
|
|
| 7327 | 7345 |
.progress-bar span.counter {
|
| 7328 | 7346 |
display: inline-block; |
| 7329 | 7347 |
margin-right: 20px; |
| 7330 | 7348 |
float: left; |
| 7331 | 7349 |
} |
| 7332 |
/* line 553, ../sass/_common.scss */
|
|
| 7350 |
/* line 572, ../sass/_common.scss */
|
|
| 7333 | 7351 |
.progress-bar div.progress-wrap {
|
| 7334 | 7352 |
display: inline-block; |
| 7335 | 7353 |
float: left; |
| 7336 | 7354 |
width: 40%; |
| 7337 | 7355 |
margin-right: 60px; |
| 7338 | 7356 |
} |
| 7339 |
/* line 558, ../sass/_common.scss */
|
|
| 7357 |
/* line 577, ../sass/_common.scss */
|
|
| 7340 | 7358 |
.progress-bar div.progress-wrap .progress {
|
| 7341 | 7359 |
position: relative; |
| 7342 | 7360 |
top: 2px; |
| 7343 | 7361 |
} |
| 7344 |
/* line 563, ../sass/_common.scss */
|
|
| 7362 |
/* line 582, ../sass/_common.scss */
|
|
| 7345 | 7363 |
.progress-bar span.more {
|
| 7346 | 7364 |
display: inline-block; |
| 7347 | 7365 |
} |
| 7348 | 7366 |
|
| 7349 | 7367 |
/* Responive ------------------------------------------------ */ |
| 7350 | 7368 |
@media only screen and (max-width: 768px) {
|
| 7351 |
/* line 574, ../sass/_common.scss */
|
|
| 7369 |
/* line 593, ../sass/_common.scss */
|
|
| 7352 | 7370 |
body {
|
| 7353 | 7371 |
padding-top: 0; |
| 7354 | 7372 |
} |
| 7355 | 7373 |
|
| 7356 |
/* line 577, ../sass/_common.scss */
|
|
| 7374 |
/* line 596, ../sass/_common.scss */
|
|
| 7357 | 7375 |
.header, .actions-bar {
|
| 7358 | 7376 |
position: static; |
| 7359 | 7377 |
z-index: auto; |
| 7360 | 7378 |
} |
| 7361 | 7379 |
|
| 7362 |
/* line 581, ../sass/_common.scss */
|
|
| 7380 |
/* line 600, ../sass/_common.scss */
|
|
| 7363 | 7381 |
.actions-bar {
|
| 7364 | 7382 |
top: 160px; |
| 7365 | 7383 |
} |
| 7366 | 7384 |
|
| 7367 |
/* line 584, ../sass/_common.scss */
|
|
| 7385 |
/* line 603, ../sass/_common.scss */
|
|
| 7368 | 7386 |
.header {
|
| 7369 | 7387 |
height: 120px; |
| 7370 | 7388 |
line-height: 50px; |
| 7371 | 7389 |
} |
| 7372 |
/* line 587, ../sass/_common.scss */
|
|
| 7390 |
/* line 606, ../sass/_common.scss */
|
|
| 7373 | 7391 |
.header .icons-nav {
|
| 7374 | 7392 |
position: static; |
| 7375 | 7393 |
} |
Also available in: Unified diff