├── .gitattributes ├── .gitignore ├── .idea ├── .name ├── encodings.xml ├── misc.xml ├── modules.xml ├── storeproject.iml ├── vcs.xml └── workspace.xml ├── README.md ├── __pycache__ └── manage.cpython-34.pyc ├── imgs ├── 商品列表.png ├── 登录.png ├── 详情.png └── 购物车.png ├── log ├── all.log ├── error.log ├── script.log └── script.log.bak ├── manage.py ├── requirements.txt ├── static ├── css │ ├── bootstrap.css │ ├── flexslider.css │ ├── memenu.css │ ├── popuo-box.css │ └── style.css ├── fonts │ ├── OleoScript-Regular.ttf │ ├── Roboto-Regular.ttf │ ├── glyphicons-halflings-regular.eot │ ├── glyphicons-halflings-regular.svg │ ├── glyphicons-halflings-regular.ttf │ ├── glyphicons-halflings-regular.woff │ └── glyphicons-halflings-regular.woff2 ├── images │ ├── 1.jpg │ ├── 2.jpg │ ├── ba.jpg │ ├── ba1.jpg │ ├── cart.png │ ├── ce.jpg │ ├── ce1.jpg │ ├── ce2.jpg │ ├── logo.png │ ├── pi.png │ ├── pi1.png │ ├── pi2.png │ ├── pi3.png │ ├── pi4.png │ ├── pi5.png │ ├── pi6.png │ ├── pi7.png │ ├── pr.jpg │ ├── pr1.jpg │ ├── pr2.jpg │ ├── pr3.jpg │ ├── search.png │ ├── si.jpg │ ├── si1.jpg │ ├── si2.jpg │ └── tick1.png └── js │ ├── imagezoom.js │ ├── jquery.flexslider.js │ ├── jquery.magnific-popup.js │ ├── jquery.min.js │ ├── memenu.js │ ├── responsiveslides.min.js │ └── simpleCart.min.js ├── store ├── __init__.py ├── __pycache__ │ ├── __init__.cpython-34.pyc │ ├── admin.cpython-34.pyc │ ├── forms.cpython-34.pyc │ ├── models.cpython-34.pyc │ ├── urls.cpython-34.pyc │ └── views.cpython-34.pyc ├── admin.py ├── forms.py ├── migrations │ ├── 0001_initial.py │ ├── 0002_auto_20151111_1651.py │ ├── 0003_auto_20151111_2216.py │ ├── 0004_caritem_sum_price.py │ ├── __init__.py │ └── __pycache__ │ │ ├── 0001_initial.cpython-34.pyc │ │ ├── 0002_auto_20151111_1651.cpython-34.pyc │ │ ├── 0003_auto_20151111_2216.cpython-34.pyc │ │ ├── 0004_caritem_sum_price.cpython-34.pyc │ │ └── __init__.cpython-34.pyc ├── models.py ├── tests.py ├── urls.py └── views.py ├── storeproject ├── __init__.py ├── __pycache__ │ ├── __init__.cpython-34.pyc │ ├── settings.cpython-34.pyc │ ├── urls.cpython-34.pyc │ └── wsgi.cpython-34.pyc ├── settings.py ├── urls.py └── wsgi.py ├── templates ├── ad.html ├── base.html ├── checkout.html ├── error.html ├── index.html ├── login.html ├── pagination.html ├── pro_right.html ├── products.html ├── register.html └── single.html └── uploads ├── ad └── 2015 │ └── 11 │ ├── 1.jpg │ └── 2.jpg └── clothing ├── 2015 └── 11 │ ├── a.jpg │ ├── b.jpg │ ├── c.jpg │ ├── ce.jpg │ ├── ce1.jpg │ ├── ce1_DPD6PNb.jpg │ ├── ce1_OWPx7bB.jpg │ ├── ce1_zvxnAn9.jpg │ ├── ce2.jpg │ ├── d.jpg │ ├── e.jpg │ ├── f.jpg │ ├── g.jpg │ ├── h.jpg │ ├── i.jpg │ ├── j.jpg │ ├── l.jpg │ ├── si.jpg │ ├── si1.jpg │ ├── si1_FAmpuiB.jpg │ ├── si1_JGp28VS.jpg │ ├── si1_MxuCcrt.jpg │ ├── si1_Q2FMBG9.jpg │ ├── si1_XauZnb6.jpg │ ├── si1_dWFylck.jpg │ ├── si1_dnRplnM.jpg │ ├── si1_pb3D1US.jpg │ ├── si1_rHAFiDN.jpg │ ├── si1_slFnIaa.jpg │ ├── si1_yuYAGuM.jpg │ ├── si1_zlZy93b.jpg │ ├── si2.jpg │ ├── si2_A2EmVXL.jpg │ ├── si2_BaRha9o.jpg │ ├── si2_Ln2lzkr.jpg │ ├── si2_OrNfbLQ.jpg │ ├── si2_PrrVqSn.jpg │ ├── si2_T8xjPN4.jpg │ ├── si2_WhzbtGD.jpg │ ├── si2_ZoPkqI0.jpg │ ├── si2_iqHi4lr.jpg │ ├── si2_j9Gl6o9.jpg │ ├── si2_mij9qge.jpg │ ├── si2_pA8GQeK.jpg │ ├── si_0372LO7.jpg │ ├── si_3epORC0.jpg │ ├── si_4OmgBG4.jpg │ ├── si_AHTKatM.jpg │ ├── si_JiYUgRt.jpg │ ├── si_L9CBOV8.jpg │ ├── si_MRP1DWG.jpg │ ├── si_SaP5j5w.jpg │ ├── si_VET713a.jpg │ ├── si_XGTS70N.jpg │ ├── si_iPWyupD.jpg │ ├── si_ihG5ytj.jpg │ ├── x.jpg │ └── z.jpg ├── ce.jpg └── default.jpg /.gitattributes: -------------------------------------------------------------------------------- 1 | *.js linguist-language=Python 2 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Byte-compiled / optimized / DLL files 2 | __pycache__/ 3 | *.py[cod] 4 | *$py.class 5 | 6 | # C extensions 7 | *.so 8 | 9 | # Distribution / packaging 10 | .Python 11 | env/ 12 | build/ 13 | develop-eggs/ 14 | dist/ 15 | downloads/ 16 | eggs/ 17 | .eggs/ 18 | lib/ 19 | lib64/ 20 | parts/ 21 | sdist/ 22 | var/ 23 | *.egg-info/ 24 | .installed.cfg 25 | *.egg 26 | 27 | # PyInstaller 28 | # Usually these files are written by a python script from a template 29 | # before PyInstaller builds the exe, so as to inject date/other infos into it. 30 | *.manifest 31 | *.spec 32 | 33 | # Installer logs 34 | pip-log.txt 35 | pip-delete-this-directory.txt 36 | 37 | # Unit test / coverage reports 38 | htmlcov/ 39 | .tox/ 40 | .coverage 41 | .coverage.* 42 | .cache 43 | nosetests.xml 44 | coverage.xml 45 | *,cover 46 | .hypothesis/ 47 | 48 | # Translations 49 | *.mo 50 | *.pot 51 | 52 | # Django stuff: 53 | *.log 54 | local_settings.py 55 | 56 | # Flask stuff: 57 | instance/ 58 | .webassets-cache 59 | 60 | # Scrapy stuff: 61 | .scrapy 62 | 63 | # Sphinx documentation 64 | docs/_build/ 65 | 66 | # PyBuilder 67 | target/ 68 | 69 | # IPython Notebook 70 | .ipynb_checkpoints 71 | 72 | # pyenv 73 | .python-version 74 | 75 | # celery beat schedule file 76 | celerybeat-schedule 77 | 78 | # dotenv 79 | .env 80 | 81 | # virtualenv 82 | venv/ 83 | ENV/ 84 | 85 | # Spyder project settings 86 | .spyderproject 87 | 88 | # Rope project settings 89 | .ropeproject 90 | 91 | /store/migrations 92 | 93 | # User-specific stuff: 94 | .idea/workspace.xml 95 | .idea/tasks.xml 96 | .idea/dictionaries 97 | .idea/vcs.xml 98 | .idea/jsLibraryMappings.xml 99 | 100 | # Sensitive or high-churn files: 101 | .idea/dataSources.ids 102 | .idea/dataSources.xml 103 | .idea/dataSources.local.xml 104 | .idea/sqlDataSources.xml 105 | .idea/dynamic.xml 106 | .idea/uiDesigner.xml 107 | .idea/ 108 | # Gradle: 109 | .idea/gradle.xml 110 | .idea/libraries 111 | 112 | # Mongo Explorer plugin: 113 | .idea/mongoSettings.xml 114 | 115 | ## File-based project format: 116 | *.iws 117 | 118 | ## Plugin-specific files: 119 | 120 | # IntelliJ 121 | /out/ 122 | 123 | # mpeltonen/sbt-idea plugin 124 | .idea_modules/ 125 | 126 | # JIRA plugin 127 | 128 | *.log 129 | /migrations/ 130 | *.sqlite3 131 | -------------------------------------------------------------------------------- /.idea/.name: -------------------------------------------------------------------------------- 1 | storeproject -------------------------------------------------------------------------------- /.idea/encodings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /.idea/storeproject.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 25 | 26 | -------------------------------------------------------------------------------- /.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # storeproject 2 | Django实现商城网站 3 | 4 | ##开发环境 5 | Python3.4，Django1.8.4，Mysql5.6 6 | 7 | ##实现功能点 8 | 1. 商品分类 9 | 2. 最新商品列表 10 | 3. 品牌列表 11 | 4. 标签列表 12 | 5. 商品详情 13 | 6. 注册 14 | 7. 登录 15 | 8. 注销 16 | 9. 查看购物车 17 | 10. 添加购物车 18 | 11. 清空购物车 19 | 12. 筛选打折商品 20 | 13. 分页 21 | 14. 日志器 22 | 15. 后台Admin管理端 23 | 24 | ##用到的主要技术 25 | 1. Django ORM常用查询，排序，分页 26 | 2. Django session缓存购物车信息 27 | 3. Html CSS JS Jquery Bootstrap 28 | 29 | ##主要运行效果 30 | 31 | ###商品列表 32 | ![](imgs/商品列表.png) 33 | 34 | ###商品详情 35 | ![](imgs/详情.png) 36 | 37 | ###购物车 38 | ![](imgs/购物车.png) 39 | 40 | ###登录 41 | ![](imgs/登录.png) 42 | -------------------------------------------------------------------------------- /__pycache__/manage.cpython-34.pyc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/__pycache__/manage.cpython-34.pyc -------------------------------------------------------------------------------- /imgs/商品列表.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/imgs/商品列表.png -------------------------------------------------------------------------------- /imgs/登录.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/imgs/登录.png -------------------------------------------------------------------------------- /imgs/详情.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/imgs/详情.png -------------------------------------------------------------------------------- /imgs/购物车.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/imgs/购物车.png -------------------------------------------------------------------------------- /log/all.log: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/log/all.log -------------------------------------------------------------------------------- /log/error.log: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/log/error.log -------------------------------------------------------------------------------- /log/script.log: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/log/script.log -------------------------------------------------------------------------------- /manage.py: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env python 2 | import os 3 | import sys 4 | 5 | if __name__ == "__main__": 6 | os.environ.setdefault("DJANGO_SETTINGS_MODULE", "storeproject.settings") 7 | 8 | from django.core.management import execute_from_command_line 9 | 10 | execute_from_command_line(sys.argv) 11 | -------------------------------------------------------------------------------- /requirements.txt: -------------------------------------------------------------------------------- 1 | Django==1.9.5 2 | PyMySQL==0.7.2 3 | -------------------------------------------------------------------------------- /static/css/flexslider.css: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery FlexSlider v2.4.0 3 | * http://www.woothemes.com/flexslider/ 4 | * 5 | * Copyright 2012 WooThemes 6 | * Free to use under the GPLv2 and later license. 7 | * http://www.gnu.org/licenses/gpl-2.0.html 8 | * 9 | * Contributing author: Tyler Smith (@mbmufffin) 10 | * 11 | */ 12 | /* ==================================================================================================================== 13 | * FONT-FACE 14 | * ====================================================================================================================*/ 15 | @font-face { 16 | font-family: 'flexslider-icon'; 17 | src: url('../fonts/webfont/flexslider-icon.eot'); 18 | src: url('../fonts/webfonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('../fonts/webfonts/flexslider-icon.woff') format('woff'), url('../fonts/webfonts/flexslider-icon.ttf') format('truetype'), url('../fonts/webfonts/flexslider-icon.svg#flexslider-icon') format('svg'); 19 | font-weight: normal; 20 | font-style: normal; 21 | } 22 | /* ==================================================================================================================== 23 | * RESETS 24 | * ====================================================================================================================*/ 25 | .flex-container a:hover, 26 | .flex-slider a:hover, 27 | .flex-container a:focus, 28 | .flex-slider a:focus { 29 | outline: none; 30 | } 31 | .slides, 32 | .slides > li, 33 | .flex-control-nav, 34 | .flex-direction-nav { 35 | margin: 0; 36 | padding: 0; 37 | list-style: none; 38 | } 39 | .flex-pauseplay span { 40 | text-transform: capitalize; 41 | } 42 | /* ==================================================================================================================== 43 | * BASE STYLES 44 | * ====================================================================================================================*/ 45 | .flexslider { 46 | margin: 0; 47 | padding: 0; 48 | } 49 | .flexslider .slides > li { 50 | display: none; 51 | -webkit-backface-visibility: hidden; 52 | } 53 | .flexslider .slides img { 54 | width: 100%; 55 | display: block; 56 | } 57 | .flexslider .slides:after { 58 | content: "\0020"; 59 | display: block; 60 | clear: both; 61 | visibility: hidden; 62 | line-height: 0; 63 | height: 0; 64 | } 65 | html[xmlns] .flexslider .slides { 66 | display: block; 67 | } 68 | * html .flexslider .slides { 69 | height: 1%; 70 | } 71 | .no-js .flexslider .slides > li:first-child { 72 | display: block; 73 | } 74 | /* ==================================================================================================================== 75 | * DEFAULT THEME 76 | * ====================================================================================================================*/ 77 | .flexslider { 78 | margin: 0 0 10px; 79 | background: #ffffff; 80 | border: 4px solid #ffffff; 81 | position: relative; 82 | zoom: 1; 83 | -webkit-border-radius: 4px; 84 | -moz-border-radius: 4px; 85 | border-radius: 4px; 86 | -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); 87 | -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); 88 | -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); 89 | box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); 90 | } 91 | .flexslider .slides { 92 | zoom: 1; 93 | } 94 | .flexslider .slides img { 95 | height: auto; 96 | } 97 | .flex-viewport { 98 | max-height: 450px; 99 | -webkit-transition: all 1s ease; 100 | -moz-transition: all 1s ease; 101 | -ms-transition: all 1s ease; 102 | -o-transition: all 1s ease; 103 | transition: all 1s ease; 104 | border: 1px solid #D1CFCF; 105 | 106 | } 107 | 108 | .loading .flex-viewport { 109 | max-height: 300px; 110 | } 111 | .carousel li { 112 | margin-right: 5px; 113 | } 114 | .flex-direction-nav { 115 | *height: 0; 116 | } 117 | .flex-direction-nav a { 118 | text-decoration: none; 119 | display: block; 120 | width: 40px; 121 | height: 40px; 122 | margin: -20px 0 0; 123 | position: absolute; 124 | top: 41%; 125 | z-index: 10; 126 | overflow: hidden; 127 | opacity: 0; 128 | cursor: pointer; 129 | 130 | -webkit-transition: all 0.3s ease-in-out; 131 | -moz-transition: all 0.3s ease-in-out; 132 | -ms-transition: all 0.3s ease-in-out; 133 | -o-transition: all 0.3s ease-in-out; 134 | transition: all 0.3s ease-in-out; 135 | background: url(../images/img-sprite.png) -149px -6px ; 136 | text-indent: -9999px ; 137 | } 138 | 139 | .flex-direction-nav .flex-prev { 140 | left: -50px; 141 | } 142 | .flex-direction-nav .flex-next { 143 | right: -50px; 144 | 145 | background: url(../images/img-sprite.png) -184px -6px ; 146 | 147 | } 148 | .flexslider:hover .flex-direction-nav .flex-prev { 149 | opacity: 0.7; 150 | left: 10px; 151 | } 152 | .flexslider:hover .flex-direction-nav .flex-prev:hover { 153 | opacity: 1; 154 | } 155 | .flexslider:hover .flex-direction-nav .flex-next { 156 | opacity: 0.7; 157 | right: 10px; 158 | } 159 | .flexslider:hover .flex-direction-nav .flex-next:hover { 160 | opacity: 1; 161 | } 162 | .flex-direction-nav .flex-disabled { 163 | opacity: 0!important; 164 | filter: alpha(opacity=0); 165 | cursor: default; 166 | } 167 | .flex-pauseplay a { 168 | display: block; 169 | width: 20px; 170 | height: 20px; 171 | position: absolute; 172 | bottom: 5px; 173 | left: 10px; 174 | opacity: 0.8; 175 | z-index: 10; 176 | overflow: hidden; 177 | cursor: pointer; 178 | color: #000; 179 | } 180 | .flex-pauseplay a:before { 181 | font-family: "flexslider-icon"; 182 | font-size: 20px; 183 | display: inline-block; 184 | content: '\f004'; 185 | } 186 | .flex-pauseplay a:hover { 187 | opacity: 1; 188 | } 189 | .flex-pauseplay a .flex-play:before { 190 | content: '\f003'; 191 | } 192 | .flex-control-nav { 193 | width: 100%; 194 | position: absolute; 195 | bottom: -40px; 196 | text-align: center; 197 | } 198 | .flex-control-nav li { 199 | margin: 0 6px; 200 | display: inline-block; 201 | zoom: 1; 202 | *display: inline; 203 | } 204 | .flex-control-paging li a { 205 | width: 11px; 206 | height: 11px; 207 | display: block; 208 | background: #666; 209 | background: rgba(0, 0, 0, 0.5); 210 | cursor: pointer; 211 | text-indent: -9999px; 212 | -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); 213 | -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); 214 | -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); 215 | box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); 216 | -webkit-border-radius: 20px; 217 | -moz-border-radius: 20px; 218 | border-radius: 20px; 219 | } 220 | .flex-control-paging li a:hover { 221 | background: #333; 222 | background: rgba(0, 0, 0, 0.7); 223 | } 224 | .flex-control-paging li a.flex-active { 225 | background: #000; 226 | background: rgba(0, 0, 0, 0.9); 227 | cursor: default; 228 | } 229 | .flex-control-thumbs { 230 | margin: 5px 0 0; 231 | position: static; 232 | overflow: hidden; 233 | } 234 | .flex-control-thumbs li { 235 | width: 32.2%; 236 | float: left; 237 | margin: 0 1% 0 0; 238 | } 239 | .flex-control-thumbs li:nth-child(4){ 240 | margin:0; 241 | } 242 | .flex-control-thumbs img { 243 | width: 100%; 244 | height: auto; 245 | display: block; 246 | opacity: .7; 247 | cursor: pointer; 248 | -webkit-transition: all 1s ease; 249 | -moz-transition: all 1s ease; 250 | -ms-transition: all 1s ease; 251 | -o-transition: all 1s ease; 252 | transition: all 1s ease; 253 | border: 1px solid #D1CFCF; 254 | } 255 | .flex-control-thumbs img:hover { 256 | opacity: 1; 257 | } 258 | .flex-control-thumbs .flex-active { 259 | opacity: 1; 260 | cursor: default; 261 | } 262 | /* ==================================================================================================================== 263 | * RESPONSIVE 264 | * ====================================================================================================================*/ 265 | @media screen and (max-width: 860px) { 266 | .flex-direction-nav .flex-prev { 267 | opacity: 1; 268 | left: 10px; 269 | } 270 | .flex-direction-nav .flex-next { 271 | opacity: 1; 272 | right: 10px; 273 | } 274 | } 275 | -------------------------------------------------------------------------------- /static/css/memenu.css: -------------------------------------------------------------------------------- 1 | .memenu 2 | {margin:0;padding:0;width:100%;list-style:none;display:inline-block;position:relative;font-family:Calibri,Arial;font-size:15px} 3 | .memenu li{display:inline-block;} 4 | ul.memenu.skyblue {text-align: center;} 5 | .memenu>li>a{font-family: 'Roboto-Regular';float:left;padding: 5px 30px 5px 30px; font-size: 1.1em;text-decoration:none;transition:color .4s ease-in-out;-moz-transition:color .4s ease-in-out;-webkit-transition:color .4s ease-in-out;-o-transition:color .4s ease-in-out} 6 | .memenu>li>.mepanel { 7 | position: absolute; 8 | display: none; 9 | background: #fff; 10 | width: 80%; 11 | top: 56px; 12 | left: 10.7%; 13 | z-index: 99; 14 | padding: 20px 30px 20px; 15 | border: solid 1px #ccc; 16 | -webkit-box-sizing: border-box; 17 | -moz-box-sizing: border-box; 18 | box-sizing: border-box; 19 | z-index: 9999; 20 | } 21 | .me-one ul{ 22 | padding:0; 23 | } 24 | .me-one ul li { 25 | list-style: none; 26 | margin: 0 0 10px 0; 27 | text-align: left !important; 28 | display: block; 29 | } 30 | .me-one ul li a{ 31 | color:#181b2a; 32 | font-size:15px; 33 | font-weight:600; 34 | } 35 | .me-one ul li a:hover{ 36 | text-decoration:none; 37 | color:#8c2830; 38 | } 39 | .me-one h4{ 40 | color:#8c2830; 41 | font-size:1.3em; 42 | font-weight:600; 43 | text-align:left; 44 | } 45 | .memenu .mepanel ul{margin:0;padding:0} 46 | .memenu .mepanel img{width:100%;border:solid 1px #dedede;cursor:pointer;-webkit-transition:border .3s linear;-moz-transition:border .3s linear;-o-transition:border .3s linear;transition:border .3s linear}.memenu .mepanel img:hover{border:solid 1px #777}.memenu form.contact input,.memenu form.contact textarea{font-family:Calibri,Arial;font-size:16px;color:#444;outline:0} 47 | .mepanel .row{width:100%;margin-top:15px} 48 | .mepanel .row:first-child{margin-top:0} 49 | .mepanel .row:before,.mepanel .row:after{display:table;content:"";line-height:0} 50 | .mepanel .row:after{clear:both} 51 | .mepanel .row .col1,.mepanel .row .col2,.mepanel .row .col3,.mepanel .row .col4,.mepanel .row .col5,.mepanel .row .col6{display:block;width:100%;min-height:20px;float:left;margin-left:2.127659574468085%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} 52 | .mepanel .row [class*="col"]:first-child{margin-left:0} 53 | .mepanel .row .col1 { 54 | width: 31.91%; 55 | } 56 | .mepanel .row .col2{width:31.914893617021278%} 57 | .mepanel .row .col3{width:48.93617021276595%} 58 | .mepanel .row .col4{width:65.95744680851064%} 59 | .mepanel .row .col5{width:82.97872340425532%} 60 | .mepanel .row .col6{width:100%} 61 | .memenu>li.showhide{ 62 | display:none; 63 | width:100%; 64 | height:44px; 65 | cursor:pointer; 66 | color:#555; 67 | background:#52D0C4; 68 | 69 | } 70 | .memenu>li.showhide span.title{margin:11px 0 0 25px;color: #fff;float:left} 71 | .memenu>li.showhide span.icon1:after{position:absolute;content:"";right:25px;top:12px;height:3px;width:25px;font-size:50px;border-top:3px solid #fff;border-bottom:3px solid #fff;z-index:1} 72 | .memenu>li.showhide span.icon2:after{position:absolute;content:"";right:25px;top:24px;height:3px;width:25px;font-size:50px;border-top:3px solid #fff;border-bottom:3px solid #fff;z-index:1} 73 | .skyblue li>a,.skyblue>li.showhide span{color:#52d0c4} 74 | .skyblue>li:hover>a,.skyblue>li.active>a,.skyblue .dropdown li:hover>a{color:#000} 75 | .skyblue .mepanel img:hover,.skyblue form.contact input[type="text"]:focus,.skyblue form.contact textarea:focus{border:solid 1px #0194be} 76 | .skyblue form.contact input[type="submit"]{background:#0194be} 77 | @media(max-width:768px){ 78 | .memenu>li{display:block;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} 79 | .memenu>li:hover,.memenu>li.active{border-top:0} 80 | .memenu>li>a{ padding: 0.7em 0;} 81 | .memenu>li:hover>a,.memenu>li.active>a{padding: 0.7em 0;} 82 | .memenu a{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} 83 | .memenu .dropdown,.memenu .dropdown li .dropdown{width:100%;display:none;left:0;border-left:0;position:static;border:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} 84 | .memenu .dropdown li{background:#fff!important;border:0} 85 | .memenu .dropdown>li>a{padding-left:40px!important} 86 | .memenu>li>.mepanel { 87 | position: static; 88 | margin-top: 50px; 89 | border: none; 90 | width: 100%; 91 | } 92 | .me-one ul li { 93 | text-align: center !important; 94 | } 95 | .mepanel .row{ 96 | margin:0; 97 | } 98 | .mepanel .row [class*="col"]{float:none;display:block;width:100%;margin-left:0;margin-top:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} 99 | .mepanel .row:first-child [class*="col"]:first-child{margin-top:0} 100 | .mepanel .row{margin-top:0}.black{background:#222} 101 | } 102 | @media(max-width:320px){ 103 | .memenu>li.showhide { 104 | height: 37px; 105 | } 106 | .memenu>li.showhide span.title { 107 | margin: 8px 0 0 15px; 108 | color:#fff; 109 | } 110 | .memenu>li.showhide span.icon1:after { 111 | right: 10px; 112 | top: 9px; 113 | } 114 | .memenu>li.showhide span.icon2:after { 115 | right: 10px; 116 | top: 21px; 117 | } 118 | .memenu>li>a { 119 | font-size: 1em; 120 | } 121 | } -------------------------------------------------------------------------------- /static/css/popuo-box.css: -------------------------------------------------------------------------------- 1 | /* Styles for dialog window */ 2 | #small-dialog,#small-dialog1{ 3 | padding:20px; 4 | text-align: left; 5 | max-width: 650px; 6 | margin: 40px auto; 7 | position: relative; 8 | text-align:center; 9 | } 10 | #small-dialog-it,#small-dialog-in,#small-dialog-fr,#small-dialog-sh,#small-dialog-sf,#small-dialog-su,#small-dialog-me,#small-dialog-ch,#small-dialog-pi,#small-dialog-am { 11 | background: white; 12 | padding:20px; 13 | text-align: left; 14 | max-width: 450px; 15 | margin: 40px auto; 16 | position: relative; 17 | text-align:center; 18 | } 19 | a.play-icon.popup-with-zoom-anim img:hover { 20 | opacity: 0.5; 21 | transition:0.5s all; 22 | -webkit-transition:0.5s all; 23 | -o-transition:0.5s all; 24 | -moz-transition:0.5s all; 25 | -ms-transition:0.5s all; 26 | } 27 | .portfolio-items{ 28 | text-align:center; 29 | margin:0 auto; 30 | } 31 | .portfolio-items img{ 32 | width:100%; 33 | } 34 | .portfolio-items h4{ 35 | margin:1em 0; 36 | font-size:25px; 37 | color:#a63d56; 38 | } 39 | .portfolio-items p{ 40 | text-align:justify; 41 | } 42 | /** 43 | 44 | /** 45 | * Fade-zoom animation for first dialog 46 | */ 47 | 48 | /* start state */ 49 | .my-mfp-zoom-in #small-dialog { 50 | opacity: 0; 51 | -webkit-transition: all 0.2s ease-in-out; 52 | -moz-transition: all 0.2s ease-in-out; 53 | -o-transition: all 0.2s ease-in-out; 54 | transition: all 0.2s ease-in-out; 55 | -webkit-transform: scale(0.8); 56 | -moz-transform: scale(0.8); 57 | -ms-transform: scale(0.8); 58 | -o-transform: scale(0.8); 59 | transform: scale(0.8); 60 | } 61 | /* animate in */ 62 | .my-mfp-zoom-in.mfp-ready #small-dialog { 63 | opacity: 1; 64 | -webkit-transform: scale(1); 65 | -moz-transform: scale(1); 66 | -ms-transform: scale(1); 67 | -o-transform: scale(1); 68 | transform: scale(1); 69 | } 70 | /* animate out */ 71 | .my-mfp-zoom-in.mfp-removing #small-dialog { 72 | -webkit-transform: scale(0.8); 73 | -moz-transform: scale(0.8); 74 | -ms-transform: scale(0.8); 75 | -o-transform: scale(0.8); 76 | transform: scale(0.8); 77 | opacity: 0; 78 | } 79 | /* Dark overlay, start state */ 80 | .my-mfp-zoom-in.mfp-bg { 81 | 82 | -webkit-transition: opacity 0.3s ease-out; 83 | -moz-transition: opacity 0.3s ease-out; 84 | -o-transition: opacity 0.3s ease-out; 85 | transition: opacity 0.3s ease-out; 86 | } 87 | /* animate out */ 88 | .my-mfp-zoom-in.mfp-removing.mfp-bg { 89 | opacity: 0; 90 | } 91 | /** 92 | /* Magnific Popup CSS */ 93 | .mfp-bg { 94 | top: 0; 95 | left: 0; 96 | width: 100%; 97 | height: 100%; 98 | z-index: 1042; 99 | overflow: hidden; 100 | position: fixed; 101 | background:#fff; 102 | } 103 | 104 | .mfp-wrap { 105 | top: 0; 106 | left: 0; 107 | width: 100%; 108 | height: 100%; 109 | z-index: 1043; 110 | position: fixed; 111 | outline: none !important; 112 | -webkit-backface-visibility: hidden; } 113 | 114 | .mfp-container { 115 | text-align: center; 116 | position: absolute; 117 | width: 100%; 118 | height: 100%; 119 | left: 0; 120 | top: 0; 121 | padding: 0 8px; 122 | -webkit-box-sizing: border-box; 123 | -moz-box-sizing: border-box; 124 | box-sizing: border-box; 125 | background: #52d0c4 !important; 126 | } 127 | 128 | .mfp-container:before { 129 | content: ''; 130 | display: inline-block; 131 | height: 100%; 132 | vertical-align: middle; } 133 | 134 | .mfp-align-top .mfp-container:before { 135 | display: none; } 136 | 137 | .mfp-content { 138 | position: relative; 139 | display: inline-block; 140 | vertical-align: middle; 141 | margin: 0 auto; 142 | text-align: left; 143 | z-index: 1045; } 144 | 145 | .mfp-inline-holder .mfp-content, 146 | .mfp-ajax-holder .mfp-content { 147 | width: 100%; 148 | cursor: auto; } 149 | 150 | .mfp-ajax-cur { 151 | cursor: progress; } 152 | 153 | .mfp-zoom-out-cur, 154 | .mfp-zoom-out-cur .mfp-image-holder .mfp-close { 155 | cursor: -moz-zoom-out; 156 | cursor: -webkit-zoom-out; 157 | cursor: zoom-out; } 158 | .mfp-zoom { 159 | cursor: pointer; 160 | cursor: -webkit-zoom-in; 161 | cursor: -moz-zoom-in; 162 | cursor: zoom-in; } 163 | 164 | .mfp-auto-cursor .mfp-content { 165 | cursor: auto; } 166 | 167 | .mfp-close, 168 | .mfp-arrow, 169 | .mfp-preloader, 170 | .mfp-counter { 171 | -webkit-user-select: none; 172 | -moz-user-select: none; 173 | user-select: none; } 174 | 175 | .mfp-loading.mfp-figure { 176 | display: none; } 177 | 178 | .mfp-hide { 179 | display: none !important; } 180 | .mfp-content iframe{ 181 | width:100%; 182 | min-height:500px; 183 | } 184 | .mfp-preloader { 185 | color: #cccccc; 186 | position: absolute; 187 | top: 50%; 188 | width: auto; 189 | text-align: center; 190 | margin-top: -0.8em; 191 | left: 8px; 192 | right: 8px; 193 | z-index: 1044; } 194 | 195 | .mfp-preloader a { 196 | color: #cccccc; } 197 | 198 | .mfp-preloader a:hover { 199 | color: white; } 200 | 201 | .mfp-s-ready .mfp-preloader { 202 | display: none; } 203 | 204 | .mfp-s-error .mfp-content { 205 | display: none; } 206 | 207 | button.mfp-close, 208 | button.mfp-arrow { 209 | overflow: visible; 210 | cursor: pointer; 211 | border: 0; 212 | background:#000; 213 | -webkit-appearance: none; 214 | display: block; 215 | padding: 0; 216 | z-index: 1046; } 217 | button::-moz-focus-inner { 218 | padding: 0; 219 | border: 0; } 220 | 221 | .mfp-close { 222 | width: 44px; 223 | height: 44px; 224 | line-height: 44px; 225 | position: absolute; 226 | right: 0px; 227 | top: -43px; 228 | text-decoration: none; 229 | text-align: center; 230 | padding: 0 0 18px 10px; 231 | color: #000; 232 | font-style: normal; 233 | font-size: 28px; 234 | outline:none; 235 | } 236 | .mfp-close:hover, .mfp-close:focus { 237 | opacity: 1; } 238 | 239 | .mfp-close-btn-in .mfp-close { 240 | color: #fff; } 241 | 242 | .mfp-image-holder .mfp-close, 243 | .mfp-iframe-holder .mfp-close { 244 | color: white; 245 | right: -6px; 246 | text-align: right; 247 | padding-right: 6px; 248 | width: 100%; 249 | } 250 | /*----*/ 251 | .login{ 252 | border-bottom:2px solid #fff; 253 | } 254 | .login input[type="text"] { 255 | outline: none; 256 | padding:6px ; 257 | background: none; 258 | width: 93%; 259 | border: none; 260 | font-size:1.3em; 261 | color:#fff; 262 | } 263 | .login input[type="submit"] { 264 | width: 26px; 265 | height: 26px; 266 | background: url(../images/search.png) no-repeat ; 267 | padding: 0px 1px; 268 | border: none; 269 | cursor: pointer; 270 | outline: none; 271 | vertical-align: middle; 272 | } 273 | .search-top p{ 274 | color:#fff; 275 | font-size:1.2em; 276 | line-height:1.5em; 277 | width:33%; 278 | text-align:center; 279 | padding: 1em 0; 280 | } 281 | @media(max-width:640px){ 282 | .search-top p { 283 | width: 45%; 284 | } 285 | } 286 | @media all and (max-width:480px){ 287 | .login input[type="text"] { 288 | width: 88%; 289 | font-size: 1.4em; 290 | } 291 | .search-top p { 292 | width: 60%; 293 | } 294 | } 295 | @media all and (max-width:320px){ 296 | .login input[type="text"] { 297 | width: 80%; 298 | font-size: 1.2em; 299 | } 300 | #small-dialog{ 301 | padding:15px; 302 | } 303 | .search-top p { 304 | width: 70%; 305 | font-size:1em; 306 | } 307 | } 308 | -------------------------------------------------------------------------------- /static/css/style.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'OleoScript-Regular'; 3 | src:url(../fonts/OleoScript-Regular.ttf) format('truetype'); 4 | } 5 | @font-face { 6 | font-family: 'Roboto-Regular'; 7 | src:url(../fonts/Roboto-Regular.ttf) format('truetype'); 8 | } 9 | html,body{ 10 | background:#fff; 11 | font-size: 100%; 12 | font-family: 'Roboto-Regular'; 13 | } 14 | body a{ 15 | transition: 0.5s all; 16 | -webkit-transition: 0.5s all; 17 | -o-transition: 0.5s all; 18 | -moz-transition: 0.5s all; 19 | -ms-transition: 0.5s all; 20 | } 21 | ul{ 22 | padding: 0; 23 | margin: 0; 24 | } 25 | h1,h2,h3,h4,h5,h6,label,p{ 26 | margin:0; 27 | } 28 | /*----*/ 29 | .header-top{ 30 | border-bottom: 1px solid #eee; 31 | padding: 15px 0; 32 | } 33 | .header-left{ 34 | margin-top: 4px; 35 | } 36 | .header-left ul li{ 37 | display: inline-block; 38 | } 39 | .header-left ul li a{ 40 | text-decoration: none; 41 | color:#fff; 42 | font-size: 1.1em; 43 | margin: 0 2em 0 0; 44 | } 45 | .header-left ul li a:hover{ 46 | color: #EF5F21; 47 | } 48 | .head-top { 49 | padding: 1em 0 0; 50 | } 51 | .number { 52 | margin-top: 1%; 53 | } 54 | .number span { 55 | color: #000; 56 | font-size: 1em; 57 | } 58 | /* start menu */ 59 | .h_menu4 { 60 | margin: 7px 0 0px; 61 | } 62 | .h_nav h4{ 63 | border-bottom:1px solid rgb(236, 236, 236); 64 | font-size: 1.3em; 65 | color:#000; 66 | line-height: 1.8em; 67 | margin-bottom: 4%; 68 | text-align: left; 69 | } 70 | .h_nav h4.top{ 71 | margin-top:1%; 72 | } 73 | .h_nav ul li{ 74 | display: block; 75 | } 76 | .h_nav ul li a{ 77 | display: block; 78 | font-size: 1em; 79 | color: #B0B0B0; 80 | text-transform: capitalize; 81 | line-height: 2em; 82 | -webkit-transition: all 0.3s ease-in-out; 83 | -moz-transition: all 0.3s ease-in-out; 84 | -o-transition: all 0.3s ease-in-out; 85 | transition: all 0.3s ease-in-out; 86 | text-align: left; 87 | } 88 | .h_nav ul li a:hover{ 89 | color:#52d0c4; 90 | text-decoration:underline; 91 | } 92 | /*--banner--*/ 93 | /*--header--*/ 94 | select.in-drop,select.in-drop1 { 95 | border: none; 96 | outline: 0; 97 | font-size: 0.9em; 98 | color: #000; 99 | background: none; 100 | width: 81%; 101 | } 102 | .world ul li { 103 | display: inline-block; 104 | margin: 0 2% 0 0; 105 | } 106 | select.in-drop1{ 107 | width:100%; 108 | } 109 | .logo{ 110 | text-align:center; 111 | } 112 | p.log{ 113 | float:left; 114 | font-size: 1em; 115 | width: 50%; 116 | margin-top: 4%; 117 | } 118 | p.log a{ 119 | color:#52d0c4; 120 | text-decoration:none; 121 | margin: 0 5%; 122 | display: inline-block; 123 | } 124 | p.log a:hover{ 125 | color:#000; 126 | } 127 | .search { 128 | text-align: right; 129 | margin-top: 1%; 130 | } 131 | i.glyphicon.glyphicon-search { 132 | color: #000; 133 | font-size: 1em; 134 | } 135 | .world { 136 | margin-top: 2%; 137 | } 138 | i.glyphicon.glyphicon-phone { 139 | margin: 0 4% 0 0; 140 | } 141 | /*--cart--*/ 142 | .itemContainer{ 143 | width:100%; 144 | float:left; 145 | } 146 | .itemContainer div{ 147 | float:left; 148 | margin: 5px 20px 5px 20px ; 149 | } 150 | .itemContainer a{ 151 | text-decoration:none; 152 | } 153 | .cartHeaders{ 154 | width:100%; 155 | float:left; 156 | } 157 | .cartHeaders div{ 158 | float:left; 159 | margin: 5px 20px 5px 20px ; 160 | } 161 | .item_add { 162 | color: #000; 163 | border:none; 164 | } 165 | a.item_add { 166 | text-decoration: none; 167 | } 168 | .grid_1 img{ 169 | margin-bottom:1em; 170 | } 171 | .box_1 h3{ 172 | color: #000; 173 | font-size: 1em; 174 | } 175 | .box_1 h3 img{ 176 | margin-left: 5px; 177 | } 178 | .box_1 p a{ 179 | color: #B5B3B3; 180 | font-size: 0.77em; 181 | } 182 | .total { 183 | display: inline-block; 184 | } 185 | .cart.box_1{ 186 | float: right; 187 | margin-top: 2px; 188 | } 189 | /*--- slider-css --*/ 190 | .slider { 191 | position: relative; 192 | } 193 | .rslides { 194 | position: relative; 195 | list-style: none; 196 | overflow: hidden; 197 | width: 100%; 198 | padding: 0; 199 | margin: 0; 200 | } 201 | .rslides li { 202 | -webkit-backface-visibility: hidden; 203 | position: absolute; 204 | display: none; 205 | width: 100%; 206 | left: 0; 207 | top: 0; 208 | } 209 | .rslides li:first-child { 210 | position: relative; 211 | display: block; 212 | float: left; 213 | } 214 | .rslides img { 215 | display: block; 216 | height: auto; 217 | float: left; 218 | width: 100%; 219 | border: 0; 220 | } 221 | .callbacks_tabs a:after { 222 | content: "\f111"; 223 | font-size: 0; 224 | font-family: FontAwesome; 225 | visibility: visible; 226 | display: block; 227 | height: 12px; 228 | width: 12px; 229 | display: inline-block; 230 | background: #fff; 231 | border-radius:50px; 232 | } 233 | .callbacks_here a:after{ 234 | background:#000; 235 | } 236 | .callbacks_tabs a{ 237 | visibility:hidden; 238 | } 239 | .callbacks_tabs li{ 240 | display:inline-block; 241 | } 242 | ul.callbacks_tabs.callbacks1_tabs { 243 | position: absolute; 244 | bottom: 14px; 245 | z-index: 999; 246 | left: 45%; 247 | } 248 | .banner{ 249 | border-bottom:1px solid #bcbcbc; 250 | padding: 1em 0; 251 | } 252 | .banner-mat{ 253 | padding:0; 254 | } 255 | /*--content--*/ 256 | .content-top h1{ 257 | color:#000; 258 | font-size: 3em; 259 | font-family: 'OleoScript-Regular'; 260 | text-align: center; 261 | margin: 0 0 1em; 262 | } 263 | .col-md1 img{ 264 | margin: 0 auto; 265 | } 266 | .col-md1 h3 { 267 | font-size: 1.2em; 268 | line-height: 1.1em; 269 | font-family: 'OleoScript-Regular'; 270 | text-align: center; 271 | margin: 0 0 0.7em; 272 | color: #000; 273 | } 274 | .col-md1 h3 a { 275 | color: #000; 276 | text-decoration: none; 277 | } 278 | .price h5{ 279 | float: left; 280 | color:#000; 281 | font-size: 1.5em; 282 | margin-top: 3px; 283 | } 284 | .price a { 285 | color: #FFF; 286 | font-size: 0.9em; 287 | display: block; 288 | float: right; 289 | background-color: #52D0C4; 290 | padding: 0.3em 0.6em; 291 | border-radius: 3px; 292 | text-decoration: none; 293 | } 294 | .content-top { 295 | padding: 4em 0; 296 | } 297 | .content-top1 { 298 | padding: 2em 0; 299 | } 300 | .col-md1 { 301 | border: 1px solid #CACACA; 302 | padding: 1em; 303 | border-bottom:5px solid #52D0C4; 304 | } 305 | .col-md1:hover { 306 | border: 1px solid #000; 307 | border-bottom: 5px solid #000; 308 | transition: 0.5s all; 309 | -webkit-transition: 0.5s all; 310 | -o-transition: 0.5s all; 311 | -moz-transition: 0.5s all; 312 | -ms-transition: 0.5s all; 313 | } 314 | .col-md1:hover .price a { 315 | background-color: #000; 316 | transition: 0.5s all; 317 | -webkit-transition: 0.5s all; 318 | -o-transition: 0.5s all; 319 | -moz-transition: 0.5s all; 320 | -ms-transition: 0.5s all; 321 | } 322 | /*--footer--*/ 323 | .top-footer iframe{ 324 | width: 100%; 325 | min-height:300px; 326 | border: none; 327 | } 328 | .top-footer1 h2 { 329 | font-size: 2em; 330 | color: #52d0c4; 331 | font-family: 'OleoScript-Regular'; 332 | margin: 0 0 0.5em; 333 | } 334 | .top-footer1 input[type="text"],.top-footer1 input[type="password"] { 335 | width: 65%; 336 | padding: 0.6em; 337 | outline: none; 338 | color: #BDBDBD; 339 | font-size: 1em; 340 | background: none; 341 | border: 1px solid #BDBDBD; 342 | } 343 | .top-footer1 input[type="submit"] { 344 | font-size: 0.9em; 345 | color: #fff; 346 | background-color:#000; 347 | border: none; 348 | padding: 0.8em 0em; 349 | width: 30%; 350 | vertical-align: top; 351 | outline: none; 352 | } 353 | .top-footer1 input[type="submit"]:hover { 354 | background-color:#52d0c4; 355 | } 356 | .footer { 357 | border-top: 1px solid #BDBDBD; 358 | } 359 | .footer-top { 360 | padding: 3em 0 ; 361 | } 362 | .top-footer1 { 363 | margin: 6em 0 0; 364 | } 365 | .footer-bottom-cate h6{ 366 | font-size: 1.1em; 367 | color: #000; 368 | margin: 0 0 0.5em; 369 | font-family: 'OleoScript-Regular'; 370 | } 371 | .footer-bottom-cate ul{ 372 | padding: 0; 373 | margin: 0; 374 | } 375 | .footer-bottom-cate ul li{ 376 | list-style: none; 377 | padding: 0.2em 0; 378 | } 379 | .footer-bottom-cate ul li a { 380 | text-decoration:none; 381 | font-size: 0.8em; 382 | color: #B2B2B2; 383 | } 384 | .footer-bottom-cate ul li a:hover{ 385 | color:#52D0C4; 386 | padding-left: 5px; 387 | } 388 | .cate-bottom ul li { 389 | font-size:1em; 390 | color: #000; 391 | } 392 | .cate-bottom ul li.phone { 393 | color:#52D0C4; 394 | padding: 1em 0 0em; 395 | } 396 | p.footer-class { 397 | font-size: 1em; 398 | color: #B2B2B2; 399 | margin: 2em 0 0; 400 | text-align:center; 401 | } 402 | p.footer-class a{ 403 | text-decoration:none; 404 | color: #52D0C4; 405 | } 406 | p.footer-class a:hover{ 407 | color: #B2B2B2; 408 | } 409 | .footer-bottom { 410 | padding: 4em 0; 411 | border-top: 1px solid #BDBDBD; 412 | } 413 | /*--//footer--*/ 414 | /*-- contact --*/ 415 | .contact { 416 | padding: 4em 0; 417 | } 418 | .contact h1{ 419 | font-size: 3em; 420 | color: #000; 421 | font-family: 'OleoScript-Regular'; 422 | margin: 0 0px 1em; 423 | text-align: center; 424 | } 425 | .contact-bottom span,.contact-bottom-top span{ 426 | font-size:1.2em; 427 | color:#fff; 428 | display:block; 429 | padding:0 0 0.5em; 430 | } 431 | .contact-bottom input[type="text"],.contact-bottom input[type="password"]{ 432 | width:100%; 433 | padding:0.7em; 434 | border:1px solid #bbb; 435 | -webkit-appearance:none; 436 | outline:none; 437 | color:#fff; 438 | outline-color:#52D0C4; 439 | background: none; 440 | } 441 | .contact-bottom-top textarea{ 442 | width:100%; 443 | padding:1em; 444 | border:1px solid #bbb; 445 | -webkit-appearance:none; 446 | outline:none; 447 | color:#bbb; 448 | min-height:220px; 449 | resize:none; 450 | outline-color:#52D0C4; 451 | background: none; 452 | } 453 | .contact-bottom-top { 454 | margin: 1em 15px 0; 455 | } 456 | .contact-form input[type="submit"]{ 457 | background: #52D0C4; 458 | color: #fff; 459 | border: none; 460 | outline: none; 461 | margin:1em 15px 0; 462 | padding: 0.3em 1em; 463 | font-size: 1.2em; 464 | display: inline-block; 465 | transition: 0.5s all; 466 | -webkit-transition: 0.5s all; 467 | -moz-transition: 0.5s all; 468 | -o-transition: 0.5s all; 469 | -ms-transition: 0.5s all; 470 | } 471 | .contact-form input[type="submit"]:hover{ 472 | background: #000; 473 | } 474 | .address-grid i{ 475 | color:#52D0C4; 476 | font-size:4em; 477 | float: left; 478 | margin: 0 9% 0 0; 479 | display: inline-block; 480 | } 481 | .address1{ 482 | float: left; 483 | margin-top: 0.5em; 484 | } 485 | .address1 p{ 486 | font-size:1.8em; 487 | color: #b2b2b2; 488 | line-height: 1.7em; 489 | 490 | } 491 | .address1 p a{ 492 | text-decoration:none; 493 | color: #b2b2b2; 494 | } 495 | .address1 p a:hover{ 496 | color: #52D0C4; 497 | } 498 | .address-more h2{ 499 | color:#000; 500 | font-size:2em; 501 | margin: 0 15px 0.7em; 502 | font-family: 'OleoScript-Regular'; 503 | } 504 | .address { 505 | padding: 3em 0 0; 506 | } 507 | .contact span { 508 | color: #b2b2b2; 509 | font-size:0.9em; 510 | padding-bottom: 0.2em; 511 | display: block; 512 | } 513 | /*--//contact--*/ 514 | /*--login--*/ 515 | .account h1 { 516 | color:#000; 517 | font-size: 3em; 518 | margin:0 0 1em; 519 | font-family: 'OleoScript-Regular'; 520 | text-align: center; 521 | } 522 | .login-left h4{ 523 | color:#000; 524 | font-size: 1.3em; 525 | font-family: 'OleoScript-Regular'; 526 | } 527 | .login-left p { 528 | color: #b2b2b2; 529 | display: block; 530 | font-size: 0.9em; 531 | margin: 1em 0 1.5em 0; 532 | line-height: 1.8em; 533 | width: 95%; 534 | } 535 | .acount-btn { 536 | background:#52d0c4; 537 | color: #FFF; 538 | font-size: 0.9em; 539 | padding: 0.4em 1em; 540 | transition: 0.5s all; 541 | -webkit-transition: 0.5s all; 542 | -moz-transition: 0.5s all; 543 | -o-transition: 0.5s all; 544 | display: inline-block; 545 | text-transform: uppercase; 546 | } 547 | .acount-btn:hover, .login-right input[type="submit"]:hover{ 548 | background:#000; 549 | text-decoration:none; 550 | color:#fff; 551 | } 552 | .login-right form { 553 | padding: 1em 0; 554 | } 555 | .login-right span { 556 | color: #b2b2b2; 557 | font-size:0.9em; 558 | padding-bottom: 0.4em; 559 | display: block; 560 | } 561 | .word-in{ 562 | margin: 0.5em 0 0; 563 | } 564 | .login-right input[type="text"],.login-right input[type="password"] { 565 | border: 1px solid #bbb; 566 | outline-color:#52d0c4; 567 | width: 96%; 568 | font-size:0.9em; 569 | padding:10px; 570 | margin: 0.5em 0; 571 | } 572 | .login-right input[type="submit"] { 573 | background:#52d0c4; 574 | color: #FFF; 575 | font-size: 0.9em; 576 | padding: 0.4em 1em; 577 | transition: 0.5s all; 578 | -webkit-transition: 0.5s all; 579 | -moz-transition: 0.5s all; 580 | -o-transition: 0.5s all; 581 | display: inline-block; 582 | text-transform: uppercase; 583 | border:none; 584 | outline:none; 585 | } 586 | a.forgot { 587 | font-size: 0.8125em; 588 | color: #000000; 589 | } 590 | .account { 591 | padding: 4em 0; 592 | } 593 | /*--register--*/ 594 | .register h1 { 595 | color:#000; 596 | font-size:3em; 597 | margin:0 0 1em; 598 | font-family: 'OleoScript-Regular'; 599 | text-align: center; 600 | } 601 | .register-top-grid span, .register-bottom-grid span { 602 | color:#b2b2b2; 603 | font-size: 0.9em; 604 | padding-bottom: 0.2em; 605 | display: block; 606 | } 607 | .register-top-grid input[type="text"], .register-bottom-grid input[type="password"] { 608 | border: 1px solid #EEE; 609 | outline-color:#52D0C4; 610 | width: 100%; 611 | font-size: 1em; 612 | padding: 0.5em; 613 | margin: 0.5em 0; 614 | } 615 | .checkbox { 616 | margin-bottom: 4px; 617 | padding-left: 27px; 618 | font-size: 1.2em; 619 | line-height: 27px; 620 | cursor: pointer; 621 | } 622 | .checkbox { 623 | position: relative; 624 | font-size: 0.9em; 625 | color:#000; 626 | } 627 | .checkbox:last-child { 628 | margin-bottom: 0; 629 | } 630 | .news-letter { 631 | color: #000; 632 | font-size: 1em; 633 | margin-bottom: 1em; 634 | display: block; 635 | text-transform: uppercase; 636 | transition: 0.5s all; 637 | -webkit-transition: 0.5s all; 638 | -moz-transition: 0.5s all; 639 | -o-transition: 0.5s all; 640 | clear: both; 641 | } 642 | .checkbox i { 643 | position: absolute; 644 | bottom: 5px; 645 | left: 0; 646 | display: block; 647 | width:20px; 648 | height:20px; 649 | outline: none; 650 | border: 2px solid #E1DFDF; 651 | } 652 | .checkbox input + i:after { 653 | content: ''; 654 | background: url("../images/tick1.png") no-repeat 1px 2px; 655 | top: -1px; 656 | left: -1px; 657 | width: 15px; 658 | height: 15px; 659 | font: normal 12px/16px FontAwesome; 660 | text-align: center; 661 | } 662 | .checkbox input + i:after { 663 | position: absolute; 664 | opacity: 0; 665 | transition: opacity 0.1s; 666 | -o-transition: opacity 0.1s; 667 | -ms-transition: opacity 0.1s; 668 | -moz-transition: opacity 0.1s; 669 | -webkit-transition: opacity 0.1s; 670 | } 671 | .checkbox input { 672 | position: absolute; 673 | left: -9999px; 674 | } 675 | .checkbox input:checked + i:after { 676 | opacity: 1; 677 | } 678 | .news-letter:hover { 679 | color:#00BFF0; 680 | } 681 | .register-but{ 682 | margin-top:1em; 683 | } 684 | .register-but input[type="submit"] { 685 | background:#52D0C4; 686 | color: #FFF; 687 | font-size:1em; 688 | padding: 0.4em 1em; 689 | transition: 0.5s all; 690 | -webkit-transition: 0.5s all; 691 | -moz-transition: 0.5s all; 692 | -o-transition: 0.5s all; 693 | display: inline-block; 694 | border:none; 695 | outline:none; 696 | } 697 | .register-but input[type="submit"]:hover { 698 | background:#000; 699 | } 700 | .mation{ 701 | padding: 1em 0; 702 | } 703 | .register { 704 | padding: 4em 0; 705 | } 706 | /*--product--*/ 707 | .products h1{ 708 | color:#000; 709 | font-size: 3em; 710 | font-family: 'OleoScript-Regular'; 711 | text-align: center; 712 | margin: 0 0 1em; 713 | } 714 | .products { 715 | padding: 4em 0; 716 | } 717 | /*--menu-drop--*/ 718 | h3.cate { 719 | color: #52D0C4; 720 | font-size: 1.5em; 721 | font-family: 'OleoScript-Regular'; 722 | } 723 | ul.kid-menu{ 724 | display: block !important; 725 | } 726 | .menu-drop { 727 | width: auto; 728 | height: auto; 729 | padding: 0; 730 | list-style: none; 731 | margin: 0.5em 0; 732 | } 733 | .menu-drop > li > a { 734 | width: 100%; 735 | margin: 0.3em 0; 736 | display:inline-block; 737 | position: relative; 738 | color: #B2B2B2; 739 | font-size: 0.9em; 740 | text-decoration:none; 741 | 742 | } 743 | .menu-drop > li > a:hover{ 744 | color:#52D0C4; 745 | } 746 | .menu-drop ul li a { 747 | width: 100%; 748 | display: inline-block; 749 | position: relative; 750 | font-size:0.9em; 751 | margin:0.3em 0; 752 | color: #52D0C4; 753 | text-decoration:none; 754 | text-indent: 1.2em; 755 | } 756 | .menu-drop ul li a:hover{ 757 | color:#000; 758 | } 759 | ul.kid-menu li,ul.cute li{ 760 | list-style: none; 761 | } 762 | /*--//menu-drop--*/ 763 | /*----*/ 764 | .fashion-grid{ 765 | float:left; 766 | width: 24%; 767 | } 768 | .fashion-grid1{ 769 | float: right; 770 | width: 68%; 771 | } 772 | h6.best2 { 773 | font-size: 0.9em; 774 | line-height: 1.5em; 775 | } 776 | h6.best2 a{ 777 | color:#B2B2B2; 778 | text-decoration: none; 779 | } 780 | h6.best2 a:hover{ 781 | color:#52D0C4; 782 | } 783 | span.price-in1 { 784 | font-size: 1.3em; 785 | padding: 0.3em 0 0; 786 | display: block; 787 | color:#52D0C4; 788 | } 789 | .product-go { 790 | padding: 1em 0; 791 | } 792 | /*--tag--*/ 793 | .tag { 794 | padding: 2em 0; 795 | } 796 | .tags { 797 | padding: 1.5em 0 0; 798 | } 799 | .tags ul li { 800 | display: inline-block; 801 | float:left; 802 | width: 22.8%; 803 | margin: 0.5em 2% 0 0; 804 | text-align: center; 805 | } 806 | .tags li a { 807 | font-size: 0.9em; 808 | display:block; 809 | padding: 0.3em 0.4em; 810 | text-decoration: none; 811 | color: #B2B2B2; 812 | border: 1px solid #B2B2B2; 813 | } 814 | .tags li a:hover { 815 | color: #fff; 816 | background:#52D0C4; 817 | border: 1px solid #52D0C4; 818 | } 819 | 820 | .tags ul li:nth-child(4),.tags ul li:nth-child(8),.tags ul li:nth-child(12){ 821 | margin:0.5em 0 0; 822 | } 823 | /*--typo-single--*/ 824 | .thumb-image { width: 305px; } 825 | 826 | .thumb-image > img { width: 100%; } 827 | /*--single--*/ 828 | .single-para h1{ 829 | font-size:1.5em; 830 | color:#52D0C4; 831 | line-height:1.5em; 832 | font-family: 'OleoScript-Regular'; 833 | } 834 | label.add-to{ 835 | display:block; 836 | font-size: 2em; 837 | color: #000; 838 | } 839 | .single-para p{ 840 | font-size:0.9em; 841 | color:#B2B2B2; 842 | line-height:1.8em; 843 | } 844 | a.cart{ 845 | padding: 0.3em 0.7em; 846 | color: #FFF; 847 | background: #52D0C4; 848 | margin: 1.5em 0 0; 849 | font-size: 1em; 850 | display:inline-block; 851 | line-height: 1.6em; 852 | text-align: center; 853 | text-decoration:none; 854 | } 855 | a.cart:hover{ 856 | background: #000; 857 | } 858 | /*----*/ 859 | .star-on { 860 | padding: 1em 0; 861 | } 862 | .star-on ul { 863 | float:left; 864 | } 865 | 866 | .star-on ul li{ 867 | display: inline-block; 868 | } 869 | .star-on ul li i{ 870 | color:#000; 871 | } 872 | .review{ 873 | float:left; 874 | padding: 0 1em; 875 | } 876 | .star-on a{ 877 | text-decoration:none; 878 | font-size:1em; 879 | color:#52D0C4; 880 | } 881 | .star-on a:hover{ 882 | color:#000; 883 | } 884 | .single-bottom h4{ 885 | color:#000; 886 | font-size:1.5em; 887 | padding:0.5em; 888 | border-bottom:1px solid #fa7455 ; 889 | } 890 | .single { 891 | padding: 4em 0; 892 | } 893 | .available h6{ 894 | color:#52D0C4; 895 | font-size:1.4em; 896 | padding: 0 0 1em; 897 | } 898 | .available ul li{ 899 | display:inline-block; 900 | padding:0 0.5em 0 0; 901 | color:#4c4c4c; 902 | font-size:0.9em; 903 | } 904 | .available ul li select { 905 | outline: none; 906 | padding: 3px; 907 | } 908 | .available { 909 | padding: 2em 0 1em; 910 | } 911 | 912 | /*--checkout--*/ 913 | .check-out{ 914 | padding:4em 0em; 915 | } 916 | table{ 917 | width:100%; 918 | margin: 0em 0 2em; 919 | } 920 | th{ 921 | color: #52D0C4; 922 | font-size: 1.2em; 923 | font-family: 'OleoScript-Regular'; 924 | font-weight: 400; 925 | } 926 | th, td { 927 | padding: 10px; 928 | } 929 | td{ 930 | color:#b2b2b2; 931 | font-size: 1em; 932 | } 933 | a.at-in { 934 | float: left; 935 | width: 20%; 936 | } 937 | .sed { 938 | float: right; 939 | width: 74%; 940 | } 941 | .sed h5{ 942 | color: #52D0C4; 943 | font-size: 1.1em; 944 | font-family: 'OleoScript-Regular'; 945 | } 946 | .sed p{ 947 | color:#b2b2b2; 948 | font-size:0.8em; 949 | line-height:1.8em; 950 | padding:1em 0 0; 951 | } 952 | .check input[type="text"],.check input[type="password"]{ 953 | width: 76%; 954 | padding: 0.3em; 955 | margin: 1em 0; 956 | background: #fff; 957 | outline: none; 958 | text-align: center; 959 | border: 1px solid #000; 960 | } 961 | .check{ 962 | width:6%; 963 | } 964 | .ring-in{ 965 | width:45%; 966 | } 967 | .check-out h1 { 968 | font-size: 3em; 969 | color: #000; 970 | font-family: 'OleoScript-Regular'; 971 | margin: 0 0px 1em; 972 | text-align: center; 973 | } 974 | a.to-buy{ 975 | padding: 0.3em 0.7em; 976 | color: #FFF; 977 | background: #52D0C4; 978 | margin: 0.5em 0 0; 979 | font-size: 1em; 980 | display: inline-block; 981 | line-height: 1.6em; 982 | text-align: center; 983 | text-decoration: none; 984 | } 985 | a.to-buy:hover{ 986 | background: #000; 987 | } 988 | /*--//checkout--*/ 989 | /*--typo--*/ 990 | h1.typo1 { 991 | font-size: 3em; 992 | color: #000; 993 | font-family: 'OleoScript-Regular'; 994 | margin: 0 0px 1em; 995 | text-align: center; 996 | } 997 | .page-header h3{ 998 | font-size: 2.5em; 999 | color:#000; 1000 | } 1001 | .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { 1002 | padding: 8px; 1003 | line-height: 1.42857143; 1004 | vertical-align: top; 1005 | border-top: none; 1006 | } 1007 | .grid1 { 1008 | margin: 1.5em 0 0; 1009 | } 1010 | ul.nav.nav-pills { 1011 | margin: 1.5em 0 0; 1012 | } 1013 | .grid2{ 1014 | margin: 1em 0 0; 1015 | } 1016 | .page { 1017 | padding: 4em 0; 1018 | } 1019 | /*--//typo--*/ 1020 | /*--responsive--*/ 1021 | @media(max-width:1366px){ 1022 | 1023 | } 1024 | @media(max-width:1280px){ 1025 | 1026 | } 1027 | @media(max-width:1024px){ 1028 | .content-top h1 { 1029 | font-size: 2.5em; 1030 | margin: 0 0 0.3em; 1031 | } 1032 | .content-top { 1033 | padding: 3em 0; 1034 | } 1035 | .top-footer1 input[type="submit"] { 1036 | width: 33%; 1037 | } 1038 | .banner-mat img { 1039 | height: 256px; 1040 | width: 100%; 1041 | } 1042 | .footer-bottom { 1043 | padding: 3em 0; 1044 | } 1045 | /*--products--*/ 1046 | .products { 1047 | padding: 3em 0; 1048 | } 1049 | .products h1 { 1050 | font-size: 2.5em; 1051 | } 1052 | .tags li a { 1053 | font-size: 0.77em; 1054 | } 1055 | /*--single--*/ 1056 | .thumb-image { 1057 | width: 242px; 1058 | } 1059 | /*--contact--*/ 1060 | .contact { 1061 | padding: 3em 0; 1062 | } 1063 | .contact h1 { 1064 | font-size: 2.5em; 1065 | margin: 0 0px 0.8em; 1066 | } 1067 | /*--account--*/ 1068 | .account h1,.register h1 { 1069 | font-size: 2.5em; 1070 | } 1071 | .account,.register { 1072 | padding: 3em 0; 1073 | } 1074 | /*--checkout--*/ 1075 | .check-out { 1076 | padding: 3em 0em; 1077 | } 1078 | .check-out h1 { 1079 | font-size: 2.5em; 1080 | } 1081 | /*--typo--*/ 1082 | .page { 1083 | padding: 3em 0; 1084 | } 1085 | h1.typo1 { 1086 | font-size: 2.5em; 1087 | } 1088 | } 1089 | @media(max-width:768px){ 1090 | .col-md2 { 1091 | width: 50%; 1092 | float: left; 1093 | margin-bottom: 2em; 1094 | } 1095 | p.log { 1096 | width: 55%; 1097 | font-size: 0.85em; 1098 | } 1099 | .number span { 1100 | color: #000; 1101 | font-size: 0.82em; 1102 | margin-top: 1.5em; 1103 | display: block; 1104 | } 1105 | .search { 1106 | margin-top: 3%; 1107 | } 1108 | .banner-mat img { 1109 | height: 186px; 1110 | } 1111 | .content-top1 { 1112 | padding: 0em 0; 1113 | } 1114 | .content-top h1 { 1115 | margin: 0 0 1em; 1116 | } 1117 | .content-top { 1118 | padding: 3em 0 1em; 1119 | } 1120 | .top-footer1 { 1121 | margin: 2em 0 0; 1122 | } 1123 | .top-footer1 input[type="text"],.top-footer1 input[type="password"] { 1124 | width: 40%; 1125 | } 1126 | .top-footer1 input[type="submit"] { 1127 | width: 16%; 1128 | } 1129 | .world ,.logo,.header-left{ 1130 | width: 33.33%; 1131 | float: left; 1132 | } 1133 | .number ,.search{ 1134 | width: 16.66%; 1135 | float: left; 1136 | } 1137 | .h_menu4 { 1138 | float: left; 1139 | width: 66.66%; 1140 | } 1141 | .logo img{ 1142 | width: 100%; 1143 | } 1144 | .banner-mat { 1145 | width: 25%; 1146 | float: left; 1147 | } 1148 | .matter-banner { 1149 | width: 50%; 1150 | float: left; 1151 | } 1152 | .footer-bottom-cate { 1153 | float: left; 1154 | width: 25%; 1155 | } 1156 | .number { 1157 | margin-top: 0%; 1158 | padding: 0; 1159 | } 1160 | /*--products--*/ 1161 | .col-md3 { 1162 | float: left; 1163 | width: 33.33%; 1164 | margin: 0 0 2em; 1165 | } 1166 | .fashion-grid1 { 1167 | width: 85%; 1168 | } 1169 | .fashion-grid { 1170 | width: 9%; 1171 | } 1172 | .tags li a { 1173 | font-size: 0.9em; 1174 | } 1175 | /*--single--*/ 1176 | .grid { 1177 | width: 50%; 1178 | float: left; 1179 | } 1180 | .thumb-image { 1181 | width: 305px; 1182 | } 1183 | .single-top-in { 1184 | width: 50%; 1185 | float: left; 1186 | } 1187 | .single { 1188 | padding: 3em 0; 1189 | } 1190 | /*--contact--*/ 1191 | .in-contact { 1192 | margin: 1em 0 0; 1193 | } 1194 | .contact h1 { 1195 | margin: 0 0px 0.3em; 1196 | } 1197 | .address-grid i { 1198 | font-size: 3em; 1199 | margin: 0 5% 0 0; 1200 | } 1201 | .address1 p { 1202 | font-size: 1.4em; 1203 | line-height: 1.7em; 1204 | } 1205 | .address-grid { 1206 | margin: 0 0 1em; 1207 | } 1208 | /*--account--*/ 1209 | .account h1 ,.register h1{ 1210 | margin: 0; 1211 | } 1212 | /*--checkout--*/ 1213 | .sed p { 1214 | padding: 0.5em 0 0; 1215 | } 1216 | .check-out { 1217 | padding: 3em 0em; 1218 | } 1219 | /*--typo--*/ 1220 | h1.grid2 { 1221 | font-size: 2.3em; 1222 | } 1223 | } 1224 | @media (max-width: 736px){ 1225 | p.log { 1226 | width: 60%; 1227 | } 1228 | .number span { 1229 | font-size: 0.75em; 1230 | } 1231 | } 1232 | @media (max-width: 667px){ 1233 | p.log { 1234 | font-size: 0.77em; 1235 | } 1236 | } 1237 | @media(max-width:640px){ 1238 | .world { 1239 | width: 26%; 1240 | padding: 0; 1241 | } 1242 | select.in-drop, select.in-drop1 { 1243 | font-size: 0.8em; 1244 | } 1245 | .box_1 h3 { 1246 | font-size: 0.85em; 1247 | } 1248 | .header-left { 1249 | width: 33%; 1250 | padding: 0; 1251 | } 1252 | 1253 | .logo { 1254 | width: 41%; 1255 | } 1256 | .logo img{ 1257 | width: 80%; 1258 | margin: 0 auto; 1259 | } 1260 | .number { 1261 | padding: 0; 1262 | width: 20%; 1263 | } 1264 | .h_menu4 { 1265 | width: 63%; 1266 | } 1267 | .search { 1268 | padding: 0; 1269 | } 1270 | .banner-mat img { 1271 | height: 152px; 1272 | } 1273 | .content-top h1 { 1274 | font-size: 2em; 1275 | } 1276 | .cate-bottom ul li { 1277 | font-size: 0.9em; 1278 | } 1279 | /*--product--*/ 1280 | .col-md1 { 1281 | padding: 0.5em; 1282 | } 1283 | .price h5 { 1284 | font-size: 1.1em; 1285 | } 1286 | .price a { 1287 | padding: 0.3em 0.5em; 1288 | } 1289 | /*--single--*/ 1290 | .single-top-in { 1291 | width: 100%; 1292 | float: left; 1293 | margin: 0 0 2em; 1294 | } 1295 | .grid { 1296 | width: 53%; 1297 | } 1298 | .thumb-image { 1299 | width: 257px; 1300 | } 1301 | /*--contact--*/ 1302 | .contact { 1303 | padding: 2em 0; 1304 | } 1305 | /*--account--*/ 1306 | .account,.register { 1307 | padding: 2em 0; 1308 | } 1309 | /*--checkout--*/ 1310 | th, td { 1311 | padding: 10px 4px; 1312 | } 1313 | /*--typo--*/ 1314 | button.btn.btn-lg { 1315 | font-size: 1.1em; 1316 | } 1317 | h1.grid2 { 1318 | font-size: 2em; 1319 | } 1320 | h2.grid2 { 1321 | font-size: 1.9em; 1322 | } 1323 | h3.typo1 { 1324 | font-size: 2.5em; 1325 | } 1326 | .page { 1327 | margin: 2em 0; 1328 | } 1329 | } 1330 | @media (max-width: 600px){ 1331 | select.in-drop, select.in-drop1 { 1332 | font-size: 0.7em; 1333 | } 1334 | } 1335 | @media (max-width:568px){ 1336 | .world { 1337 | width: 28%; 1338 | padding: 0; 1339 | } 1340 | .logo { 1341 | width: 39%; 1342 | } 1343 | } 1344 | @media(max-width:480px){ 1345 | .matter-banner,.banner-mat { 1346 | width: 100%; 1347 | padding: 0; 1348 | } 1349 | .banner-mat img { 1350 | display: none; 1351 | } 1352 | .world { 1353 | display: none; 1354 | } 1355 | .logo { 1356 | width: 100%; 1357 | padding: 0; 1358 | text-align: center; 1359 | } 1360 | .header-left { 1361 | width: 100%; 1362 | } 1363 | .logo img { 1364 | width: 29%; 1365 | } 1366 | .search { 1367 | width: 11%; 1368 | } 1369 | .h_menu4 { 1370 | width: 67%; 1371 | } 1372 | .number { 1373 | width: 22%; 1374 | } 1375 | .content-top { 1376 | padding: 2em 0 1em; 1377 | } 1378 | .price h5 { 1379 | font-size: 1em; 1380 | margin-top: 6px; 1381 | } 1382 | .footer-top { 1383 | padding: 2em 0; 1384 | } 1385 | .top-footer iframe { 1386 | min-height: 150px; 1387 | } 1388 | .top-footer1 { 1389 | margin: 1em 0 0; 1390 | } 1391 | .top-footer1 h2 { 1392 | font-size: 1.5em; 1393 | } 1394 | .top-footer1 input[type="text"],.top-footer1 input[type="password"] { 1395 | width: 46%; 1396 | } 1397 | .top-footer1 input[type="submit"] { 1398 | width: 23%; 1399 | } 1400 | .footer-bottom-cate { 1401 | width: 50%; 1402 | margin: 0 0 1em; 1403 | } 1404 | .footer-bottom { 1405 | padding: 2em 0 0em; 1406 | } 1407 | /*--products--*/ 1408 | .products { 1409 | padding: 2em 0; 1410 | } 1411 | .products h1 { 1412 | font-size: 2em; 1413 | margin: 0 0 0.5em; 1414 | } 1415 | .col-md3 { 1416 | padding: 0 3px; 1417 | margin: 0 0 1em; 1418 | } 1419 | .price a { 1420 | font-size: 0.8em; 1421 | } 1422 | .col-md-9 { 1423 | padding: 0; 1424 | } 1425 | .fashion-grid { 1426 | width: 20%; 1427 | } 1428 | .fashion-grid1 { 1429 | width: 76%; 1430 | } 1431 | .product-bottom{ 1432 | padding: 0; 1433 | } 1434 | .product-go { 1435 | padding: 0.5em 0; 1436 | } 1437 | .tag { 1438 | padding: 1em 0; 1439 | } 1440 | .tags { 1441 | padding: 1em 0 0; 1442 | } 1443 | .grid { 1444 | width: 67%; 1445 | } 1446 | /*--contact--*/ 1447 | .contact h1 { 1448 | font-size: 2em; 1449 | } 1450 | .address-more h2 { 1451 | font-size: 1.7em; 1452 | } 1453 | .address-grid i { 1454 | font-size: 2.5em; 1455 | } 1456 | .address1 p { 1457 | font-size: 1.2em; 1458 | } 1459 | .address { 1460 | padding: 2em 0 0; 1461 | } 1462 | /*--account--*/ 1463 | .account h1, .register h1 { 1464 | font-size: 2em; 1465 | } 1466 | /*--checkout--*/ 1467 | .check-out h1 { 1468 | font-size: 2em; 1469 | margin: 0 0 0.4em; 1470 | } 1471 | .check-out { 1472 | padding: 2em 0em; 1473 | } 1474 | .sed { 1475 | float: right; 1476 | width: 0; 1477 | display: none; 1478 | } 1479 | a.at-in { 1480 | float: left; 1481 | width: 76%; 1482 | } 1483 | .ring-in { 1484 | width: 20%; 1485 | } 1486 | th, td { 1487 | padding: 7px 0px; 1488 | } 1489 | th { 1490 | font-size: 1em; 1491 | } 1492 | td { 1493 | font-size: 0.8em; 1494 | } 1495 | a.to-buy { 1496 | margin: 0; 1497 | font-size: 0.8em; 1498 | } 1499 | .single { 1500 | padding: 2em 0; 1501 | } 1502 | /*--typo--*/ 1503 | .page-header h3 { 1504 | font-size: 2em; 1505 | } 1506 | button.btn.btn-lg { 1507 | font-size: 1em; 1508 | padding: 7px; 1509 | } 1510 | button.btn.btn-1 { 1511 | font-size: 0.9em; 1512 | padding: 8px; 1513 | } 1514 | button.btn.btn-sm { 1515 | font-size: 0.8em; 1516 | padding: 9px; 1517 | } 1518 | h1#h1-bootstrap-heading { 1519 | font-size: 2.2em; 1520 | } 1521 | h2#h2-bootstrap-heading { 1522 | font-size: 2em; 1523 | } 1524 | h1.grid2 { 1525 | font-size: 1.45em; 1526 | } 1527 | h2.grid2 { 1528 | font-size: 1.35em; 1529 | } 1530 | h3.grid2 { 1531 | font-size: 1.3em; 1532 | } 1533 | h4.grid2 { 1534 | font-size: 1.2em; 1535 | } 1536 | h3.typo1 { 1537 | font-size: 2em; 1538 | } 1539 | .page { 1540 | margin: 2em 0; 1541 | } 1542 | h1.typo1 { 1543 | font-size: 2em; 1544 | margin: 0 0 0.8em; 1545 | } 1546 | } 1547 | @media (max-width:414px){ 1548 | .h_menu4 { 1549 | width: 60%; 1550 | } 1551 | .number { 1552 | width: 29%; 1553 | } 1554 | } 1555 | @media(max-width:320px){ 1556 | .logo { 1557 | width: 100%; 1558 | } 1559 | .header-left { 1560 | width: 100%; 1561 | } 1562 | .logo img { 1563 | width: 46%; 1564 | } 1565 | .logo { 1566 | width: 100%; 1567 | text-align: center; 1568 | } 1569 | .header-left { 1570 | width: 100%; 1571 | } 1572 | .box_1 h3 { 1573 | font-size: 0.8em; 1574 | } 1575 | p.log { 1576 | margin-top: 7%; 1577 | font-size: 0.9em; 1578 | } 1579 | .header-left { 1580 | margin-top: 1%; 1581 | } 1582 | .number { 1583 | width: 32%; 1584 | } 1585 | .number span { 1586 | font-size: 0.8em; 1587 | } 1588 | .search { 1589 | width: 6%; 1590 | } 1591 | .h_menu4 { 1592 | width: 62%; 1593 | } 1594 | .number { 1595 | margin-top: 0%; 1596 | } 1597 | .search { 1598 | margin-top: 6%; 1599 | } 1600 | .head-top { 1601 | padding: 0.4em 0 0; 1602 | } 1603 | .content-top h1 { 1604 | font-size: 1.5em; 1605 | margin: 0 0 0.7em; 1606 | } 1607 | .content-top { 1608 | padding: 1.5em 0 0.5em; 1609 | } 1610 | .col-md2 { 1611 | padding: 0 5px; 1612 | margin-bottom: 1em; 1613 | } 1614 | .col-md1 h3 { 1615 | font-size: 1.1em; 1616 | } 1617 | .price a { 1618 | font-size: 0.7em; 1619 | display: inline-block; 1620 | float: none; 1621 | padding: 0.3em 0.6em; 1622 | } 1623 | .col-md1 { 1624 | padding: 0.3em; 1625 | } 1626 | .price h5 { 1627 | font-size: 1em; 1628 | margin: 0.4em 0; 1629 | float: none; 1630 | } 1631 | .price { 1632 | text-align: center; 1633 | } 1634 | .footer-top { 1635 | padding: 1.5em 0; 1636 | } 1637 | .top-footer { 1638 | padding: 0; 1639 | } 1640 | .top-footer1 { 1641 | padding: 0; 1642 | } 1643 | .top-footer1 h2 { 1644 | font-size: 1.3em; 1645 | } 1646 | .top-footer1 input[type="text"],.top-footer1 input[type="password"] { 1647 | width: 65%; 1648 | padding: 0.4em; 1649 | } 1650 | .top-footer1 input[type="submit"] { 1651 | font-size: 0.85em; 1652 | padding: 0.6em 0em; 1653 | width: 33%; 1654 | } 1655 | .footer-bottom-cate { 1656 | padding: 0; 1657 | } 1658 | p.footer-class { 1659 | font-size: 0.9em; 1660 | margin: 0em 0 1em; 1661 | line-height: 1.5em; 1662 | } 1663 | ul.callbacks_tabs.callbacks1_tabs { 1664 | left: 40%; 1665 | } 1666 | .callbacks_tabs a:after { 1667 | height: 10px; 1668 | width: 10px; 1669 | } 1670 | /*--product--*/ 1671 | .products h1 { 1672 | font-size: 1.8em; 1673 | } 1674 | .products { 1675 | padding: 1.5em 0; 1676 | } 1677 | h3.cate { 1678 | font-size: 1.2em; 1679 | } 1680 | .contact h1 { 1681 | font-size: 1.7em; 1682 | margin: 0; 1683 | } 1684 | .in-contact { 1685 | padding: 0; 1686 | margin: 0.5em 0 0; 1687 | } 1688 | .contact-bottom input[type="text"],.contact-bottom input[type="password"] { 1689 | padding: 0.5em; 1690 | } 1691 | .contact-bottom-top { 1692 | margin: 0.5em 0 0; 1693 | } 1694 | .contact-bottom-top textarea { 1695 | min-height: 120px; 1696 | } 1697 | .contact-form input[type="submit"] { 1698 | margin: 0.5em 0px 0; 1699 | padding: 0.3em 0.5em; 1700 | font-size: 1em; 1701 | } 1702 | .address { 1703 | padding: 1em 0 0; 1704 | } 1705 | .address-more h2 { 1706 | font-size: 1.5em; 1707 | margin: 0 0 0.5em; 1708 | } 1709 | .address-grid { 1710 | padding: 0; 1711 | } 1712 | .address-grid i { 1713 | font-size: 2em; 1714 | } 1715 | .address1 p { 1716 | font-size: 1em; 1717 | } 1718 | .address1 { 1719 | margin-top: 0; 1720 | } 1721 | .contact { 1722 | padding: 1.5em 0 0.5em; 1723 | } 1724 | .product-bottom { 1725 | padding: 0; 1726 | } 1727 | .single { 1728 | padding: 1.5em 0 0.5em; 1729 | } 1730 | /*--account--*/ 1731 | .account, .register { 1732 | padding: 1.5em 0; 1733 | } 1734 | .account h1, .register h1 { 1735 | font-size: 1.7em; 1736 | } 1737 | .login-right ,.login-left,.register-top-grid,.register-bottom-grid{ 1738 | padding: 0; 1739 | } 1740 | .login-left p { 1741 | width: 100%; 1742 | } 1743 | .login-right span { 1744 | padding-bottom: 0em; 1745 | } 1746 | .register-but { 1747 | margin-top: 0em; 1748 | } 1749 | .mation { 1750 | padding: 0 0 0.5em; 1751 | } 1752 | td { 1753 | font-size: 0.75em; 1754 | } 1755 | table { 1756 | margin: 0em 0 1em; 1757 | } 1758 | .check-out h1 { 1759 | font-size: 1.7em; 1760 | margin: 0 0 0.4em; 1761 | } 1762 | .check-out { 1763 | padding: 1.5em 0em; 1764 | } 1765 | /*--single--*/ 1766 | .thumb-image { 1767 | width: 260px; 1768 | } 1769 | .grid { 1770 | width: 100%; 1771 | } 1772 | .single-top-in { 1773 | padding: 0; 1774 | margin: 0 0 1em; 1775 | } 1776 | .single-para h1 { 1777 | font-size: 1.2em; 1778 | } 1779 | .star-on a { 1780 | font-size: 0.8em; 1781 | } 1782 | .available { 1783 | padding: 1em 0 1em; 1784 | } 1785 | label.add-to { 1786 | font-size: 1.5em; 1787 | } 1788 | a.cart { 1789 | padding: 0.2em 0.5em; 1790 | margin: 0.5em 0 0; 1791 | } 1792 | .h_nav h4 { 1793 | font-size: 1.1em; 1794 | } 1795 | /*--typo--*/ 1796 | h1#h1-bootstrap-heading { 1797 | font-size: 1.5em; 1798 | } 1799 | h2#h2-bootstrap-heading { 1800 | font-size: 1.4em; 1801 | } 1802 | h3#h3-bootstrap-heading { 1803 | font-size: 1.3em; 1804 | } 1805 | button.btn.btn-lg { 1806 | font-size: 0.9em; 1807 | margin: 0 0 0.5em 0px; 1808 | padding: 9px; 1809 | } 1810 | .grid1 { 1811 | margin: 0.7em 0 0; 1812 | } 1813 | button.btn.btn-1 { 1814 | font-size: 0.8em; 1815 | margin: 0 0 0.5em; 1816 | } 1817 | button.btn.btn-sm { 1818 | font-size: 0.7em; 1819 | padding: 5px; 1820 | margin: 0 0 0.5em; 1821 | } 1822 | button.btn.btn-xs { 1823 | font-size: 0.7em; 1824 | } 1825 | ul.nav.nav-pills a{ 1826 | padding: 0.5em; 1827 | font-size: 0.9em; 1828 | } 1829 | span.label { 1830 | margin: 0 0 0.5em; 1831 | display: inline-block; 1832 | } 1833 | .page { 1834 | padding: 0em; 1835 | margin: 1.7em 0; 1836 | } 1837 | .page-header { 1838 | margin: 16px 0 9px; 1839 | } 1840 | .grid2 { 1841 | margin: 0.4em 0 0; 1842 | } 1843 | h3.typo1 { 1844 | font-size: 1.7em; 1845 | } 1846 | .page-header h3 { 1847 | font-size: 1.8em; 1848 | } 1849 | h1.typo1 { 1850 | font-size: 1.7em; 1851 | margin: 0 0 0.5em; 1852 | } 1853 | } 1854 | /*分页效果*/ 1855 | #pagination{ float:right; margin:10px 0; } 1856 | #pagination-flickr li { border:0; margin:0; padding:0; font-size:15px; list-style:none; /* savers */ float:left; } 1857 | #pagination-flickr a { border:solid 1px #DDDDDD; margin-right:2px; } 1858 | #pagination-flickr .previous-off,#pagination-flickr .next-off { color:#666666; display:block; float:left; font-weight:bold; padding:3px 4px; } 1859 | #pagination-flickr .next a,#pagination-flickr .previous a { font-weight:bold; border:solid 1px #FFFFFF; } 1860 | #pagination-flickr .active { color:#ff0084; font-weight:bold; display:block; float:left; padding:4px 6px; } 1861 | #pagination-flickr a:link, 1862 | #pagination-flickr a:visited { color:#0063e3; display:block; float:left; padding:3px 6px; text-decoration:none; } 1863 | #pagination-flickr a:hover { border:solid 1px #000; background:#0063DC; color:#FFF; } 1864 | -------------------------------------------------------------------------------- /static/fonts/OleoScript-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/static/fonts/OleoScript-Regular.ttf -------------------------------------------------------------------------------- /static/fonts/Roboto-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/static/fonts/Roboto-Regular.ttf -------------------------------------------------------------------------------- /static/fonts/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/static/fonts/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /static/fonts/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/static/fonts/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /static/fonts/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/static/fonts/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /static/fonts/glyphicons-halflings-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/static/fonts/glyphicons-halflings-regular.woff2 -------------------------------------------------------------------------------- /static/images/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/static/images/1.jpg -------------------------------------------------------------------------------- /static/images/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/static/images/2.jpg -------------------------------------------------------------------------------- /static/images/ba.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/static/images/ba.jpg -------------------------------------------------------------------------------- /static/images/ba1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/static/images/ba1.jpg -------------------------------------------------------------------------------- /static/images/cart.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/static/images/cart.png -------------------------------------------------------------------------------- /static/images/ce.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/static/images/ce.jpg -------------------------------------------------------------------------------- /static/images/ce1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/static/images/ce1.jpg -------------------------------------------------------------------------------- /static/images/ce2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/static/images/ce2.jpg -------------------------------------------------------------------------------- /static/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/static/images/logo.png -------------------------------------------------------------------------------- /static/images/pi.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/static/images/pi.png -------------------------------------------------------------------------------- /static/images/pi1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/static/images/pi1.png -------------------------------------------------------------------------------- /static/images/pi2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/static/images/pi2.png -------------------------------------------------------------------------------- /static/images/pi3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/static/images/pi3.png -------------------------------------------------------------------------------- /static/images/pi4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/static/images/pi4.png -------------------------------------------------------------------------------- /static/images/pi5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/static/images/pi5.png -------------------------------------------------------------------------------- /static/images/pi6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/static/images/pi6.png -------------------------------------------------------------------------------- /static/images/pi7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/static/images/pi7.png -------------------------------------------------------------------------------- /static/images/pr.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/static/images/pr.jpg -------------------------------------------------------------------------------- /static/images/pr1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/static/images/pr1.jpg -------------------------------------------------------------------------------- /static/images/pr2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/static/images/pr2.jpg -------------------------------------------------------------------------------- /static/images/pr3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/static/images/pr3.jpg -------------------------------------------------------------------------------- /static/images/search.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/static/images/search.png -------------------------------------------------------------------------------- /static/images/si.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/static/images/si.jpg -------------------------------------------------------------------------------- /static/images/si1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/static/images/si1.jpg -------------------------------------------------------------------------------- /static/images/si2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/static/images/si2.jpg -------------------------------------------------------------------------------- /static/images/tick1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LiJunWei/storeproject/52643686f7d528c731d20b09357119dcc549ddd2/static/images/tick1.png -------------------------------------------------------------------------------- /static/js/imagezoom.js: -------------------------------------------------------------------------------- 1 | /** 2 | * ImageZoom Plugin 3 | * http://0401morita.github.io/imagezoom-plugin 4 | * MIT licensed 5 | * 6 | * Copyright (C) 2014 http://0401morita.github.io/imagezoom-plugin A project by Yosuke Morita 7 | */ 8 | (function($){ 9 | var defaults = { 10 | cursorcolor:'255,255,255', 11 | opacity:0.5, 12 | cursor:'crosshair', 13 | zindex:2147483647, 14 | zoomviewsize:[480,395], 15 | zoomviewposition:'right', 16 | zoomviewmargin:10, 17 | zoomviewborder:'none', 18 | magnification:1.925 19 | }; 20 | 21 | var imagezoomCursor,imagezoomView,settings,imageWidth,imageHeight,offset; 22 | var methods = { 23 | init : function(options){ 24 | $this = $(this), 25 | imagezoomCursor = $('.imagezoom-cursor'), 26 | imagezoomView = $('.imagezoom-view'), 27 | $(document).on('mouseenter',$this.selector,function(e){ 28 | var data = $(this).data(); 29 | settings = $.extend({},defaults,options,data), 30 | offset = $(this).offset(), 31 | imageWidth = $(this).width(), 32 | imageHeight = $(this).height(), 33 | cursorSize = [(settings.zoomviewsize[0]/settings.magnification),(settings.zoomviewsize[1]/settings.magnification)]; 34 | if(data.imagezoom == true){ 35 | imageSrc = $(this).attr('src'); 36 | }else{ 37 | imageSrc = $(this).get(0).getAttribute('data-imagezoom'); 38 | } 39 | 40 | var posX = e.pageX,posY = e.pageY,zoomViewPositionX; 41 | $('body').prepend('
 
