small update

assets/builder/commonStyles.html

@@ -1 +1 @@
-<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"rel="stylesheet"crossorigin="anonymous"integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N"><link href="/assets/styles/global.css"rel="stylesheet"><link href="/assets/styles/headfoot.css"rel="stylesheet"><link href="/assets/styles/navigation.css"rel="stylesheet"><link href="/assets/styles/layouts/article.css"rel="stylesheet">
+<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"rel="stylesheet"crossorigin="anonymous"integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N"><link href="/assets/styles/global.css"rel="stylesheet"><link href="/assets/styles/headfoot.css"rel="stylesheet"><link href="/assets/styles/navigation.css"rel="stylesheet"><link href="/assets/styles/layouts/article.css"rel="stylesheet"><link rel="stylesheet" href="/assets/styles/fixtf2.css">

assets/styles/fixtf2.css

@@ -0,0 +1,117 @@
+:root {
+	--backgroundColourTransparent: rgba(255, 255, 255, 0.55);
+	--backgroundColourOpaque: rgba(255, 255, 255, 0.95);
+	--windowMainColourTop: rgb(194, 115, 1);
+	--windowMainColourBottom: orange;
+	--buttonColour1: rgb(255, 165, 0);
+	--buttonColour2: rgb(255, 193, 7);
+	--shadowColour: rgba(0, 0, 0, 1);
+	--whiteColour1: white;
+	--whiteColour2: rgba(225, 225, 225, 1.0);
+	--customOrange: rgb(186, 131, 3)
+}
+#fixTF2panelOvrl
+{
+    padding: 10px;
+    z-index: 100;
+    background: rgba(0, 0, 0, 0.75);
+    /* border: 1px red solid; */
+    color: white;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+}
+#fixTF2panelBgr
+{
+    /* border: 1px blue solid; */
+    display: flex;
+	position: relative;
+	top: 50%;
+	transform: translate(0, -50%);
+	border-radius: 5px;
+	margin: auto;
+	padding: 10px;
+	width: 100%;
+	height: 100%;
+	max-width: 1600px;
+	/* max-height: 780px; */
+	scrollbar-color: var(--windowMainColourTop) var(--windowMainColourBottom);
+	box-shadow: 2px 2px 6px black;
+	background: linear-gradient(to bottom, var(--windowMainColourTop), var(--windowMainColourBottom));
+}
+#fixTF2panelFgr
+{
+    border-radius: 5px;
+    padding: 10px;
+    width: 1000%;
+    height: 100%;
+	/* box-shadow: 2px 2px 6px black; */
+	background: linear-gradient(to bottom, black, rgba(30, 31, 33, 1.0));
+    overflow: auto;
+}
+#fixTF2Cols
+{
+    /* margin: auto; */
+    /* border: 1px white solid; */
+    display: grid;
+    text-align: center;
+    height: 100%;
+    /* align-items:fixTF2panelOvrl center; */
+    /* justify-content: center; */
+    grid-template-columns: 500px auto;
+    column-gap: 10px;
+    row-gap: 10px;
+}
+/* .ftf2Item
+{
+    border: 2px lime solid;
+} */
+.fixTFgameLink, .fixTFgameLink:link,.fixTFgameLink:visited
+{
+    color: white;
+    text-decoration: underline;
+}
+#fixTF2-cols2
+{
+    display: grid;
+    grid-template-columns: repeat(2,1fr);
+}
+.aimbotsImgs
+{
+    max-height: 200px;
+    max-width: 350px;
+    height: auto;
+    width: auto;
+    border-radius: 5px;
+}
+#fixTF2learnmore
+{
+    margin-top: -15px;
+    padding: 10px;
+    font-size: 1.1rem;
+    border: 5px solid orange;
+    /* color: white; */
+}
+.fixTF2YTVid
+{
+    width: 100%;
+    height: 280px;
+    border-radius: 5px;
+}
+
+#fixtf2botsimagesgal2
+{
+    display: grid; grid-template-columns: 1fr 1fr 1.5fr;
+}
+.overlayBlur {
+	display: block;
+	position: fixed;
+	top: 0;
+	padding: 75px;
+	width: 100%;
+	height: 100%;
+	background-color: rgba(0, 0, 0, 0.32);
+	backdrop-filter: blur(16px)
+}
+#fixTF2bottomtext
+{
+    font-size: 1.5rem;
+}

