Guest User

Untitled

a guest
Oct 15th, 2017
92
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.98 KB | None | 0 0
  1. /*Сетка*/
  2.  
  3. body{
  4. /*background-color: #ccc;*/
  5. background-image: url(/Content/images/ogon_fon_plamya_51781_2048x1152.jpg);
  6. background-repeat: no-repeat;
  7. background-size: 100% 100%;
  8. }
  9. #wrapper{
  10. width: 1100px;
  11. height: auto;
  12. margin: auto;
  13. background-color: #3f557f;
  14. }
  15.  
  16. #header{
  17. width: 100%;
  18. height: auto;
  19. }
  20.  
  21. #header img{
  22. width: 100%;
  23. }
  24.  
  25. #content{
  26. width: 80%;
  27. height: 700px;
  28. margin: 0 10%;
  29. }
  30.  
  31. #nav{
  32. width: 200px;
  33. height: 677px;
  34. float: left;
  35. margin-top: 20px;
  36.  
  37. }
  38.  
  39. #logo{
  40. width: 100%;
  41. }
  42.  
  43. #nav ul{
  44. height: 515px;
  45. border: 0px solid CornflowerBlue;
  46. border-radius: 25%;
  47. }
  48.  
  49. #map{
  50. margin-top: 20px;
  51. width: 200px;
  52. height: 223px;
  53. }
  54.  
  55. #map img{
  56. width: 100%;
  57. height: 100%;
  58. border: 0px solid #FA8072;
  59. border-radius: 50%;
  60. }
  61.  
  62. #main{
  63. float: right;
  64. width: calc(100% - 200px);
  65. }
  66.  
  67. #footer{
  68. width: 80%;
  69. height: 37px;
  70. margin: 0 10%;
  71. padding-top: 20px;
  72. clear: both;
  73. }
  74.  
  75. #nav ul, .main_title, #footer, .small_card, .small_card1, .page_counter, .big_card{
  76. background-color: white;
  77. }
  78.  
  79. /*Навигация*/
  80. ul{
  81. padding: 0;
  82. margin: 0;
  83. }
  84.  
  85. ul li{
  86. list-style: none;
  87. }
  88.  
  89. ul li:nth-child(n+2){
  90. padding: 20px;
  91. }
  92.  
  93. ul li:nth-child(n+2):hover{
  94. background-color: rgba(0,0,0,0.1);
  95. }
  96.  
  97. /*Ссылки*/
  98. a, a:visited{
  99. color:black;
  100. text-decoration: none;
  101. }
  102.  
  103. table a{
  104. padding-left: 27px;
  105. width: auto;
  106. background-image: url(/Content/images/knopki_servis_03.jpg);
  107. background-repeat: no-repeat;
  108. background-position: 5px;
  109. background-size: 17px 17px;
  110. }
  111.  
  112. /*Текст*/
  113. *{
  114. font-family: "Trebushet MS", Helvetica, sans-serif;
  115. }
  116.  
  117. h1{
  118. padding-left: 20px;
  119. }
  120.  
  121. h2{
  122. margin-top: 0;
  123. margin-left: 5px;
  124. }
  125.  
  126. small{
  127. color: #d94e4b;
  128. font-weight: bold;
  129. font-size: 60%;
  130. margin-left: 5px;
  131. }
  132.  
  133. #footer{
  134. font-size: 18px;
  135. font-weight: bold;
  136. text-align: center;
  137. }
  138.  
  139. p{
  140. height: 100px;
  141. overflow: hidden;
  142. margin-left: 5px;
  143. }
  144.  
  145. /*Таблицы*/
  146. table{
  147. border-spacing: 20px;
  148. }
  149.  
  150. .small_card{
  151. width: 200px;
  152. border: 3px solid #d94e4b;
  153. padding: 0;
  154. margin: 0;
  155. }
  156.  
  157. .small_card content{
  158. padding: 20px;
  159. }
  160.  
  161. .small_card img{
  162. width: 200px;
  163. height: 160px;
  164. border-bottom: 3px solid #d94e4b;
  165. }
  166.  
  167. .small_card1{
  168. width: 640px;
  169. border: 3px solid #d94e4b;
  170. padding: 0;
  171. margin: 0;
  172. }
  173.  
  174. .page_counter{
  175. width: 640px;
  176. border: 3px solid #d94e4b;
  177. padding: 3px;
  178. margin: 20px;
  179. }
  180.  
  181. .small_card1 content{
  182. padding: 20px;
  183. }
  184.  
  185. .small_card1 img{
  186. width: 200px;
  187. height: 160px;
  188. border-bottom: 3px solid #d94e4b;
  189. border-right: 3px solid #d94e4b;
  190. }
  191.  
  192. /*Формы*/
  193. .big_card{
  194. padding: 0;
  195. margin: 0;
  196. }
  197.  
  198. .big_card img{
  199. width: 300px;
  200. height: 300px;
  201. float: left;
  202. }
  203.  
  204. form{
  205. width: calc(100% - 300px);
  206. float: right;
  207. }
  208.  
  209. fieldset{
  210. border: none;
  211. padding: 0 20px;
  212. }
  213.  
  214. legend{
  215. font-size: 16px;
  216. font-weight: bold;
  217. padding: 20px 0;
  218. }
  219.  
  220. input, select{
  221. padding-left: 20px;
  222. background-color: #ececec;
  223. border-style: none;
  224. height: 30px;
  225. margin-bottom: 10px;
  226. width: calc(100% - 10px);
  227. }
  228.  
  229. .main_title{
  230. border: 0px solid CornflowerBlue;
  231. border-radius: 10px;
  232. }
  233.  
  234. .pagination {
  235. display: inline-block;
  236. padding-left: 20px;
  237. margin: 20px 0;
  238. border-radius: 4px;
  239. }
  240.  
  241. .pagination > li {
  242. display: inline;
  243. }
  244.  
  245. .pagination > li > a,
  246. .pagination > li > span {
  247. position: relative;
  248. float: left;
  249. padding: 6px 12px;
  250. margin-left: -1px;
  251. line-height: 1.428571429;
  252. text-decoration: none;
  253. background-color: #ffffff;
  254. border: 1px solid #dddddd;
  255. }
  256.  
  257. .pagination > li:first-child > a,
  258. .pagination > li:first-child > span {
  259. margin-left: 0;
  260. border-bottom-left-radius: 4px;
  261. border-top-left-radius: 4px;
  262. }
  263.  
  264. .pagination > li:last-child > a,
  265. .pagination > li:last-child > span {
  266. border-top-right-radius: 4px;
  267. border-bottom-right-radius: 4px;
  268. }
  269.  
  270. .pagination > li > a:hover,
  271. .pagination > li > span:hover,
  272. .pagination > li > a:focus,
  273. .pagination > li > span:focus {
  274. background-color: #eeeeee;
  275. }
  276.  
  277. .pagination > .active > a,
  278. .pagination > .active > span,
  279. .pagination > .active > a:hover,
  280. .pagination > .active > span:hover,
  281. .pagination > .active > a:focus,
  282. .pagination > .active > span:focus {
  283. z-index: 2;
  284. color: #ffffff;
  285. cursor: default;
  286. background-color: #428bca;
  287. border-color: #428bca;
  288. }
  289.  
  290. .pagination > .disabled > span,
  291. .pagination > .disabled > a,
  292. .pagination > .disabled > a:hover,
  293. .pagination > .disabled > a:focus {
  294. color: #999999;
  295. cursor: not-allowed;
  296. background-color: #ffffff;
  297. border-color: #dddddd;
  298. }
  299.  
  300. .pagination-lg > li > a,
  301. .pagination-lg > li > span {
  302. padding: 10px 16px;
  303. font-size: 18px;
  304. }
  305.  
  306. .pagination-lg > li:first-child > a,
  307. .pagination-lg > li:first-child > span {
  308. border-bottom-left-radius: 6px;
  309. border-top-left-radius: 6px;
  310. }
  311.  
  312. .pagination-lg > li:last-child > a,
  313. .pagination-lg > li:last-child > span {
  314. border-top-right-radius: 6px;
  315. border-bottom-right-radius: 6px;
  316. }
  317.  
  318. .pagination-sm > li > a,
  319. .pagination-sm > li > span {
  320. padding: 5px 10px;
  321. font-size: 12px;
  322. }
  323.  
  324. .pagination-sm > li:first-child > a,
  325. .pagination-sm > li:first-child > span {
  326. border-bottom-left-radius: 3px;
  327. border-top-left-radius: 3px;
  328. }
  329.  
  330. .pagination-sm > li:last-child > a,
  331. .pagination-sm > li:last-child > span {
  332. border-top-right-radius: 3px;
  333. border-bottom-right-radius: 3px;
  334. }
  335.  
  336. .pager {
  337. padding-left: 20px;
  338. margin: 20px 0;
  339. text-align: center;
  340. list-style: none;
  341. }
  342.  
  343. .pager:after {
  344. clear: both;
  345. }
  346.  
  347. .pager:before,
  348. .pager:after {
  349. display: table;
  350. content: " ";
  351. }
  352.  
  353.  
  354. .pager li {
  355. display: inline;
  356. }
  357.  
  358. .pager li > a,
  359. .pager li > span {
  360. display: inline-block;
  361. padding: 5px 14px;
  362. background-color: #ffffff;
  363. border: 1px solid #dddddd;
  364. border-radius: 15px;
  365. }
  366.  
  367. .pager li > a:hover,
  368. .pager li > a:focus {
  369. text-decoration: none;
  370. background-color: #eeeeee;
  371. }
  372.  
  373. .pager .next > a,
  374. .pager .next > span {
  375. float: right;
  376. }
  377.  
  378. .pager .previous > a,
  379. .pager .previous > span {
  380. float: left;
  381. }
  382.  
  383. .pager .disabled > a,
  384. .pager .disabled > a:hover,
  385. .pager .disabled > a:focus,
  386. .pager .disabled > span {
  387. color: #999999;
  388. cursor: not-allowed;
  389. background-color: #ffffff;
  390. }
  391.  
  392. @model PagedList.IPagedList<MyProject.Models.Worker>
  393. @using PagedList.Mvc;
  394. <link href="~/Content/PagedList.css" rel="stylesheet" type="text/css" />
  395. @{
  396.  
  397. Layout = "/Views/MasterView.cshtml";
  398. }
  399.  
  400. <table>
  401. <tr>
  402. <th class="main_title" colspan="3"><h1>Главная</h1></th>
  403. </tr>
  404. <tr>
  405. @foreach (var item in Model)
  406. {
  407. <td class="small_card">
  408. <img src="@item.PhotoLink" alt="@item.Name" />
  409. <div class="content">
  410. <small>@item.Position</small>
  411. <h2>@item.Name</h2>
  412. <p>@item.Description</p>
  413. <a href="@Url.Action("EmployeesPage", "Home", new { item_id=item.Id})" title="Личный профиль">Перейти</a>
  414. </div>
  415. </td>
  416. }
  417. </tr>
  418. </table>
  419.  
  420. <div>
  421. <span class="page_counter">Страница @(Model.PageCount < Model.PageNumber ? 0 : Model.PageNumber) из @Model.PageCount</span>
  422.  
  423. @Html.PagedListPager(Model, page => Url.Action("Index", new { page }))
  424. </div>
  425.  
  426. <table>
  427. <tr>
  428. <td class="big_card" colspan="3">
  429. <img src="/Content/images/lhpp440.jpg" alt="Форма" />
  430. <form action="/Home/Order" method="post">
  431. <fieldset>
  432. <legend>Сообщить об инциденте</legend>
  433. <input type="text" name="Name" placeholder="Введте ваше имя..." required /><br />
  434. <input type="tel" name="Tel" placeholder="(xxx)-xxx-xx-xx" required pattern="[0-9]{3}-[0-9]{3}-[0-9]{2}-[0-9]{2}" /><br />
  435. <select name="street">
  436. <option value="1">1</option>
  437. <option value="2">2</option>
  438. <option value="3">3</option>
  439. </select><br />
  440. <input type="submit" />
  441. </fieldset>
  442. </form>
  443. </td>
  444. </tr>
  445. </table>
Add Comment
Please, Sign In to add comment