Accessibility updates - main landmark roles (#17106)
* Removed multiple main tags from home page Signed-off-by: chaitanyakaranam <chaitanya.karanam@yahoo.com> * Removed multiple occurances of main in case-studies page Signed-off-by: chaitanyakaranam <chaitanya.karanam@yahoo.com> * Replaced css for main tag with .main-section class Signed-off-by: ChaitanyaKaranam <karanam.krishna.25@gmail.com> * Added main landmark role for all the pages Signed-off-by: ChaitanyaKaranam <karanam.krishna.25@gmail.com> * Force checks. request-checks: true
This commit is contained in:
Chaitanya
Kubernetes Prow Robot
parent
f53c6e1c20
commit
6a4238aa71
|
|
@ -70,7 +70,7 @@ section
|
|||
background-color: white
|
||||
|
||||
section, header, footer
|
||||
main
|
||||
.main-section
|
||||
position: relative
|
||||
margin: auto
|
||||
|
||||
|
|
@ -249,7 +249,7 @@ header
|
|||
color: $blue
|
||||
font-weight: normal
|
||||
|
||||
main
|
||||
.main-section
|
||||
white-space: nowrap
|
||||
overflow: hidden
|
||||
clear: both
|
||||
|
|
@ -439,7 +439,7 @@ footer
|
|||
background-image: url(/images/texture.png)
|
||||
background-color: $dark-grey
|
||||
|
||||
main
|
||||
.main-section
|
||||
padding: 20px 0
|
||||
|
||||
nav
|
||||
|
|
@ -1121,7 +1121,7 @@ $feature-box-div-margin-bottom: 40px
|
|||
margin-bottom: 0
|
||||
padding-bottom: 1px
|
||||
|
||||
main
|
||||
.main-section
|
||||
padding: 0 10px
|
||||
margin-bottom: 30px
|
||||
|
||||
|
|
@ -1147,7 +1147,7 @@ $feature-box-div-margin-bottom: 40px
|
|||
a
|
||||
color: $blue
|
||||
|
||||
main
|
||||
.main-section
|
||||
margin-bottom: $ocean-nodes-padding-Y
|
||||
min-height: 160px
|
||||
|
||||
|
|
@ -1160,7 +1160,7 @@ $feature-box-div-margin-bottom: 40px
|
|||
width: 100%
|
||||
max-width: 160px
|
||||
|
||||
main:first-child
|
||||
.main-section:first-child
|
||||
.image-wrapper
|
||||
max-width: 100%
|
||||
|
||||
|
|
@ -1356,7 +1356,7 @@ $feature-box-div-margin-bottom: 40px
|
|||
#mainContent
|
||||
padding: 20px 0
|
||||
|
||||
main
|
||||
.main-section
|
||||
max-width: none
|
||||
|
||||
a
|
||||
|
|
@ -1775,7 +1775,7 @@ $feature-box-div-margin-bottom: 40px
|
|||
|
||||
#home
|
||||
#talkToUs
|
||||
main
|
||||
.main-section
|
||||
padding: 30px 0
|
||||
|
||||
h5
|
||||
|
|
|
|||
|
|
@ -95,7 +95,7 @@ $video-section-height: 550px
|
|||
right: -25px
|
||||
|
||||
section, header, footer
|
||||
main
|
||||
.main-section
|
||||
max-width: $main-max-width
|
||||
|
||||
header, #vendorStrip, #encyclopedia, #hero h1, #hero h5, #docs #hero h1, #docs #hero h5,
|
||||
|
|
@ -108,11 +108,11 @@ $video-section-height: 550px
|
|||
|
||||
#home
|
||||
section, header, footer
|
||||
main
|
||||
.main-section
|
||||
max-width: 1000px
|
||||
|
||||
#oceanNodes
|
||||
main
|
||||
.main-section
|
||||
position: relative
|
||||
max-width: 830px
|
||||
|
||||
|
|
@ -172,7 +172,7 @@ $video-section-height: 550px
|
|||
background-image: url(../images/texture.png)
|
||||
background-color: $dark-grey
|
||||
|
||||
main
|
||||
.main-section
|
||||
padding: 20px 0
|
||||
|
||||
nav
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@ section, header, #vendorStrip
|
|||
padding-left: $full-width-paddingX
|
||||
padding-right: $full-width-paddingX
|
||||
|
||||
main
|
||||
.main-section
|
||||
width: $main-width
|
||||
max-width: $main-max-width
|
||||
|
||||
|
|
@ -59,7 +59,7 @@ header
|
|||
.nav-box + .nav-box
|
||||
margin-left: $nav-box-sibling-margin-left
|
||||
|
||||
main + main
|
||||
.main-secton + .main-section
|
||||
margin-top: $main-nav-main-sibling-margin-top
|
||||
|
||||
.left .button
|
||||
|
|
|
|||
|
|
@ -116,7 +116,7 @@ $feature-box-div-width: 45%
|
|||
text-align: left
|
||||
margin-bottom: 18px
|
||||
|
||||
main
|
||||
main, .main-section
|
||||
position: relative
|
||||
clear: both
|
||||
display: table
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@ cid: partners
|
|||
---
|
||||
|
||||
<section id="users">
|
||||
<main>
|
||||
<main class="main-section">
|
||||
<h5>Kubernetes works with partners to create a strong, vibrant codebase that supports a spectrum of complementary platforms.</h5>
|
||||
<div class="col-container">
|
||||
<div class="col-nav">
|
||||
|
|
|
|||
|
|
@ -8,20 +8,22 @@
|
|||
{{ block "hero" . }}
|
||||
<!-- HERO -->
|
||||
<section id="hero" class="light-text">
|
||||
<main>
|
||||
<div class="main-section">
|
||||
<div id="headlineWrapper">
|
||||
<h1>{{ block "hero-title" . }}{{ .Params.bigheader | default .Title }}{{ end }}</h1>
|
||||
<h5>{{ .Params.abstract }}</h5>
|
||||
</div>
|
||||
{{ block "hero-more" . }}{{ end }}
|
||||
</main>
|
||||
</div>
|
||||
</section>
|
||||
{{ block "post-hero" . }}{{ end }}
|
||||
{{ end }}
|
||||
|
||||
<article class="page-content">
|
||||
{{ block "main" . }}{{ end }}
|
||||
</article>
|
||||
|
||||
<main>
|
||||
<article class="page-content">
|
||||
{{ block "main" . }}{{ end }}
|
||||
</article>
|
||||
</main>
|
||||
|
||||
{{ partialCached "footer.html" . }}
|
||||
{{ partialCached "footer-scripts.html" . }}
|
||||
|
|
|
|||
|
|
@ -11,29 +11,31 @@
|
|||
<section id="hero" class="light-text no-sub">
|
||||
<h1>{{ .Title }}</h1>
|
||||
</section>
|
||||
<div class="container-fluid" style="padding-top: 2em">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-md-9 text blog-content">
|
||||
{{ block "main" . }}{{ end }}
|
||||
</div>
|
||||
<div class="col-xs-12 col-md-3 text">
|
||||
<div class="widget-content">
|
||||
{{ with site.Home.OutputFormats.Get "rss" -}}
|
||||
<link rel="{{ .Rel }}" type="{{ .MediaType.Type }}" href="{{ .Permalink | safeURL }}" title="{{ site.Title }}">
|
||||
<a class="widget-link" href="{{ .Permalink | safeURL }}"><div> <i class="fas fa-rss fab-icon"> </i> <div class="widget-link-text">RSS Feed</div></div> </a>
|
||||
{{ end -}}
|
||||
<a class="widget-link" href="https://kubernetes.io/docs/contribute/start/#write-a-blog-post"><div> <i class="fa fa-edit fab-icon"></i> <div class="widget-link-text">Submit a Post</div></div></a>
|
||||
<a class="widget-link" href="https://twitter.com/kubernetesio"><div> <i class="fab fa-twitter-square fab-icon"> </i> <div class="widget-link-text"> @Kubernetesio</div></div></a>
|
||||
<a class="widget-link" href="https://github.com/kubernetes/kubernetes"><div> <i class="fab fa-github-square fab-icon"></i> <div class="widget-link-text"> on GitHub </div></div></a>
|
||||
<a class="widget-link" href="http://slack.k8s.io"><div><i class="fab fa-slack fab-icon"> </i> <div class="widget-link-text">#kubernetes-users </div></div></a>
|
||||
<a class="widget-link" href="https://stackoverflow.com/questions/tagged/kubernetes"><div><i class="fab fa-stack-overflow fab-icon"></i> <div class="widget-link-text"> Overflow</div></div></a>
|
||||
<a class="widget-link" href="https://discuss.kubernetes.io"><div> <i class="fab fa-discourse fab-icon"></i><div class="widget-link-text"> Forum </div></div></a>
|
||||
<a class="widget-link" href="https://kubernetes.io/docs/setup"><div><i class="fa fa-download fab-icon"></i> <div class="widget-link-text"> Kubernetes</div></div></a>
|
||||
<main>
|
||||
<div class="container-fluid" style="padding-top: 2em">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-md-9 text blog-content">
|
||||
{{ block "main" . }}{{ end }}
|
||||
</div>
|
||||
<div class="col-xs-12 col-md-3 text">
|
||||
<div class="widget-content">
|
||||
{{ with site.Home.OutputFormats.Get "rss" -}}
|
||||
<link rel="{{ .Rel }}" type="{{ .MediaType.Type }}" href="{{ .Permalink | safeURL }}" title="{{ site.Title }}">
|
||||
<a class="widget-link" href="{{ .Permalink | safeURL }}"><div> <i class="fas fa-rss fab-icon"> </i> <div class="widget-link-text">RSS Feed</div></div> </a>
|
||||
{{ end -}}
|
||||
<a class="widget-link" href="https://kubernetes.io/docs/contribute/start/#write-a-blog-post"><div> <i class="fa fa-edit fab-icon"></i> <div class="widget-link-text">Submit a Post</div></div></a>
|
||||
<a class="widget-link" href="https://twitter.com/kubernetesio"><div> <i class="fab fa-twitter-square fab-icon"> </i> <div class="widget-link-text"> @Kubernetesio</div></div></a>
|
||||
<a class="widget-link" href="https://github.com/kubernetes/kubernetes"><div> <i class="fab fa-github-square fab-icon"></i> <div class="widget-link-text"> on GitHub </div></div></a>
|
||||
<a class="widget-link" href="http://slack.k8s.io"><div><i class="fab fa-slack fab-icon"> </i> <div class="widget-link-text">#kubernetes-users </div></div></a>
|
||||
<a class="widget-link" href="https://stackoverflow.com/questions/tagged/kubernetes"><div><i class="fab fa-stack-overflow fab-icon"></i> <div class="widget-link-text"> Overflow</div></div></a>
|
||||
<a class="widget-link" href="https://discuss.kubernetes.io"><div> <i class="fab fa-discourse fab-icon"></i><div class="widget-link-text"> Forum </div></div></a>
|
||||
<a class="widget-link" href="https://kubernetes.io/docs/setup"><div><i class="fa fa-download fab-icon"></i> <div class="widget-link-text"> Kubernetes</div></div></a>
|
||||
</div>
|
||||
{{ partialCached "blog/archive.html" . }}
|
||||
</div>
|
||||
{{ partialCached "blog/archive.html" . }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
{{ partialCached "footer.html" . }}
|
||||
{{ partialCached "footer-scripts.html" . }}
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
{{ end }}
|
||||
{{ $featured := (where $pages "Params.featured" true).ByWeight | first 4 }}
|
||||
<section id="mainContent">
|
||||
<main>
|
||||
<div class="main-section">
|
||||
<div class="content">
|
||||
<div class="case-studies">
|
||||
{{ range $featured }}
|
||||
|
|
@ -18,13 +18,13 @@
|
|||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</section>
|
||||
{{ $featuredVideos := where .Pages ".Params.video" "!=" nil }}
|
||||
{{ with $featuredVideos }}
|
||||
{{ with index $featuredVideos 0 }}
|
||||
<section id="video">
|
||||
<main>
|
||||
<div class="main-section">
|
||||
<div>
|
||||
<h4><i>"{{ .Params.quote | html }}"</i></h4>
|
||||
{{ $img := .Resources.GetMatch "video.png" }}
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
{{ with $small }}<img src="{{ .RelPermalink }}" alt="{{ .Title }}">{{ end }}
|
||||
</div>
|
||||
<div style= "padding-left: 40px;"><button onclick="kub.showVideo()">{{ with $img }}<img src="{{ .RelPermalink }}" alt="Box video">{{ end }}<h6>Kubernetes at Box</h6></button></div>
|
||||
</main>
|
||||
</div>
|
||||
<div id="videoPlayer">
|
||||
<iframe data-url="{{ .Params.video | safeURL }}" frameborder="0" allowfullscreen="true"></iframe>
|
||||
<button id="closeButton"></button>
|
||||
|
|
@ -41,7 +41,7 @@
|
|||
{{ end }}
|
||||
{{ end }}
|
||||
<section id="users">
|
||||
<main>
|
||||
<div class="main-section">
|
||||
<h3>{{ .Title }}</h3>
|
||||
<div id="usersGrid">
|
||||
{{ range $pages.ByTitle }}
|
||||
|
|
@ -60,7 +60,7 @@
|
|||
{{ end }}
|
||||
<a target="_blank" href="https://docs.google.com/a/google.com/forms/d/e/1FAIpQLScuI7Ye3VQHQTwBASrgkjQDSS5TP0g3AXfFhwSM9YpHgxRKFA/viewform" class="tell-your-story"><img src="/images/case_studies/story.png" alt="{{ T "layouts_case_studies_list_tell" }}"></a>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</section>
|
||||
{{ .Content }}
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -13,16 +13,18 @@
|
|||
{{ end }}
|
||||
{{ block "announcement" . }}{{ partial "announcement.html" . }}{{ end }}
|
||||
{{ block "deprecation" . }}{{ partial "deprecation-warning.html" . }}{{ end }}
|
||||
<section id="encyclopedia">
|
||||
{{ block "side-menu" . }}<div id="docsToc" style="display:none;"></div>{{ end }}
|
||||
<div id="{{ block "content-id" . }}docsContent{{ end }}">
|
||||
{{ block "content" . }}{{ end }}
|
||||
|
||||
{{ partial "feedback.html" . }}
|
||||
|
||||
{{ partial "git-info.html" . }}
|
||||
</div>
|
||||
</section>
|
||||
<main>
|
||||
<section id="encyclopedia">
|
||||
{{ block "side-menu" . }}<div id="docsToc" style="display:none;"></div>{{ end }}
|
||||
<div id="{{ block "content-id" . }}docsContent{{ end }}">
|
||||
{{ block "content" . }}{{ end }}
|
||||
|
||||
{{ partial "feedback.html" . }}
|
||||
|
||||
{{ partial "git-info.html" . }}
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
{{ partialCached "footer.html" . }}
|
||||
{{ partialCached "footer-scripts.html" . }}
|
||||
<script language="application/javascript">
|
||||
|
|
|
|||
|
|
@ -1,15 +1,15 @@
|
|||
{{ define "main" }}
|
||||
{{ .Content }}
|
||||
<section id="cncf">
|
||||
<main>
|
||||
<div class="main-section">
|
||||
<center>
|
||||
<p style="font-size: 20px">{{ T "main_cncf_project" | safeHTML }}
|
||||
</center>
|
||||
</main>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="kubeweekly">
|
||||
<main>
|
||||
<div class="main-section">
|
||||
<!-- Begin MailChimp Signup Form -->
|
||||
<link href="https://cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">
|
||||
<style type="text/css">
|
||||
|
|
@ -35,7 +35,7 @@
|
|||
<br>
|
||||
<br>
|
||||
<!--End mc_embed_signup-->
|
||||
</main>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<footer>
|
||||
<main class="light-text">
|
||||
<div class="light-text main-section">
|
||||
<nav>
|
||||
{{ with site.GetPage "page" "docs/tutorials/stateless-application/hello-minikube" }}<a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>{{ end }}
|
||||
{{ $sections := slice "docs/home" "blog" "partners" "community" "case-studies" }}
|
||||
|
|
@ -32,5 +32,5 @@
|
|||
<div class="miceType center">
|
||||
ICP license: 京ICP备17074266号-3
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -41,32 +41,32 @@
|
|||
</div>
|
||||
|
||||
<nav id="mainNav">
|
||||
<main data-auto-burger="primary">
|
||||
<div class="main-section" data-auto-burger="primary">
|
||||
{{ range site.Menus.main }}
|
||||
<div class="nav-box">
|
||||
<h3><a href="{{ .URL }}">{{ .Title }}</a></h3>
|
||||
{{ .Post }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</main>
|
||||
<main data-auto-burger="primary">
|
||||
<div class="left">
|
||||
<h5 class="github-invite">{{ T "main_github_invite" }}</h5>
|
||||
<a href="https://github.com/kubernetes/kubernetes" class="button" data-auto-burger-exclude>{{ T "main_github_view_on" }}</a>
|
||||
</div>
|
||||
|
||||
<div class="right">
|
||||
<h5 class="github-invite">{{ T "main_community_explore" }}</h5>
|
||||
<div class="social">
|
||||
<a href="https://twitter.com/kubernetesio" class="twitter"><span>{{ T "community_twitter_name" }}</span></a>
|
||||
<a href="https://github.com/kubernetes/kubernetes" class="github"><span>{{ T "community_github_name" }}</span></a>
|
||||
<a href="https://slack.k8s.io/" class="slack"><span>{{ T "community_slack_name" }} Slack</span></a>
|
||||
<a href="https://stackoverflow.com/questions/tagged/kubernetes" class="stack-overflow"><span>{{ T "community_stack_overflow_name" }}</span></a>
|
||||
<a href="https://discuss.kubernetes.io" class="mailing-list"><span>{{ T "community_forum_name" }}</span></a>
|
||||
<a href="https://calendar.google.com/calendar/embed?src=nt2tcnbtbied3l6gi2h29slvc0%40group.calendar.google.com" class="calendar"><span>{{ T "community_events_calendar" }}</span></a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="main-section" data-auto-burger="primary">
|
||||
<div class="left">
|
||||
<h5 class="github-invite">{{ T "main_github_invite" }}</h5>
|
||||
<a href="https://github.com/kubernetes/kubernetes" class="button" data-auto-burger-exclude>{{ T "main_github_view_on" }}</a>
|
||||
</div>
|
||||
|
||||
<div class="right">
|
||||
<h5 class="github-invite">{{ T "main_community_explore" }}</h5>
|
||||
<div class="social">
|
||||
<a href="https://twitter.com/kubernetesio" class="twitter"><span>{{ T "community_twitter_name" }}</span></a>
|
||||
<a href="https://github.com/kubernetes/kubernetes" class="github"><span>{{ T "community_github_name" }}</span></a>
|
||||
<a href="http://slack.k8s.io/" class="slack"><span>{{ T "community_slack_name" }} Slack</span></a>
|
||||
<a href="https://stackoverflow.com/questions/tagged/kubernetes" class="stack-overflow"><span>{{ T "community_stack_overflow_name" }}</span></a>
|
||||
<a href="https://discuss.kubernetes.io" class="mailing-list"><span>{{ T "community_forum_name" }}</span></a>
|
||||
<a href="https://calendar.google.com/calendar/embed?src=nt2tcnbtbied3l6gi2h29slvc0%40group.calendar.google.com" class="calendar"><span>{{ T "community_events_calendar" }}</span></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear" style="clear: both"></div>
|
||||
</div>
|
||||
<div class="clear" style="clear: both"></div>
|
||||
</main>
|
||||
</nav>
|
||||
</header>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
{{ else }}
|
||||
{{ $caseStudiesPages := where $caseStudiesSection.Pages "Params.featured" true | first 4 }}
|
||||
<section id="talkToUs">
|
||||
<main>
|
||||
<div class="main-section">
|
||||
<h3>{{ $caseStudiesSection.Title }}</h3>
|
||||
<div id="caseStudiesWrapper">
|
||||
{{ range $caseStudiesPages }}
|
||||
|
|
@ -20,6 +20,6 @@
|
|||
{{ end }}
|
||||
</div>
|
||||
<h5 style="text-align: center"><a href="/case-studies/" style="color: #3371E3; font-weight: 400">{{ $caseStudiesSection.LinkTitle }}</a></h5>
|
||||
</main>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -7,9 +7,9 @@ It can be given a "image" parameter with a name partially matching a file in the
|
|||
{{- $imageName := $.Get "image" | default "flower" -}}
|
||||
{{ if $imageName }}{{- template "shortcodes-blocks_getimage" (dict "name" $imageName "ctx" . "target" "feature-image") -}}{{ end }}
|
||||
{{- $image := $.Scratch.Get "feature-image" -}}
|
||||
<main>
|
||||
<div class="main-section">
|
||||
{{ with $image }}<div class="image-wrapper"><img src="{{ .RelPermalink }}" alt="{{ .Title }}"></div>{{ end }}
|
||||
<div class="content">
|
||||
{{ $.Inner }}
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@ Note that markdown can be used in the description.
|
|||
|
||||
*/}}
|
||||
<section id="features">
|
||||
<main>
|
||||
<div class="main-section">
|
||||
<h3 class="center">{{ T "main_kubernetes_features" }}</h3>
|
||||
{{ $pages := where site.Pages ".Params.feature" "!=" nil }}
|
||||
{{range $i, $p := $pages }}
|
||||
|
|
@ -32,5 +32,5 @@ Note that markdown can be used in the description.
|
|||
</div>
|
||||
|
||||
{{ end }}
|
||||
</main>
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -39,7 +39,7 @@
|
|||
padding-top: 0;
|
||||
}
|
||||
|
||||
.gridPage main {
|
||||
.gridPage .main-section {
|
||||
max-width: 1100px !important;
|
||||
}
|
||||
|
||||
|
|
@ -104,7 +104,7 @@ p.attrib {
|
|||
/*height: 340px;*/
|
||||
}
|
||||
|
||||
.gridPage #video main {
|
||||
.gridPage #video .main-section {
|
||||
position: relative;
|
||||
max-width: 900px !important;
|
||||
height: 100%;
|
||||
|
|
@ -114,15 +114,15 @@ p.attrib {
|
|||
padding: 50px 20px;
|
||||
}
|
||||
|
||||
.gridPage #video main > div {
|
||||
.gridPage #video .main-section > div {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.gridPage #video main #zulilyLogo {
|
||||
.gridPage #video .main-section #zulilyLogo {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.gridPage #video main img {
|
||||
.gridPage #video .main-section img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
|
|
@ -153,11 +153,11 @@ p.attrib {
|
|||
padding: 50px;
|
||||
}
|
||||
|
||||
.gridPage #users main {
|
||||
.gridPage #users .main-section {
|
||||
max-width: 1150px !important;
|
||||
}
|
||||
|
||||
.gridPage #users main h3 {
|
||||
.gridPage #users .main-section h3 {
|
||||
padding-left: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
|
@ -210,7 +210,7 @@ section.bullets {
|
|||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
section.bullets main {
|
||||
section.bullets .main-section {
|
||||
position: relative;
|
||||
max-width: 1100px;
|
||||
padding: 50px 0;
|
||||
|
|
@ -271,16 +271,16 @@ section.bullets .content {
|
|||
}
|
||||
|
||||
@media screen and (max-width: 900px){
|
||||
.gridPage #video main {
|
||||
.gridPage #video .main-section {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.gridPage #video main > div {
|
||||
.gridPage #video .main-section > div {
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.gridPage #video main > div + div {
|
||||
.gridPage #video .main-section > div + div {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
|
|
@ -321,7 +321,7 @@ section.bullets .content {
|
|||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.gridPage #video main > div {
|
||||
.gridPage #video .main-section > div {
|
||||
width: 80%;
|
||||
min-width: 280px;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue