xjuan040517

style.css

Oct 26th, 2021
846
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. body {
  2.     background: LightGrey;
  3.     font-family: "Trebuchet", sans-serif;
  4. }
  5.  
  6. .body {
  7.     clear: both;
  8.     margin: 0 auto;
  9.     -webkit-box-shadow: 0px 0px 21px 5px rgba(0,0,0,0.75);
  10.     -moz-box-shadow: 0px 0px 21px 5px rgba(0,0,0,0.75);
  11.     box-shadow: 0px 0px 21px 5px rgba(0,0,0,0.75);
  12. }
  13.  
  14. a {
  15.     font-size: 18px;
  16. }
  17.  
  18. .mheader {
  19.     margin: 0;
  20.     padding: 0;
  21. }
  22.  
  23. .mheader img {
  24.     margin-left: 0px;
  25.     border: 2px solid black;
  26.     height: 200px;
  27.     width: 100%;
  28. }
  29.  
  30. .slider figure img {
  31.     width: 1000px;
  32.     height: 750px;
  33.     float: center;
  34. }
  35.  
  36. .mheader nav {
  37.     box-shadow: 0px 0px 21px 5px rgba(0,0,0,0.75);
  38.     background: Blue;
  39.     font-size: 1.143em;
  40.     width: 90%;
  41.     height: 40px;
  42.     line-height: 30px;
  43.     margin: 0 auto;
  44.     margin-top: -4px;
  45.     text-align: center;
  46. }
  47.  
  48. .mheader nav ul {
  49.     list-style: none;
  50.     margin: 0;
  51. }
  52.  
  53. .mheader nav ul li {
  54.     float: left;
  55.     display: inline;
  56. }
  57.  
  58. .mheader nav a:link, .mheader nav a:visited {
  59. color: #fff;
  60. display: inline-block;
  61. height: 30px;
  62. padding: 5px 23px;
  63. text-decoration: none;
  64. }
  65.  
  66. .mheader nav a:hover, .mheader nav .active a:visited {
  67. background-color: #CF5C3F;
  68. color: #fff;
  69. text-shadow: none !important;
  70. }
  71.  
  72. .clearfix:after {
  73.     display:block;
  74.     clear:both;
  75. }
  76.  
  77. .menu {
  78.     width:1000px;
  79.     margin:0px auto;
  80. }
  81.  
  82. .menu li:hover .sub-menu {
  83.     z-index:1;
  84.     opacity:1;
  85. }
  86.  
  87. .menu li {
  88.     margin:0px;
  89.     list-style:none;
  90.     font-family:'Ek Mukta';
  91. }
  92. .menu a {
  93.     transition:all linear 0.15s;
  94.     color:#919191;
  95. }
  96. .menu li:hover > a, .menu .current-item > a {
  97.     text-decoration:none;
  98.     color:#27ae60;
  99. }
  100. .menu .arrow {
  101.     font-size:12px;
  102.     line-height:0%;
  103. }
  104. /*----- Top Level -----*/
  105. .menu > ul > li {
  106.     float:left;
  107.     display:inline-block;
  108.     position:relative;
  109.     font-size:19px;
  110. }
  111. .menu > ul > li > a {
  112.     padding:10px 40px;
  113.     display:inline-block;
  114.     text-shadow:0px 1px 0px rgba(0,0,0,0.4);
  115. }
  116. .menu > ul > li:hover > a, .menu > ul > .current-item > a {
  117.     background:LightBlue;
  118.     color: #1B5E20;
  119. }
  120. .sub-menu {
  121.     width: 160%;
  122.     max-width: 260px;
  123.     padding:5px 0px;
  124.     position:absolute;
  125.     top:100%;
  126.     left:0px;
  127.     z-index:-1;
  128.     opacity:0;
  129.     transition:opacity linear 0.15s;
  130.     box-shadow:0px 2px 3px rgba(0,0,0,0.2);
  131.     background:Blue;
  132. }
  133. .sub-menu li {
  134.     display:inline;
  135.     font-size:16px;
  136. }
  137. .sub-menu li a {
  138.     padding:10px 30px;
  139.     display:block;
  140. }
  141. .sub-menu li a:hover, .sub-menu .current-item a {
  142.     background:LightBlue;
  143. }
  144.  
  145. .mbody {
  146.     box-shadow: 0px 0px 21px 5px rgba(0,0,0,0.75);
  147.     background-image: url('../img/Bg/giphy.gif');
  148.     background-repeat: no-repeat;
  149.     background-position: center;
  150.     background-size: cover;
  151.     height: 100%;
  152.     width: 90%;
  153.     margin: 0 auto;
  154.     padding: 0;
  155. }
  156.  
  157. .mtopcontent {
  158.     background: Transparent;
  159.     text-align: center;
  160.     margin-top: -30px;
  161.     height: auto;
  162. }
  163.  
  164. .mtopcontent h3 {
  165.     color: #fff;
  166.     font-size: 30px;
  167.     padding: 20px 0px;
  168. }
  169. .mdisplay {
  170.     max-height: auto;
  171. }
  172.  
  173. .mdisplay img{
  174.     box-shadow: 0px 0px 21px 5px rgba(0,0,0,0.75);
  175.     height: 550px;
  176.     width: 880px;
  177.     padding: 25px 15px;
  178.     margin: 0 auto;
  179. }
  180.  
  181. .history {
  182.     margin: 0 auto;
  183.     text-align: justify;
  184.     font-size: 17px;   
  185.     margin-left: 250px;
  186.     text-indent: 40px;
  187. }
  188.  
  189. .fotitle p{
  190.     margin: 0 auto;
  191.     text-align: justify;
  192.     font-size: 17px;   
  193.     margin-left: 250px;
  194.     text-indent: 40px; 
  195. }
  196.  
  197. .v,.m {
  198.     text-align: justify;
  199.     font-size: 17px;   
  200.     margin-left: 350px;
  201.     text-indent: 40px;
  202. }
  203.  
  204. .mcontent {
  205.     padding: 25px 15px;
  206.     font-size: 17px;
  207.     text-align: center;
  208. }
  209.  
  210. .mcontentbody {
  211.     text-align: center;
  212.     padding: 30px 10px;
  213.     background: Transparent;
  214. }
  215.  
  216. .table {
  217.     width: 1000px;
  218.     text-align: center;
  219.     -webkit-box-shadow: 0px 0px 21px 5px rgba(0,0,0,0.75);
  220.     -moz-box-shadow: 0px 0px 21px 5px rgba(0,0,0,0.75);
  221.     box-shadow: 0px 0px 21px 5px rgba(0,0,0,0.75);
  222. }
  223.  
  224. .table .tr:nth-child(odd) {
  225.    background-color: #29C5FF;
  226. }
  227.  
  228. .table .tr:nth-child(even) {
  229.    background-color: #fff;
  230.    padding: 10px 10px
  231. }
  232.  
  233. .tr {
  234.     font-size: 30px;
  235. }
  236.  
  237. .td {
  238.     padding: 15px 20px;
  239.     text-align: justify;
  240.     margin: 0;
  241. }
  242.  
  243. .mfooter {
  244.     background: #303030;
  245.     width: 90%;
  246.     margin: 0 auto;
  247.     padding: 0;
  248.     text-align: center;
  249. }
  250.  
  251.  
  252. .fbody {
  253.     padding: 15px 25px;
  254.     color: #fff;
  255. }
  256. .mfooter::after{
  257.     clear: both;
  258.     display: table;
  259. }
  260.  
  261. .clearfix {
  262.     clear: both;
  263.     width: 100%;
  264.     display: table;
  265. }
  266.  
  267. .left-side {
  268.     float: left;
  269.     width: 360px;
  270.     height: auto;
  271.     border-right: 1px dashed grey;
  272. }
  273.  
  274. .left-side h3, .center-side h3 {
  275.     text-align: left;
  276.     text-indent: 45px;
  277. }
  278. .left-side ul {
  279.     list-style: none;
  280. }
  281.  
  282. .left-side ul li {
  283.     width: 100%;
  284.     text-align: left;
  285.     text-indent: 15px;
  286.     padding: 5px;
  287. }
  288.  
  289. .left-side li a {
  290.     color: #fff;
  291.     text-decoration: none;
  292.     padding: 5px 10px;
  293. }
  294.  
  295. .left-side a:hover {
  296.     background: #3e3436;
  297.     color: #;
  298. }
  299. .center-side {
  300.     float: left;
  301.     border-right: 1px dashed grey;
  302.     width: 360px;
  303.     margin-left: 2.5%;
  304.     margin-right: 2.5%;
  305.     height: auto;
  306. }
  307.  
  308. .center-side p {
  309.     text-align: justify;
  310.     text-indent: 20px;
  311. }
  312.  
  313. .right-side {
  314.     float: right;border: 1px solid white;
  315.     width: 375px;
  316.     height: auto;
  317. }
  318.  
  319. .ffooter{
  320.     color: #fff;
  321.     margin-top: -10px;
  322.     padding: 10px 10px;
  323. }
  324.  
  325. .ffooter a {
  326.     color: #fff;
  327.     padding: 4px 10px;
  328.     text-decoration: none;
  329. }
  330.  
  331. .ffooter a:hover {
  332.     background: #D87400;
  333. }
  334.  
  335. #slideshow {
  336.   overflow: hidden;
  337.   height: 510px;
  338.   width: 728px;
  339.   margin: 0 auto;
  340. }
  341.  
  342. .slide-wrapper {
  343.   width: 2912px;
  344.   -webkit-animation: slide 18s ease infinite;
  345. }
  346.  
  347. .slide {
  348.   float: left;
  349.   height: 510px;
  350.   width: 728px;
  351. }
  352.  
  353. .slide:{
  354.   background: #D93B65;
  355. }
  356.  
  357. .slide-number {
  358.   color: #000;
  359.   text-align: center;
  360.   font-size: 10em;
  361. }
  362.  
  363. @-webkit-keyframes slide {
  364.   0%  {margin-left: 0px;}
  365.   20% {margin-left: 0px;}
  366.   30% {margin-left: -728px;}
  367.   50% {margin-left: -728px;}
  368.   60% {margin-left: -1456px;}
  369.   70% {margin-left: -1456px;}
  370.   80% {margin-left: -2184px;}
  371.   90% {margin-left: -2184px;}
  372. }
RAW Paste Data