'); 42 | 43 | if(settings.zoomviewposition == 'right'){ 44 | zoomViewPositionX = (offset.left+imageWidth+settings.zoomviewmargin); 45 | }else{ 46 | zoomViewPositionX = (offset.left-imageWidth-settings.zoomviewmargin); 47 | } 48 | 49 | $(imagezoomView.selector).css({ 50 | 'position':'absolute', 51 | 'left': zoomViewPositionX, 52 | 'top': offset.top, 53 | 'width': cursorSize[0]*settings.magnification, 54 | 'height': cursorSize[1]*settings.magnification, 55 | 'background':'#000', 56 | 'z-index':2147483647, 57 | 'overflow':'hidden', 58 | 'border': settings.zoomviewborder 59 | }); 60 | 61 | $(imagezoomView.selector).children('img').css({ 62 | 'position':'absolute', 63 | 'width': imageWidth*settings.magnification, 64 | 'height': imageHeight*settings.magnification, 65 | }); 66 | 67 | $(imagezoomCursor.selector).css({ 68 | 'position':'absolute', 69 | 'width':cursorSize[0], 70 | 'height':cursorSize[1], 71 | 'background-color':'rgb('+settings.cursorcolor+')', 72 | 'z-index':settings.zindex, 73 | 'opacity':settings.opacity, 74 | 'cursor':settings.cursor 75 | }); 76 | $(imagezoomCursor.selector).css({'top':posY-(cursorSize[1]/2),'left':posX}); 77 | $(document).on('mousemove',document.body,methods.cursorPos); 78 | }); 79 | }, 80 | cursorPos:function(e){ 81 | var posX = e.pageX,posY = e.pageY; 82 | if(posY < offset.top || posX < offset.left || posY > (offset.top+imageHeight) || posX > (offset.left+imageWidth)){ 83 | $(imagezoomCursor.selector).remove(); 84 | $(imagezoomView.selector).remove(); 85 | return; 86 | } 87 | 88 | if(posX-(cursorSize[0]/2) < offset.left){ 89 | posX = offset.left+(cursorSize[0]/2); 90 | }else if(posX+(cursorSize[0]/2) > offset.left+imageWidth){ 91 | posX = (offset.left+imageWidth)-(cursorSize[0]/2); 92 | } 93 | 94 | if(posY-(cursorSize[1]/2) < offset.top){ 95 | posY = offset.top+(cursorSize[1]/2); 96 | }else if(posY+(cursorSize[1]/2) > offset.top+imageHeight){ 97 | posY = (offset.top+imageHeight)-(cursorSize[1]/2); 98 | } 99 | 100 | $(imagezoomCursor.selector).css({'top':posY-(cursorSize[1]/2),'left':posX-(cursorSize[0]/2)}); 101 | $(imagezoomView.selector).children('img').css({'top':((offset.top-posY)+(cursorSize[1]/2))*settings.magnification,'left':((offset.left-posX)+(cursorSize[0]/2))*settings.magnification}); 102 | 103 | $(imagezoomCursor.selector).mouseleave(function(){ 104 | $(this).remove(); 105 | }); 106 | } 107 | }; 108 | 109 | $.fn.imageZoom = function(method){ 110 | if(methods[method]){ 111 | return methods[method].apply( this, Array.prototype.slice.call(arguments,1)); 112 | }else if( typeof method === 'object' || ! method ) { 113 | return methods.init.apply(this,arguments); 114 | }else{ 115 | $.error(method); 116 | } 117 | } 118 | 119 | $(document).ready(function(){ 120 | $('[data-imagezoom]').imageZoom(); 121 | }); 122 | })(jQuery); 123 | -------------------------------------------------------------------------------- /static/js/memenu.js: -------------------------------------------------------------------------------- 1 | $.fn.memenu=function(e){function r(){$(".memenu").find("li, a").unbind();if(window.innerWidth<=768){o();s();if(n==0){$(".memenu > li:not(.showhide)").hide(0)}}else{u();i()}}function i(){$(".memenu li").bind("mouseover",function(){$(this).children(".dropdown, .mepanel").stop().fadeIn(t.interval)}).bind("mouseleave",function(){$(this).children(".dropdown, .mepanel").stop().fadeOut(t.interval)})}function s(){$(".memenu > li > a").bind("click",function(e){if($(this).siblings(".dropdown, .mepanel").css("display")=="none"){$(this).siblings(".dropdown, .mepanel").slideDown(t.interval);$(this).siblings(".dropdown").find("ul").slideDown(t.interval);n=1}else{$(this).siblings(".dropdown, .mepanel").slideUp(t.interval)}})}function o(){$(".memenu > li.showhide").show(0);$(".memenu > li.showhide").bind("click",function(){if($(".memenu > li").is(":hidden")){$(".memenu > li").slideDown(300)}else{$(".memenu > li:not(.showhide)").slideUp(300);$(".memenu > li.showhide").show(0)}})}function u(){$(".memenu > li").show(0);$(".memenu > li.showhide").hide(0)}var t={interval:250};var n=0;$(".memenu").prepend("
  • MENU
    • ");r();$(window).resize(function(){r()})} -------------------------------------------------------------------------------- /static/js/responsiveslides.min.js: -------------------------------------------------------------------------------- 1 | /*! http://responsiveslides.com v1.54 by @viljamis */ 2 | (function(c,I,B){c.fn.responsiveSlides=function(l){var a=c.extend({auto:!0,speed:500,timeout:4E3,pager:!1,nav:!1,random:!1,pause:!1,pauseControls:!0,prevText:"Previous",nextText:"Next",maxwidth:"",navContainer:"",manualControls:"",namespace:"rslides",before:c.noop,after:c.noop},l);return this.each(function(){B++;var f=c(this),s,r,t,m,p,q,n=0,e=f.children(),C=e.size(),h=parseFloat(a.speed),D=parseFloat(a.timeout),u=parseFloat(a.maxwidth),g=a.namespace,d=g+B,E=g+"_nav "+d+"_nav",v=g+"_here",j=d+"_on", 3 | w=d+"_s",k=c("