diff --git a/css/custom.css b/css/custom.css index 4ceee3d..c17452a 100644 --- a/css/custom.css +++ b/css/custom.css @@ -14,12 +14,11 @@ line-height: 70px; } .card{ - margin: 40px 82px 27px 14px; flex-direction: column; background-color: rgb(255,255,255); border-radius: 0; width: 676px; - box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); + box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); } .card input{ display: none; @@ -358,7 +357,7 @@ stroke-dashoffset:0 .stages-card { width: auto; float: left; - margin: -30px 8px 7px 22px; + /*margin: -30px 8px 7px 22px;*/ } /*form -css*/ @@ -442,13 +441,11 @@ stroke-dashoffset:0 /*To make the Stages in the center*/ .card-align { - margin: 56px -267px 11px -37px; + /*margin: 56px -267px 11px -37px;*/ } /*To make the sectors in the center */ -.sector-align { - margin: -2px -88px 62px 10px; -} + /*************sidebar content margin***********/ .sidebar-align { @@ -490,10 +487,7 @@ stroke-dashoffset:0 background-color: #ffffff; } -.q-card-align { - margin: 57px -12px 19px 13px; - height: 304px; -} + .question-card { width: auto; @@ -789,8 +783,8 @@ stroke-dashoffset:0 }*/ /*quiz*/ -.group { - margin: -2px -28px 15px 1px; +.q-card-align div{ + margin-bottom: 15px; } .drop-down { @@ -815,7 +809,7 @@ stroke-dashoffset:0 margin:192px 11px 8px; } .last-content-card{ - margin: 0px -85px -4px -51px; + /*margin: 0px -85px -4px -51px;*/ } @media (max-width: 600px) { @@ -966,4 +960,45 @@ input.hidden { .container1{ width: 100% + } + + .no-margin{ + margin: 0 0 0 !important; + } + .no-padding{ + padding: 0 0 0 0 !important; + } + .select-stage{ + margin: 10px 0; + } + .cards-content{ + margin-top: 40px; + } + .cards-content p{ + font-size: 13px; + } +.q-card-align{ + margin-top: 15px; +} +.width-auto{ + width: auto !important; +} +.margin-right-label{ + margin-right: 20px; +} +.margin-right-label label{ + margin-left: 5px; +} + @media (max-width: 768px){ + .cards-content{ + margin-top: 15px; + margin-bottom: 30px; + } + .no-padding-mobile{ + padding-left: 0 !important; + padding-right: 0 !important; + } + .sector-align .card-small{ + height: 74px; + } } \ No newline at end of file diff --git a/index.html b/index.html index a160665..a24ea8a 100644 --- a/index.html +++ b/index.html @@ -4,12 +4,16 @@
+ + +