assets/styles/responsive.css

@@ -1 +1,57 @@
-@media screen and (max-width: 1800px){#mainContainerBackground{margin:1%}}@media screen and (max-width: 1600px){.primaryList{margin-left:-25px}}@media screen and (max-width: 1400px){#contentsList{margin-left:-15px}}@media screen and (max-width: 1300px){#mainNavbarItems{margin-left:-30px}}@media screen and (max-width: 1200px){.articleGalleryContainer{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 1100px){#mainContainerForeground{grid-template-columns:1fr}#mainContainerBackground{padding-right:10px}#mainNavbarItems{display:grid;grid-template-columns:repeat(5, 1fr);text-align:center;padding-left:0;margin-left:0;margin-bottom:10px}#navigation{max-width:750px;margin:auto}.primaryMenuItemText{font-size:1.1rem}.navItem:hover{cursor:pointer}.navItemGroup{margin:0}.secondaryList{padding-left:20px;display:none}.articleColumnsContainer{grid-template-columns:70% auto}}@media screen and (max-width: 1000px){#listMediumMainDiv{grid-template-columns:1fr;max-width:650px}}@media screen and (max-width: 900px){.galleryGrid{grid-template-columns:repeat(3, 1fr)}#homeGridContainer{grid-template-columns:repeat(1, 1fr)}#homeUndertitleTextContainer{grid-template-columns:1fr}}@media screen and (max-width: 750px){#weaponsPerksMutsUpgradesDiv{grid-template-columns:repeat(2, 1fr)}#homeMapsDiv,#miscLinks,#theGameDivLinks{grid-template-columns:repeat(3, 1fr)}}@media screen and (max-width: 800px){.articleColumnsContainer{grid-template-columns:1fr}.articleContent{order:2}.articleSidebar{order:1;max-width:350px;margin:10px auto;width:100%}#homeContainersWrapper{grid-template-columns:1fr;max-width:500px}.listSmallMainDiv{grid-template-columns:repeat(3, 1fr)}}@media screen and (max-width: 650px){#miscHomeLink{display:block}#homeItem{display:none}#mainNavbarItems{grid-template-columns:repeat(4, 1fr);line-height:25px}.galleryGrid{grid-template-columns:repeat(2, 1fr)}#sysReqColumns{grid-template-columns:1fr}.listLargeItemDiv{grid-template-columns:1fr}.listSmallMainDiv{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 550px){#buildingsUnitsEnemiesDiv{grid-template-columns:repeat(2, 1fr)}#homeMapsDiv{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 500px){.articleGalleryContainer{grid-template-columns:repeat(1, 1fr)}#mainNavbarItems{grid-template-columns:repeat(2, 1fr)}.primaryMenuItemText{line-height:35px;font-size:1.2rem}.galleryGrid{grid-template-columns:repeat(1, 1fr)}.listSmallMainDiv{grid-template-columns:repeat(1, 1fr)}.listMediumItemDiv{grid-template-columns:1fr}}@media screen and (max-width: 450px){#miscLinks,#theGameDivLinks{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 400px){#buildingsUnitsEnemiesDiv,#homeMapsDiv,#mainNavbarItems,#miscLinks,#theGameDivLinks,#weaponsPerksMutsUpgradesDiv{grid-template-columns:repeat(1, 1fr)}.grid4ColumnsItem{margin-top:10px}.homeMapsImg{max-width:150px}#mainContainerBackground{margin:2%}#miscHomeLink{display:none}#homeItem{display:block}.primaryMenuItemText{line-height:35px;font-size:1.3rem}.navItem{font-size:1.15rem}}
+@media screen and (max-width: 1800px){#mainContainerBackground{margin:1%}}@media screen and (max-width: 1600px){.primaryList{margin-left:-25px}}@media screen and (max-width: 1400px){#contentsList{margin-left:-15px}}@media screen and (max-width: 1300px){#mainNavbarItems{margin-left:-30px}}@media screen and (max-width: 1200px){.articleGalleryContainer{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 1100px){#mainContainerForeground{grid-template-columns:1fr}#mainContainerBackground{padding-right:10px}#mainNavbarItems{display:grid;grid-template-columns:repeat(5, 1fr);text-align:center;padding-left:0;margin-left:0;margin-bottom:10px}#navigation{max-width:750px;margin:auto}.primaryMenuItemText{font-size:1.1rem}.navItem:hover{cursor:pointer}.navItemGroup{margin:0}.secondaryList{padding-left:20px;display:none}.articleColumnsContainer{grid-template-columns:70% auto}}@media screen and (max-width: 1000px){#listMediumMainDiv{grid-template-columns:1fr;max-width:650px}}@media screen and (max-width: 900px){.galleryGrid{grid-template-columns:repeat(3, 1fr)}#homeGridContainer{grid-template-columns:repeat(1, 1fr)}#homeUndertitleTextContainer{grid-template-columns:1fr}}@media screen and (max-width: 750px){#weaponsPerksMutsUpgradesDiv{grid-template-columns:repeat(2, 1fr)}#homeMapsDiv,#miscLinks,#theGameDivLinks{grid-template-columns:repeat(3, 1fr)}}@media screen and (max-width: 800px){.articleColumnsContainer{grid-template-columns:1fr}.articleContent{order:2}.articleSidebar{order:1;max-width:350px;margin:10px auto;width:100%}#homeContainersWrapper{grid-template-columns:1fr;max-width:500px}.listSmallMainDiv{grid-template-columns:repeat(3, 1fr)}}@media screen and (max-width: 650px){#miscHomeLink{display:block}#homeItem{display:none}#mainNavbarItems{grid-template-columns:repeat(4, 1fr);line-height:25px}.galleryGrid{grid-template-columns:repeat(2, 1fr)}#sysReqColumns{grid-template-columns:1fr}.listLargeItemDiv{grid-template-columns:1fr}.listSmallMainDiv{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 550px){#buildingsUnitsEnemiesDiv{grid-template-columns:repeat(2, 1fr)}#homeMapsDiv{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 500px){.articleGalleryContainer{grid-template-columns:repeat(1, 1fr)}#mainNavbarItems{grid-template-columns:repeat(2, 1fr)}.primaryMenuItemText{line-height:35px;font-size:1.2rem}.galleryGrid{grid-template-columns:repeat(1, 1fr)}.listSmallMainDiv{grid-template-columns:repeat(1, 1fr)}.listMediumItemDiv{grid-template-columns:1fr}}@media screen and (max-width: 450px){#miscLinks,#theGameDivLinks{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 400px){#buildingsUnitsEnemiesDiv,#homeMapsDiv,#mainNavbarItems,#miscLinks,#theGameDivLinks,#weaponsPerksMutsUpgradesDiv{grid-template-columns:repeat(1, 1fr)}.grid4ColumnsItem{margin-top:10px}.homeMapsImg{max-width:150px}#mainContainerBackground{margin:2%}#miscHomeLink{display:none}#homeItem{display:block}.primaryMenuItemText{line-height:35px;font-size:1.3rem}.navItem{font-size:1.15rem}}
+
+@media screen and (max-width: 1600px) {
+	#fixTF2Cols
+	{
+		grid-template-columns: 30% auto;
+	}
+}
+@media screen and (max-width: 1400px) {
+	.fixTF2YTVid
+	{
+		height: 250px;
+	}
+}
+
+@media screen and (max-width: 1300px) {
+	#fixtf2botsimagesgal2
+	{
+		grid-template-columns: repeat(2,1fr);
+	}
+	.fixTF2YTVid
+	{
+		height: 225px;
+	}
+}
+@media screen and (max-width: 1100px) {
+	#fixTF2Cols
+	{
+		grid-template-columns: repeat(1,1fr);
+	}
+	#fixTF2ColLeft
+	{
+		order: 2;
+	}
+	#fixtf2botsimagesgal2
+	{
+		grid-template-columns: repeat(3,1fr);
+	}
+	.fixTF2YTVid
+	{
+		max-width: 540px;
+		height: 280px;
+	}
+}
+@media screen and (max-width: 1100px) 
+{
+	#fixtf2botsimagesgal2
+	{
+		grid-template-columns: repeat(2,1fr);
+	}
+}@media screen and (max-width: 600px) 
+{
+	#fixtf2botsimagesgal2, #fixTF2-cols2
+	{
+		grid-template-columns: repeat(1,1fr);
+	}
+}