Revision e5c8c342 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 |
- Buttons and Links |
6837 | 6837 |
- Layout |
6838 | 6838 |
- Header |
6839 |
- Actions Bar |
|
6839 | 6840 |
- Icon Navigation |
6840 | 6841 |
- Top Info |
6841 | 6842 |
- Progress Bar |
6842 | 6843 |
|
6843 | 6844 |
*/ |
6844 | 6845 |
/* Clearfix -------------------------------------------- */ |
6845 |
/* line 18, ../sass/_common.scss */
|
|
6846 |
/* line 19, ../sass/_common.scss */
|
|
6846 | 6847 |
.clearfix, .storage .files li { |
6847 | 6848 |
zoom: 1; |
6848 | 6849 |
} |
6849 |
/* line 20, ../sass/_common.scss */
|
|
6850 |
/* line 21, ../sass/_common.scss */
|
|
6850 | 6851 |
.clearfix:before, .storage .files li:before, .clearfix:after, .storage .files li:after { |
6851 | 6852 |
content: "\0020"; |
6852 | 6853 |
display: block; |
6853 | 6854 |
height: 0; |
6854 | 6855 |
overflow: hidden; |
6855 | 6856 |
} |
6856 |
/* line 26, ../sass/_common.scss */
|
|
6857 |
/* line 27, ../sass/_common.scss */
|
|
6857 | 6858 |
.clearfix:after, .storage .files li:after { |
6858 | 6859 |
clear: both; |
6859 | 6860 |
} |
6860 | 6861 |
|
6861 | 6862 |
/* Mixins ----------------------------------------------- */ |
6862 | 6863 |
/* Circle and Tags ----------------------------------------------- */ |
6863 |
/* line 69, ../sass/_common.scss */
|
|
6864 |
/* line 70, ../sass/_common.scss */
|
|
6864 | 6865 |
.circle, .tags a { |
6865 | 6866 |
display: inline-block; |
6866 | 6867 |
-webkit-border-radius: 999px; |
... | ... | |
6869 | 6870 |
behavior: url(PIE.htc); |
6870 | 6871 |
} |
6871 | 6872 |
|
6872 |
/* line 77, ../sass/_common.scss */
|
|
6873 |
/* line 78, ../sass/_common.scss */
|
|
6873 | 6874 |
.tags { |
6874 | 6875 |
text-align: center; |
6875 | 6876 |
} |
6876 |
/* line 79, ../sass/_common.scss */
|
|
6877 |
/* line 80, ../sass/_common.scss */
|
|
6877 | 6878 |
.tags a { |
6878 | 6879 |
width: 12px; |
6879 | 6880 |
height: 12px; |
6880 | 6881 |
margin: 0 3px; |
6881 | 6882 |
} |
6882 |
/* line 84, ../sass/_common.scss */
|
|
6883 |
/* line 85, ../sass/_common.scss */
|
|
6883 | 6884 |
.tags a.tag1 { |
6884 | 6885 |
background-color: #3582ac; |
6885 | 6886 |
} |
6886 |
/* line 85, ../sass/_common.scss */
|
|
6887 |
/* line 86, ../sass/_common.scss */
|
|
6887 | 6888 |
.tags a.tag2 { |
6888 |
background-color: #f24e53;
|
|
6889 |
background-color: #30c79e;
|
|
6889 | 6890 |
} |
6890 |
/* line 86, ../sass/_common.scss */
|
|
6891 |
/* line 87, ../sass/_common.scss */
|
|
6891 | 6892 |
.tags a.tag3 { |
6892 | 6893 |
background-color: #00a551; |
6893 | 6894 |
} |
6894 | 6895 |
|
6895 | 6896 |
/* Buttons and Links ----------------------------------------------- */ |
6896 |
/* line 95, ../sass/_common.scss */
|
|
6897 |
/* line 96, ../sass/_common.scss */
|
|
6897 | 6898 |
a { |
6898 | 6899 |
color: #3582ac; |
6899 | 6900 |
} |
6900 |
/* line 97, ../sass/_common.scss */
|
|
6901 |
/* line 98, ../sass/_common.scss */
|
|
6901 | 6902 |
a:hover { |
6902 |
color: #f24e53;
|
|
6903 |
color: #30c79e;
|
|
6903 | 6904 |
-webkit-transition: background 300ms ease-out; |
6904 | 6905 |
-moz-transition: background 300ms ease-out; |
6905 | 6906 |
-ms-transition: background 300ms ease-out; |
... | ... | |
6907 | 6908 |
transition: background 300ms ease-out; |
6908 | 6909 |
} |
6909 | 6910 |
|
6910 |
/* line 104, ../sass/_common.scss */
|
|
6911 |
.btn1, .btn2, .btn3, .create-vm .select-flavor dl dt span, .upload-widget .btns a, .btn4, .btn-img, .header .new-btn a, .details .top .actions ul li a {
|
|
6911 |
/* line 105, ../sass/_common.scss */
|
|
6912 |
.btn1, .btn2, .btn3, .create-vm .select-flavor dl dt span, .upload-widget .btns a, .btn4, .btn-img, .new-btn a, .details .top .actions ul li a { |
|
6912 | 6913 |
border: 1px solid #919194; |
6913 | 6914 |
color: #919194; |
6914 | 6915 |
display: inline-block; |
... | ... | |
6916 | 6917 |
line-height: 1em; |
6917 | 6918 |
text-align: center; |
6918 | 6919 |
} |
6919 |
/* line 112, ../sass/_common.scss */
|
|
6920 |
.btn1:hover, .btn2:hover, .btn3:hover, .create-vm .select-flavor dl dt span:hover, .upload-widget .btns a:hover, .btn4:hover, .btn-img:hover, .header .new-btn a:hover, .details .top .actions ul li a:hover, .btn1.current, .current.btn2, .current.btn3, .create-vm .select-flavor dl dt span.current, .upload-widget .btns a.current, .current.btn4, .current.btn-img, .header .new-btn a.current, .details .top .actions ul li a.current {
|
|
6920 |
/* line 113, ../sass/_common.scss */
|
|
6921 |
.btn1:hover, .btn2:hover, .btn3:hover, .create-vm .select-flavor dl dt span:hover, .upload-widget .btns a:hover, .btn4:hover, .btn-img:hover, .new-btn a:hover, .details .top .actions ul li a:hover, .btn1.current, .current.btn2, .current.btn3, .create-vm .select-flavor dl dt span.current, .upload-widget .btns a.current, .current.btn4, .current.btn-img, .new-btn a.current, .details .top .actions ul li a.current {
|
|
6921 | 6922 |
border-color: #3582ac; |
6922 | 6923 |
background: #3582ac; |
6923 | 6924 |
color: #fff; |
6924 | 6925 |
} |
6925 |
/* line 117, ../sass/_common.scss */
|
|
6926 |
.btn1.current, .current.btn2, .current.btn3, .create-vm .select-flavor dl dt span.current, .upload-widget .btns a.current, .current.btn4, .current.btn-img, .header .new-btn a.current, .details .top .actions ul li a.current {
|
|
6926 |
/* line 118, ../sass/_common.scss */
|
|
6927 |
.btn1.current, .current.btn2, .current.btn3, .create-vm .select-flavor dl dt span.current, .upload-widget .btns a.current, .current.btn4, .current.btn-img, .new-btn a.current, .details .top .actions ul li a.current { |
|
6927 | 6928 |
cursor: default; |
6928 | 6929 |
} |
6929 | 6930 |
|
6930 |
/* line 122, ../sass/_common.scss */
|
|
6931 |
/* line 123, ../sass/_common.scss */
|
|
6931 | 6932 |
.btn2 { |
6932 | 6933 |
color: #3582ac; |
6933 | 6934 |
background: #fff; |
6934 | 6935 |
border-color: #3582ac; |
6935 | 6936 |
} |
6936 |
/* line 128, ../sass/_common.scss */
|
|
6937 |
/* line 129, ../sass/_common.scss */
|
|
6937 | 6938 |
.btn2:hover, .btn2.current { |
6938 | 6939 |
background: transparent; |
6939 | 6940 |
border-color: #fff; |
6940 | 6941 |
} |
6941 | 6942 |
|
6942 |
/* line 134, ../sass/_common.scss */
|
|
6943 |
/* line 135, ../sass/_common.scss */
|
|
6943 | 6944 |
.btn3, .create-vm .select-flavor dl dt span, .upload-widget .btns a { |
6944 | 6945 |
color: #fff; |
6945 | 6946 |
border-color: #fff; |
6946 | 6947 |
} |
6947 |
/* line 139, ../sass/_common.scss */
|
|
6948 |
/* line 140, ../sass/_common.scss */
|
|
6948 | 6949 |
.btn3:hover, .create-vm .select-flavor dl dt span:hover, .upload-widget .btns a:hover, .btn3.current, .create-vm .select-flavor dl dt span.current, .upload-widget .btns a.current { |
6949 | 6950 |
color: #3582ac; |
6950 | 6951 |
background: #fff; |
6951 | 6952 |
border-color: #fff; |
6952 | 6953 |
} |
6953 | 6954 |
|
6954 |
/* line 146, ../sass/_common.scss */
|
|
6955 |
/* line 147, ../sass/_common.scss */
|
|
6955 | 6956 |
.btn4 { |
6956 | 6957 |
color: #fff; |
6957 | 6958 |
border-color: #fff; |
6958 | 6959 |
background: #3582ac; |
6959 | 6960 |
} |
6960 |
/* line 152, ../sass/_common.scss */
|
|
6961 |
/* line 153, ../sass/_common.scss */
|
|
6961 | 6962 |
.btn4:hover, .btn4.current { |
6962 | 6963 |
color: #3582ac; |
6963 | 6964 |
border-color: #3582ac; |
6964 | 6965 |
background: #fff; |
6965 | 6966 |
} |
6966 | 6967 |
|
6967 |
/* line 159, ../sass/_common.scss */
|
|
6968 |
/* line 160, ../sass/_common.scss */
|
|
6968 | 6969 |
.btn-img { |
6969 | 6970 |
border-color: #3582ac; |
6970 | 6971 |
} |
6971 |
/* line 162, ../sass/_common.scss */
|
|
6972 |
/* line 163, ../sass/_common.scss */
|
|
6972 | 6973 |
.btn-img:hover { |
6973 | 6974 |
background: transparent; |
6974 | 6975 |
} |
6975 |
/* line 166, ../sass/_common.scss */
|
|
6976 |
/* line 167, ../sass/_common.scss */
|
|
6976 | 6977 |
.btn-img a img, .btn-img a span { |
6977 | 6978 |
margin-left: 5px; |
6978 | 6979 |
} |
6979 | 6980 |
|
6980 | 6981 |
/* Layout ----------------------------------------------- */ |
6981 | 6982 |
/* line 175, ../sass/_common.scss */ |
6983 |
html, body, .overlay-wrapper { |
|
6984 |
height: 100%; |
|
6985 |
} |
|
6986 |
|
|
6987 |
/* line 179, ../sass/_common.scss */ |
|
6982 | 6988 |
.lt-sidebar { |
6983 | 6989 |
width: 250px; |
6984 | 6990 |
float: left; |
6985 | 6991 |
} |
6986 |
/* line 178, ../sass/_common.scss */
|
|
6992 |
/* line 182, ../sass/_common.scss */
|
|
6987 | 6993 |
.lt-sidebar.nav { |
6988 | 6994 |
margin-top: 0; |
6989 | 6995 |
font-size: 1em; |
6990 | 6996 |
overflow: auto; |
6991 | 6997 |
} |
6992 |
/* line 183, ../sass/_common.scss */
|
|
6998 |
/* line 187, ../sass/_common.scss */
|
|
6993 | 6999 |
.lt-sidebar + .main { |
6994 | 7000 |
overflow: hidden; |
6995 | 7001 |
} |
6996 | 7002 |
|
6997 |
/* line 188, ../sass/_common.scss */
|
|
7003 |
/* line 192, ../sass/_common.scss */
|
|
6998 | 7004 |
.main { |
6999 |
padding: 43px 40px;
|
|
7005 |
padding: 0 40px;
|
|
7000 | 7006 |
overflow: hidden; |
7001 | 7007 |
} |
7002 | 7008 |
|
7003 | 7009 |
/* Header ----------------------------------------------- */ |
7004 |
/* line 197, ../sass/_common.scss */
|
|
7010 |
/* line 201, ../sass/_common.scss */
|
|
7005 | 7011 |
.header { |
7006 | 7012 |
position: relative; |
7007 | 7013 |
padding: 1.25em 2.5em; |
7008 | 7014 |
border-bottom: 1px solid #919194; |
7009 | 7015 |
background: #fff; |
7010 | 7016 |
} |
7011 |
/* line 202, ../sass/_common.scss */
|
|
7017 |
/* line 206, ../sass/_common.scss */
|
|
7012 | 7018 |
.header .icons-nav { |
7013 | 7019 |
position: absolute; |
7014 | 7020 |
left: 2.5em; |
7015 | 7021 |
top: 1.25em; |
7016 | 7022 |
} |
7017 |
/* line 207, ../sass/_common.scss */
|
|
7023 |
/* line 211, ../sass/_common.scss */
|
|
7018 | 7024 |
.header .logo { |
7019 | 7025 |
text-align: center; |
7020 | 7026 |
} |
7021 |
/* line 209, ../sass/_common.scss */
|
|
7027 |
/* line 213, ../sass/_common.scss */
|
|
7022 | 7028 |
.header .logo img { |
7023 | 7029 |
max-height: 30px; |
7024 | 7030 |
} |
7025 |
/* line 212, ../sass/_common.scss */
|
|
7031 |
/* line 216, ../sass/_common.scss */
|
|
7026 | 7032 |
.header .logo h2 { |
7033 |
display: none; |
|
7034 |
margin: 0; |
|
7027 | 7035 |
font-size: 1em; |
7028 | 7036 |
color: #919194; |
7029 | 7037 |
font-weight: normal; |
7030 | 7038 |
} |
7031 |
/* line 218, ../sass/_common.scss */
|
|
7039 |
/* line 224, ../sass/_common.scss */
|
|
7032 | 7040 |
.header .login { |
7033 | 7041 |
position: absolute; |
7034 | 7042 |
right: 2.5em; |
7035 | 7043 |
top: 1.25em; |
7036 | 7044 |
} |
7037 |
/* line 223, ../sass/_common.scss */ |
|
7038 |
.header .actions { |
|
7045 |
|
|
7046 |
/* Actions Bar ----------------------------------------------- */ |
|
7047 |
/* line 234, ../sass/_common.scss */ |
|
7048 |
.actions-bar { |
|
7039 | 7049 |
text-align: center; |
7040 |
height: 45px; |
|
7041 |
line-height: 45px; |
|
7050 |
line-height: 40px; |
|
7042 | 7051 |
position: relative; |
7043 |
margin: 2.5em 0 1.25em; |
|
7052 |
padding: 0.625em 0; |
|
7053 |
border-bottom: 1px solid #919194; |
|
7044 | 7054 |
} |
7045 |
/* line 229, ../sass/_common.scss */
|
|
7046 |
.header .actions .main-actions {
|
|
7055 |
/* line 240, ../sass/_common.scss */
|
|
7056 |
.actions-bar .row {
|
|
7047 | 7057 |
position: relative; |
7048 |
top: 86px; |
|
7049 |
margin: 0 -40px; |
|
7050 |
border-bottom: 1px solid #c5c5c6; |
|
7051 |
z-index: 1; |
|
7052 | 7058 |
} |
7053 |
/* line 236, ../sass/_common.scss */
|
|
7054 |
.header .actions ul {
|
|
7059 |
/* line 245, ../sass/_common.scss */
|
|
7060 |
.actions-bar ul {
|
|
7055 | 7061 |
margin: 0; |
7056 | 7062 |
} |
7057 |
/* line 238, ../sass/_common.scss */
|
|
7058 |
.header .actions ul li {
|
|
7063 |
/* line 247, ../sass/_common.scss */
|
|
7064 |
.actions-bar ul li {
|
|
7059 | 7065 |
list-style: none outside none; |
7060 | 7066 |
display: inline-block; |
7061 | 7067 |
margin: 0 5px; |
7062 | 7068 |
} |
7063 |
/* line 242, ../sass/_common.scss */
|
|
7064 |
.header .actions ul li a {
|
|
7069 |
/* line 251, ../sass/_common.scss */
|
|
7070 |
.actions-bar ul li a {
|
|
7065 | 7071 |
display: block; |
7066 | 7072 |
color: #dfdfdf; |
7067 | 7073 |
width: 100%; |
7068 | 7074 |
padding: 8px 20px; |
7069 | 7075 |
border: 1px solid transparent; |
7070 | 7076 |
} |
7071 |
/* line 248, ../sass/_common.scss */
|
|
7072 |
.header .actions ul li a.active, .header .actions ul .items-list li .container:hover a.check, .items-list .header .actions ul li .container:hover a.check {
|
|
7077 |
/* line 257, ../sass/_common.scss */
|
|
7078 |
.actions-bar ul li a.active, .actions-bar ul .items-list li .container:hover a.check, .items-list .actions-bar ul li .container:hover a.check {
|
|
7073 | 7079 |
color: #919194; |
7074 | 7080 |
} |
7075 |
/* line 250, ../sass/_common.scss */
|
|
7076 |
.header .actions ul li a.active:hover, .header .actions ul .items-list li .container:hover a.check:hover, .items-list .header .actions ul li .container:hover a.check:hover {
|
|
7081 |
/* line 259, ../sass/_common.scss */
|
|
7082 |
.actions-bar ul li a.active:hover, .actions-bar ul .items-list li .container:hover a.check:hover, .items-list .actions-bar ul li .container:hover a.check:hover {
|
|
7077 | 7083 |
color: #3582ac; |
7078 | 7084 |
cursor: pointer; |
7079 | 7085 |
} |
7080 |
/* line 255, ../sass/_common.scss */
|
|
7081 |
.header .actions ul li a:hover {
|
|
7086 |
/* line 264, ../sass/_common.scss */
|
|
7087 |
.actions-bar ul li a:hover {
|
|
7082 | 7088 |
cursor: default; |
7083 | 7089 |
} |
7084 |
/* line 263, ../sass/_common.scss */ |
|
7085 |
.header .new-btn { |
|
7090 |
|
|
7091 |
/* line 272, ../sass/_common.scss */ |
|
7092 |
.new-btn { |
|
7086 | 7093 |
position: absolute; |
7087 | 7094 |
left: 0; |
7088 | 7095 |
bottom: 0; |
7089 | 7096 |
} |
7090 |
/* line 269, ../sass/_common.scss */
|
|
7091 |
.header .new-btn a span {
|
|
7097 |
/* line 278, ../sass/_common.scss */
|
|
7098 |
.new-btn a span { |
|
7092 | 7099 |
font-size: 1.25em; |
7093 | 7100 |
} |
7094 | 7101 |
|
7095 | 7102 |
/* Icons Navigation ----------------------------------------------- */ |
7096 |
/* line 279, ../sass/_common.scss */
|
|
7103 |
/* line 286, ../sass/_common.scss */
|
|
7097 | 7104 |
.icons-nav { |
7098 | 7105 |
margin: 0; |
7099 | 7106 |
padding: 0; |
7100 | 7107 |
} |
7101 |
/* line 281, ../sass/_common.scss */
|
|
7108 |
/* line 288, ../sass/_common.scss */
|
|
7102 | 7109 |
.icons-nav li { |
7103 | 7110 |
display: inline-block; |
7104 | 7111 |
margin-right: 10px; |
... | ... | |
7108 | 7115 |
width: 30px; |
7109 | 7116 |
overflow: hidden; |
7110 | 7117 |
} |
7111 |
/* line 289, ../sass/_common.scss */
|
|
7118 |
/* line 296, ../sass/_common.scss */
|
|
7112 | 7119 |
.icons-nav li a { |
7113 | 7120 |
color: #333333; |
7114 | 7121 |
} |
7115 |
/* line 291, ../sass/_common.scss */
|
|
7122 |
/* line 298, ../sass/_common.scss */
|
|
7116 | 7123 |
.icons-nav li a:hover, .icons-nav li a.current { |
7117 | 7124 |
font-size: 30px; |
7118 |
color: #f24e53;
|
|
7125 |
color: #30c79e;
|
|
7119 | 7126 |
} |
7120 | 7127 |
|
7121 | 7128 |
/* Top info ----------------------------------------------- */ |
7122 |
/* line 304, ../sass/_common.scss */
|
|
7129 |
/* line 311, ../sass/_common.scss */
|
|
7123 | 7130 |
.top-info { |
7124 | 7131 |
padding: 50px 100px; |
7125 | 7132 |
position: relative; |
7126 | 7133 |
z-index: 10; |
7127 | 7134 |
display: none; |
7128 | 7135 |
} |
7129 |
/* line 309, ../sass/_common.scss */
|
|
7136 |
/* line 316, ../sass/_common.scss */
|
|
7130 | 7137 |
.top-info .close { |
7131 | 7138 |
position: absolute; |
7132 | 7139 |
right: 2.5em; |
... | ... | |
7139 | 7146 |
overflow: hidden; |
7140 | 7147 |
} |
7141 | 7148 |
|
7142 |
/* line 318, ../sass/_common.scss */
|
|
7149 |
/* line 325, ../sass/_common.scss */
|
|
7143 | 7150 |
.info.error { |
7144 | 7151 |
background: #ff5c58; |
7145 | 7152 |
color: #fff; |
7146 | 7153 |
} |
7147 | 7154 |
|
7148 |
/* line 324, ../sass/_common.scss */
|
|
7155 |
/* line 331, ../sass/_common.scss */
|
|
7149 | 7156 |
.info.alert { |
7150 | 7157 |
background: #3582ac; |
7151 | 7158 |
color: #fff; |
7152 | 7159 |
} |
7153 | 7160 |
|
7154 |
/* line 329, ../sass/_common.scss */
|
|
7161 |
/* line 336, ../sass/_common.scss */
|
|
7155 | 7162 |
.info.warning { |
7156 | 7163 |
background: #919194; |
7157 | 7164 |
color: #fff; |
7158 | 7165 |
} |
7159 | 7166 |
|
7160 |
/* line 334, ../sass/_common.scss */
|
|
7167 |
/* line 341, ../sass/_common.scss */
|
|
7161 | 7168 |
.info.success { |
7162 | 7169 |
background: #00a551; |
7163 | 7170 |
color: #fff; |
7164 | 7171 |
} |
7165 | 7172 |
|
7166 |
/* line 339, ../sass/_common.scss */
|
|
7173 |
/* line 346, ../sass/_common.scss */
|
|
7167 | 7174 |
.border-bottom-style1 { |
7168 | 7175 |
padding-bottom: 20px; |
7169 | 7176 |
margin-bottom: 20px; |
... | ... | |
7171 | 7178 |
} |
7172 | 7179 |
|
7173 | 7180 |
/* Progress Bar ----------------------------------------------- */ |
7174 |
/* line 348, ../sass/_common.scss */
|
|
7181 |
/* line 355, ../sass/_common.scss */
|
|
7175 | 7182 |
.progress-bar { |
7176 | 7183 |
position: fixed; |
7177 | 7184 |
bottom: 0; |
... | ... | |
7182 | 7189 |
padding: 20px 0 20px 310px; |
7183 | 7190 |
color: #919194; |
7184 | 7191 |
} |
7185 |
/* line 357, ../sass/_common.scss */
|
|
7192 |
/* line 364, ../sass/_common.scss */
|
|
7186 | 7193 |
.progress-bar span.counter { |
7187 | 7194 |
display: inline-block; |
7188 | 7195 |
margin-right: 20px; |
7189 | 7196 |
float: left; |
7190 | 7197 |
} |
7191 |
/* line 362, ../sass/_common.scss */
|
|
7198 |
/* line 369, ../sass/_common.scss */
|
|
7192 | 7199 |
.progress-bar div.progress-wrap { |
7193 | 7200 |
display: inline-block; |
7194 | 7201 |
float: left; |
7195 | 7202 |
width: 40%; |
7196 | 7203 |
margin-right: 60px; |
7197 | 7204 |
} |
7198 |
/* line 367, ../sass/_common.scss */
|
|
7205 |
/* line 374, ../sass/_common.scss */
|
|
7199 | 7206 |
.progress-bar div.progress-wrap .progress { |
7200 | 7207 |
position: relative; |
7201 | 7208 |
top: 2px; |
7202 | 7209 |
} |
7203 |
/* line 372, ../sass/_common.scss */
|
|
7210 |
/* line 379, ../sass/_common.scss */
|
|
7204 | 7211 |
.progress-bar span.more { |
7205 | 7212 |
display: inline-block; |
7206 | 7213 |
} |
... | ... | |
7228 | 7235 |
} |
7229 | 7236 |
/* line 21, ../sass/_items-list.scss */ |
7230 | 7237 |
.items-list li .add-new a:hover { |
7231 |
border-color: #f24e53;
|
|
7238 |
border-color: #30c79e;
|
|
7232 | 7239 |
} |
7233 | 7240 |
/* line 26, ../sass/_items-list.scss */ |
7234 | 7241 |
.items-list li .img-wrap { |
... | ... | |
8110 | 8117 |
.overlay-wrapper { |
8111 | 8118 |
position: relative; |
8112 | 8119 |
} |
8113 |
/* line 42, ../sass/_overlays.scss */
|
|
8120 |
/* line 41, ../sass/_overlays.scss */
|
|
8114 | 8121 |
.overlay-wrapper .overlay-area { |
8115 | 8122 |
display: none; |
8116 | 8123 |
position: absolute; |
... | ... | |
8119 | 8126 |
top: 0; |
8120 | 8127 |
width: 100%; |
8121 | 8128 |
height: 100%; |
8122 |
background: #3582ac;
|
|
8129 |
background: #485057;
|
|
8123 | 8130 |
z-index: 20; |
8124 | 8131 |
} |
8125 |
/* line 53, ../sass/_overlays.scss */
|
|
8132 |
/* line 52, ../sass/_overlays.scss */
|
|
8126 | 8133 |
.overlay-wrapper .close { |
8127 | 8134 |
position: absolute; |
8128 | 8135 |
right: 2.5em; |
... | ... | |
8134 | 8141 |
text-indent: -2000px; |
8135 | 8142 |
overflow: hidden; |
8136 | 8143 |
} |
8137 |
/* line 59, ../sass/_overlays.scss */
|
|
8144 |
/* line 58, ../sass/_overlays.scss */
|
|
8138 | 8145 |
.overlay-wrapper .overlay-div { |
8139 | 8146 |
display: none; |
8140 | 8147 |
z-index: 100; |
... | ... | |
8145 | 8152 |
width: 50%; |
8146 | 8153 |
padding: 25px; |
8147 | 8154 |
} |
8148 |
/* line 69, ../sass/_overlays.scss */
|
|
8155 |
/* line 68, ../sass/_overlays.scss */
|
|
8149 | 8156 |
.overlay-wrapper .overlay-div .buttons a { |
8150 | 8157 |
margin-right: 20px; |
8151 | 8158 |
} |
8152 |
/* line 73, ../sass/_overlays.scss */
|
|
8159 |
/* line 72, ../sass/_overlays.scss */
|
|
8153 | 8160 |
.overlay-wrapper .overlay-div.upload-widget { |
8154 | 8161 |
background: transparent; |
8155 | 8162 |
padding: 45px 0; |
... | ... | |
8157 | 8164 |
left: 10%; |
8158 | 8165 |
border: 1px solid white; |
8159 | 8166 |
} |
8167 |
/* line 79, ../sass/_overlays.scss */ |
|
8168 |
.overlay-wrapper .overlay-div.wizard { |
|
8169 |
background: transparent; |
|
8170 |
padding: 0; |
|
8171 |
width: 100%; |
|
8172 |
top: 0; |
|
8173 |
left: 0; |
|
8174 |
} |
|
8160 | 8175 |
|
8161 |
/* line 87, ../sass/_overlays.scss */
|
|
8176 |
/* line 90, ../sass/_overlays.scss */
|
|
8162 | 8177 |
.overlay { |
8163 | 8178 |
background: #3582ac; |
8164 | 8179 |
position: relative; |
8165 | 8180 |
z-index: 10; |
8166 | 8181 |
} |
8167 |
/* line 92, ../sass/_overlays.scss */
|
|
8182 |
/* line 94, ../sass/_overlays.scss */
|
|
8168 | 8183 |
.overlay .lt-sidebar { |
8169 | 8184 |
border-right: 1px solid #fff; |
8170 | 8185 |
color: #fff; |
8171 | 8186 |
} |
8172 |
/* line 96, ../sass/_overlays.scss */
|
|
8187 |
/* line 98, ../sass/_overlays.scss */
|
|
8173 | 8188 |
.overlay .lt-sidebar ul li { |
8174 | 8189 |
list-style: none outside none; |
8175 | 8190 |
} |
8176 |
/* line 99, ../sass/_overlays.scss */
|
|
8191 |
/* line 101, ../sass/_overlays.scss */
|
|
8177 | 8192 |
.overlay .lt-sidebar ul li a { |
8178 | 8193 |
display: block; |
8179 | 8194 |
color: #fff; |
8180 | 8195 |
} |
8181 |
/* line 102, ../sass/_overlays.scss */
|
|
8196 |
/* line 104, ../sass/_overlays.scss */
|
|
8182 | 8197 |
.overlay .lt-sidebar ul li a span { |
8183 | 8198 |
float: right; |
8184 | 8199 |
display: none; |
8185 | 8200 |
} |
8186 |
/* line 104, ../sass/_overlays.scss */
|
|
8201 |
/* line 106, ../sass/_overlays.scss */
|
|
8187 | 8202 |
.overlay .lt-sidebar ul li a:hover, .overlay .lt-sidebar ul li a.current { |
8188 | 8203 |
text-decoration: none; |
8189 | 8204 |
} |
8190 |
/* line 107, ../sass/_overlays.scss */
|
|
8205 |
/* line 108, ../sass/_overlays.scss */
|
|
8191 | 8206 |
.overlay .lt-sidebar ul li a:hover span, .overlay .lt-sidebar ul li a.current span { |
8192 | 8207 |
display: inline; |
8193 | 8208 |
} |
8194 |
/* line 118, ../sass/_overlays.scss */
|
|
8209 |
/* line 119, ../sass/_overlays.scss */
|
|
8195 | 8210 |
.overlay .lt-sidebar, |
8196 | 8211 |
.overlay .main { |
8197 | 8212 |
padding: 100px 2.5em; |
8198 | 8213 |
position: relative; |
8199 | 8214 |
} |
8200 |
/* line 123, ../sass/_overlays.scss */
|
|
8215 |
/* line 124, ../sass/_overlays.scss */
|
|
8201 | 8216 |
.overlay .navigation .rt { |
8202 | 8217 |
float: right; |
8203 | 8218 |
} |
8204 |
/* line 127, ../sass/_overlays.scss */
|
|
8219 |
/* line 128, ../sass/_overlays.scss */
|
|
8205 | 8220 |
.overlay .close { |
8206 | 8221 |
position: absolute; |
8207 | 8222 |
right: 2.5em; |
... | ... | |
8213 | 8228 |
text-indent: -2000px; |
8214 | 8229 |
overflow: hidden; |
8215 | 8230 |
} |
8216 |
/* line 133, ../sass/_overlays.scss */
|
|
8231 |
/* line 134, ../sass/_overlays.scss */
|
|
8217 | 8232 |
.overlay .close_char { |
8218 | 8233 |
background: none; |
8219 | 8234 |
text-indent: 0; |
... | ... | |
8221 | 8236 |
/* for the the character e (for d we can put 2em) */ |
8222 | 8237 |
color: white; |
8223 | 8238 |
} |
8239 |
|
|
8240 |
/* line 142, ../sass/_overlays.scss */ |
|
8241 |
.wizard { |
|
8242 |
position: relative; |
|
8243 |
top: 0; |
|
8244 |
color: white; |
|
8245 |
} |
|
8246 |
/* line 146, ../sass/_overlays.scss */ |
|
8247 |
.wizard .top { |
|
8248 |
background: #636a70; |
|
8249 |
} |
|
8250 |
/* line 148, ../sass/_overlays.scss */ |
|
8251 |
.wizard .top .sub-menu { |
|
8252 |
padding: 10px 0; |
|
8253 |
} |
|
8254 |
/* line 150, ../sass/_overlays.scss */ |
|
8255 |
.wizard .top .sub-menu ul { |
|
8256 |
margin: 0; |
|
8257 |
padding: 0; |
|
8258 |
list-style: none outside none; |
|
8259 |
} |
|
8260 |
/* line 154, ../sass/_overlays.scss */ |
|
8261 |
.wizard .top .sub-menu ul li { |
|
8262 |
display: inline; |
|
8263 |
margin-right: 10px; |
|
8264 |
list-style: none outside none; |
|
8265 |
} |
|
8266 |
/* line 158, ../sass/_overlays.scss */ |
|
8267 |
.wizard .top .sub-menu ul li a { |
|
8268 |
color: #333333; |
|
8269 |
} |
|
8270 |
/* line 160, ../sass/_overlays.scss */ |
|
8271 |
.wizard .top .sub-menu ul li a:hover, .wizard .top .sub-menu ul li a.current { |
|
8272 |
color: white; |
|
8273 |
text-decoration: underline; |
|
8274 |
} |
|
8275 |
/* line 172, ../sass/_overlays.scss */ |
|
8276 |
.wizard .bottom { |
|
8277 |
position: fixed; |
|
8278 |
left: 0; |
|
8279 |
right: 0; |
|
8280 |
bottom: 0; |
|
8281 |
border-top: 1px solid #333333; |
|
8282 |
padding: 10px 0; |
|
8283 |
} |
|
8284 |
/* line 179, ../sass/_overlays.scss */ |
|
8285 |
.wizard .bottom .nav { |
|
8286 |
height: 30px; |
|
8287 |
line-height: 30px; |
|
8288 |
color: white; |
|
8289 |
} |
|
8290 |
/* line 183, ../sass/_overlays.scss */ |
|
8291 |
.wizard .bottom .nav span { |
|
8292 |
display: inline-block; |
|
8293 |
height: 30px; |
|
8294 |
line-height: 30px; |
|
8295 |
} |
|
8296 |
/* line 189, ../sass/_overlays.scss */ |
|
8297 |
.wizard .bottom .prev { |
|
8298 |
float: left; |
|
8299 |
display: inline-block; |
|
8300 |
padding-left: 11px; |
|
8301 |
background: url("../images/nav-edge-lt.png") no-repeat left center; |
|
8302 |
} |
|
8303 |
/* line 194, ../sass/_overlays.scss */ |
|
8304 |
.wizard .bottom .prev span { |
|
8305 |
padding: 0 12px 0 10px; |
|
8306 |
border: 1px solid white; |
|
8307 |
border-left: 0 none; |
|
8308 |
height: 30px; |
|
8309 |
line-height: 30px; |
|
8310 |
} |
|
8311 |
/* line 201, ../sass/_overlays.scss */ |
|
8312 |
.wizard .bottom .prev:hover { |
|
8313 |
background-image: url("../images/nav-edge-lt-hover.png"); |
|
8314 |
} |
|
8315 |
/* line 203, ../sass/_overlays.scss */ |
|
8316 |
.wizard .bottom .prev:hover span { |
|
8317 |
border-width: 2px; |
|
8318 |
line-height: 28px; |
|
8319 |
} |
|
8320 |
/* line 209, ../sass/_overlays.scss */ |
|
8321 |
.wizard .bottom .next { |
|
8322 |
float: right; |
|
8323 |
display: inline-block; |
|
8324 |
padding-right: 11px; |
|
8325 |
background: url("../images/nav-edge-rt.png") no-repeat right center; |
|
8326 |
} |
|
8327 |
/* line 214, ../sass/_overlays.scss */ |
|
8328 |
.wizard .bottom .next span { |
|
8329 |
padding: 0 10px 0 12px; |
|
8330 |
border: 1px solid white; |
|
8331 |
border-right: 0 none; |
|
8332 |
} |
|
8333 |
/* line 219, ../sass/_overlays.scss */ |
|
8334 |
.wizard .bottom .next:hover { |
|
8335 |
background-image: url("../images/nav-edge-rt-hover.png"); |
|
8336 |
} |
|
8337 |
/* line 221, ../sass/_overlays.scss */ |
|
8338 |
.wizard .bottom .next:hover span { |
|
8339 |
border-width: 2px; |
|
8340 |
line-height: 28px; |
|
8341 |
} |
|
8342 |
/* line 227, ../sass/_overlays.scss */ |
|
8343 |
.wizard .bottom .nums { |
|
8344 |
text-align: center; |
|
8345 |
list-style: none outside none; |
|
8346 |
margin: 0; |
|
8347 |
} |
|
8348 |
/* line 231, ../sass/_overlays.scss */ |
|
8349 |
.wizard .bottom .nums li { |
|
8350 |
list-style: none outside none; |
|
8351 |
display: inline-block; |
|
8352 |
border-radius: 50%; |
|
8353 |
border: 1px solid #919194; |
|
8354 |
width: 25px; |
|
8355 |
height: 25px; |
|
8356 |
line-height: 25px; |
|
8357 |
margin: 0 3px; |
|
8358 |
} |
|
8359 |
/* line 240, ../sass/_overlays.scss */ |
|
8360 |
.wizard .bottom .nums li a { |
|
8361 |
color: #919194; |
|
8362 |
display: block; |
|
8363 |
} |
|
8364 |
/* line 244, ../sass/_overlays.scss */ |
|
8365 |
.wizard .bottom .nums li:hover, .wizard .bottom .nums li.current { |
|
8366 |
border-color: white; |
|
8367 |
} |
|
8368 |
/* line 246, ../sass/_overlays.scss */ |
|
8369 |
.wizard .bottom .nums li:hover a, .wizard .bottom .nums li.current a { |
|
8370 |
color: white; |
|
8371 |
} |
|
8372 |
/* line 250, ../sass/_overlays.scss */ |
|
8373 |
.wizard .bottom .nums li.current { |
|
8374 |
font-size: 1.25em; |
|
8375 |
width: 30px; |
|
8376 |
height: 30px; |
|
8377 |
} |
Also available in: Unified diff