Advertisement
Guest User

CSS

a guest
Dec 6th, 2014
240
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.09 KB | None | 0 0
  1. body{
  2.     background:#223f83;
  3. }
  4. .dl-horizontal dt{
  5.     width:120px;
  6. }
  7. .dl-horizontal dd{
  8.     margin-left:130px;
  9. }
  10. .blue{
  11.     color:#336;
  12. }
  13. nav{
  14.     border-radius:5px;
  15.     font-weight:bolder;
  16.     font-size:16px;
  17. }
  18. ul:not(.nav){
  19.     list-style:none;
  20.     margin-top:6px;
  21. }
  22. li{
  23.     margin:4px 0;
  24.     font-size:16px;
  25. }
  26. li:before {    
  27.     color:#338;
  28.     font-family: 'FontAwesome';
  29.     font-size:16px;
  30.     content: '\f00c';
  31.     margin:0 5px 0 -15px;
  32. }
  33. .nav-pills>li>a{
  34.     border-radius:50%;
  35.     color:#ebebeb;
  36. }
  37. .nav-pills>li>a:hover{
  38.     color:#336;
  39. }
  40. #call-text {
  41.     position: relative;
  42.     background: #337AB7;
  43.     height:76px;
  44.     width:35%;
  45.     border-top-left-radius: 5px;
  46.     border-bottom-left-radius: 5px;
  47.     color:#fff;
  48.     display:flex;
  49.     align-items:center;
  50.     font-weight:bold;
  51.     padding-left:5px;
  52. }
  53. #call-text-mobile{
  54.     display:none;
  55. }
  56. #call-text:after {
  57.      left: 100%;
  58.      top: 50%;
  59.      border: solid transparent;
  60.      content: " ";
  61.      height: 0;
  62.      width: 0;
  63.      position: absolute;
  64.      pointer-events: none;
  65.      border-color: rgba(51, 122, 183, 0);
  66.      border-left-color: #337AB7;
  67.      border-width: 38px;
  68.      margin-top: -38px;
  69. }
  70. #contact-box {
  71.     background: #fcfeff;
  72.     background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iI2UzZWFlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGVjZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  73.     background: -moz-linear-gradient(top,  #fcfeff 0%, #e3eaed 95%, #e8eced 100%);
  74.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfeff), color-stop(95%,#e3eaed), color-stop(100%,#e8eced));
  75.     background: -webkit-linear-gradient(top,  #fcfeff 0%,#e3eaed 95%,#e8eced 100%);
  76.     background: -o-linear-gradient(top,  #fcfeff 0%,#e3eaed 95%,#e8eced 100%);
  77.     background: -ms-linear-gradient(top,  #fcfeff 0%,#e3eaed 95%,#e8eced 100%);
  78.     background: linear-gradient(to bottom,  #fcfeff 0%,#e3eaed 95%,#e8eced 100%);
  79.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfeff', endColorstr='#e8eced',GradientType=0 );
  80.  
  81.     border-radius: 5px;
  82.     border-radius: 5px;
  83.     color:#333;
  84.     padding-right:5px;
  85.     display:flex;
  86.     justify-content:space-between;
  87.     align-items:center;
  88.     border:1px solid #d9d9d9;
  89. }
  90. #call-number{
  91.     font-size:40px;
  92.     font-weight:bold;
  93.     margin:0 auto;
  94. }
  95. #welcome{
  96.     /*border-radius:8px;*/
  97.     background:#fff;
  98.     margin:10px 1%;
  99.     padding:4px 20px 2px 20px;
  100.     width:98%;
  101. }
  102.  
  103.  
  104. #imageshow-container{
  105.     border-radius:8px;
  106.     /*background:#3E4456;*/
  107.     margin-top:10px;
  108.     padding: 20px 50px;
  109. }
  110.  
  111. #register-visit{
  112.     margin-top:6px;
  113. }
  114.  
  115. #register-head{
  116.     background: #fcfeff;
  117.     background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iI2UzZWFlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGVjZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  118.     background: -moz-linear-gradient(top,  #fcfeff 0%, #e3eaed 95%, #e8eced 100%);
  119.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfeff), color-stop(95%,#e3eaed), color-stop(100%,#e8eced));
  120.     background: -webkit-linear-gradient(top,  #fcfeff 0%,#e3eaed 95%,#e8eced 100%);
  121.     background: -o-linear-gradient(top,  #fcfeff 0%,#e3eaed 95%,#e8eced 100%);
  122.     background: -ms-linear-gradient(top,  #fcfeff 0%,#e3eaed 95%,#e8eced 100%);
  123.     background: linear-gradient(to bottom,  #fcfeff 0%,#e3eaed 95%,#e8eced 100%);
  124.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfeff', endColorstr='#e8eced',GradientType=0 );
  125.     height:40px;
  126.     padding:0 10px;
  127.     display:flex;
  128.     align-items:center;
  129.     justify-content:space-between;
  130. }
  131. #register-bottom{
  132.     background: #e8eced;
  133.     background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZWNlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjZTNlYWVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZjZmVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  134.     background: -moz-linear-gradient(top,  #e8eced 0%, #e3eaed 5%, #fcfeff 100%);
  135.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8eced), color-stop(5%,#e3eaed), color-stop(100%,#fcfeff));
  136.     background: -webkit-linear-gradient(top,  #e8eced 0%,#e3eaed 5%,#fcfeff 100%);
  137.     background: -o-linear-gradient(top,  #e8eced 0%,#e3eaed 5%,#fcfeff 100%);
  138.     background: -ms-linear-gradient(top,  #e8eced 0%,#e3eaed 5%,#fcfeff 100%);
  139.     background: linear-gradient(to bottom,  #e8eced 0%,#e3eaed 5%,#fcfeff 100%);
  140.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8eced', endColorstr='#fcfeff',GradientType=0 );
  141. }
  142.    
  143. #imageshow{
  144.     display:flex;
  145.     align-items:center;
  146. }  
  147.  
  148. .footer-img{
  149.     width:100%;
  150. }
  151. @media screen and (max-width: 1281px),screen and (max-device-width: 1281px) {
  152.     #call-number{
  153.         font-size:28px;
  154.         font-weight:normal;
  155.         margin:0 0;
  156.     }
  157. }
  158. @media screen and (max-width: 950px),screen and (max-device-width: 950px){
  159.     #call-text{
  160.         font-size:12px;
  161.     }
  162.     #call-number{
  163.         font-size:22px;
  164.     }
  165. }
  166. @media screen and (max-width: 768px),screen and (max-device-width: 768px) {
  167.     .nav-pills>li>a{
  168.         width:92%;
  169.         margin:0 auto;
  170.     }
  171.     #welcome{
  172.         margin-top:32px;
  173.     }
  174.     li{
  175.         height:36px;
  176.         font-size:14px;
  177.         display:flex;
  178.         align-items:center;
  179.     }
  180.     .nav>li{
  181.         display:flex;
  182.     }
  183.     .dl-horizontal{
  184.         text-align:center;
  185.     }
  186.     .dl-horizontal dt{
  187.         margin:0 auto;
  188.     }
  189.     .dl-horizontal dd{
  190.         margin-left:0;
  191.     }  
  192.     #contact-box{
  193.         padding: 0 5px;
  194.     }
  195.     #call-text-mobile{
  196.         display:block;
  197.     }
  198.     #call-text{
  199.         display:none;
  200.     }
  201.     #call-number{
  202.         font-size:16px;
  203.         font-weight:normal;
  204.     }
  205.    
  206.     .nav-pills>li>a{
  207.         border-radius:5px;
  208.         color:#336;
  209.     }
  210.    
  211.     .nav-pills>li>a:hover{
  212.         color:#337AB7;
  213.     }
  214. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement