diff --git a/css/callgirlsstyle.css b/css/callgirlsstyle.css index 7a7f6d9..3b89483 100644 --- a/css/callgirlsstyle.css +++ b/css/callgirlsstyle.css @@ -1,5 +1,13 @@ -html {width: 100%;} +html {width: 100%; +font-size: 100%;} + +body{ + font-family: Georgia, 'Times New Roman', Times, serif; + background-color: bisque; + font-size: 1em; + color: #171718; +} @font-face { font-family: "corpulentcaps"; @@ -10,9 +18,206 @@ html {width: 100%;} src: url(../fonts/ccapshad.ttf); } -#callgirlsheader{ - font-family: "corpulentcaps", Georgia, 'Times New Roman', Times, serif; +@font-face { + font-family: "englishfancy"; + src: url(../fonts/tt0840m.ttf); +} + +h1{ + font-family: "corpulentcaps", Open Sans, Fira Sans, Lucida Sans; color: #FF7373; + font-size: 3em; +} + +h2{ + font-family: "corpulentcaps", Open Sans, Fira Sans, Lucida Sans; + color: #FF7373; + font-size: 1.5em; +} +h3{ + font-family: Open Sans, Fira Sans, Lucida Sans; + color: #171718; + font-size: 1.2em; +} + +a{ + font-family: "corpulentcapshadow", Open Sans, Fira Sans, Lucida Sans; + text-decoration: line; + color: #D73838; +} + +#header-container{ + width: 80%; + max-width: 1400px; + margin-left: auto; + margin-right: auto; + display: flex; + flex-direction: row; + align-items: flex-end; + justify-content: space-between; + height: 100px; + margin-top: 50px; +} + +#navigation{ +flex: 2 10%; +background-color: antiquewhite; +margin-left: 2px; +border: dotted #FF7373 ; +border-radius: 2px 20px 0 0; +border-width: 3px 3px 0px 3px; +padding-left: 2%; +background-color: #FAEC6E; +margin-right: -3px; + +} + +#header{ + flex: 1 80%; + background-color: antiquewhite; + height: fit-content; + padding-left: 5%; + line-height: 0.6rem; + border: dotted #FF7373 ; + border-radius: 20px 2px 0 20px; + border-width: 3px 3px 3px 3px; + padding-left: 2%; + margin-left: -1.5%; +} + +#maincontent{ + background-color: antiquewhite; + border: dotted #FF7373 ; + border-radius: 0px 0px 20px 20px; + border-width: 3px 3px 3px 3px; + margin-top: -4px; + margin-bottom: 20px; + width: 80%; + max-width: 1400px; + margin-left: auto; + margin-right: auto; + height: auto; + min-height: 1000px; +} + + +.hardpixel{ + -ms-interpolation-mode:nearest-neighbor; + /*IE 7-11*/ + image-rendering: -o-crisp-edges; + /*Opera 12*/ + image-rendering: -webkit-crisp-edges; + /*Safari 6-9*/ + image-rendering:-moz-crisp-edges; + /*Firefox 3.6-64*/ +} + +#callpic1{ + display:block; + margin-left: auto; + margin-right: auto; + max-width: 1280; + width: 100%; + border: #FF7373 dashed 1px; + margin-top: 20px; + margin-bottom: 20px; +} + +#callpic2{ + width: 100%; + max-width: 1447px; +} + +#callpic3{ + display:block; + height: 100%; + max-height: 3172px; + margin-left: auto; + margin-right: 10px; + border: #FF7373 dashed 1px; + margin-top: 20px; + margin-bottom: 20px; + float: right; +} + +#callpic4{ + display:block; + margin-left: auto; + margin-right: auto; + border: #FF7373 dashed 1px; + margin-top: 10px; + margin-bottom: 20px; +} + + +#callpic5{ + display:block; + margin-left: auto; + margin-right: auto; + width: 90%; + max-width: 3135px; + border: #FF7373 dashed 1px; + margin-top: 10px; + margin-bottom: 20px; +} + +#pagespreadcontainer{ + display: flex; + margin-left: auto; + margin-right: auto; + width: 95%; + width: 100%; + justify-content: center; + align-items: stretch; + max-width: 2,894px; + max-height: 2046px; + +} + +#leftpage{ + width: 100%; + max-width: 1447px; + flex:50%; + background-color: #0B456D; + background-image: url(../images/oc/pagebg.png); +} + +#rightpage{ + width: 100%; + max-width: 1447px; + flex:50%; + color: #FFF200; + padding:20px; + padding-top: 5px; + font-family: Open Sans, Fira Sans, Lucida Sans; + font-size: 1vw; + font-style:italic; + background-color: #0B456D; + background-image: url(../images/oc/pagebg.png); +} + + + +#contenttext{ + font-size: 1.5rem; + font-family: Open Sans, Fira Sans, Lucida Sans; +} + +.pageheader{ + font-family: "englishfancy", Lucida Handwriting, Apple Chancery, cursive; + padding-top: 10px; + margin-left: 20px; + font-size: 5vw; + margin-bottom: 10px; + +} + +#footer{ + width: 60%; + margin-left: auto; + margin-right: auto; + text-align: center; + font-size: 1rem; } /*Undersize.*/ diff --git a/css/gallerystyles.css b/css/gallerystyles.css index 33ef3b0..b8f856f 100644 --- a/css/gallerystyles.css +++ b/css/gallerystyles.css @@ -6,6 +6,7 @@ flex-wrap: wrap; align-items: top; padding-bottom: 3%; + justify-content: space-around; } #gallerythumb{ diff --git a/fonts/SF Toontime Blotch Bold Italic.ttf b/fonts/SF Toontime Blotch Bold Italic.ttf new file mode 100644 index 0000000..2a35fb3 Binary files /dev/null and b/fonts/SF Toontime Blotch Bold Italic.ttf differ diff --git a/fonts/SF Toontime Blotch Bold.ttf b/fonts/SF Toontime Blotch Bold.ttf new file mode 100644 index 0000000..4f8ea31 Binary files /dev/null and b/fonts/SF Toontime Blotch Bold.ttf differ diff --git a/fonts/SF_Toontime_Blotch.ttf b/fonts/SF_Toontime_Blotch.ttf new file mode 100644 index 0000000..9ce7c67 Binary files /dev/null and b/fonts/SF_Toontime_Blotch.ttf differ diff --git a/fonts/SF_Toontime_Blotch_Italic.ttf b/fonts/SF_Toontime_Blotch_Italic.ttf new file mode 100644 index 0000000..60bfb78 Binary files /dev/null and b/fonts/SF_Toontime_Blotch_Italic.ttf differ diff --git a/fonts/tt0840m.ttf b/fonts/tt0840m.ttf new file mode 100644 index 0000000..6f93a4e Binary files /dev/null and b/fonts/tt0840m.ttf differ diff --git a/gallery.html b/gallery.html index 8c31451..f9b9889 100644 --- a/gallery.html +++ b/gallery.html @@ -5,7 +5,7 @@ - + diff --git a/images/oc/callgirls design sketch.png b/images/oc/callgirls design sketch.png new file mode 100644 index 0000000..b504db8 Binary files /dev/null and b/images/oc/callgirls design sketch.png differ diff --git a/images/oc/callgirls design.png b/images/oc/callgirls design.png new file mode 100644 index 0000000..3575e2e Binary files /dev/null and b/images/oc/callgirls design.png differ diff --git a/images/oc/callgirls3.png b/images/oc/callgirls3.png new file mode 100644 index 0000000..3c8ec96 Binary files /dev/null and b/images/oc/callgirls3.png differ diff --git a/images/oc/callgirlsinfo.png b/images/oc/callgirlsinfo.png new file mode 100644 index 0000000..5d35db0 Binary files /dev/null and b/images/oc/callgirlsinfo.png differ diff --git a/images/oc/callgirlslogo.png b/images/oc/callgirlslogo.png new file mode 100644 index 0000000..808ff8d Binary files /dev/null and b/images/oc/callgirlslogo.png differ diff --git a/images/oc/callgirlslogo2.png b/images/oc/callgirlslogo2.png new file mode 100644 index 0000000..f0872b1 Binary files /dev/null and b/images/oc/callgirlslogo2.png differ diff --git a/images/oc/callsforacallgirl.png b/images/oc/callsforacallgirl.png new file mode 100644 index 0000000..fdbbae8 Binary files /dev/null and b/images/oc/callsforacallgirl.png differ diff --git a/images/oc/pagebg.png b/images/oc/pagebg.png new file mode 100644 index 0000000..b8f584d Binary files /dev/null and b/images/oc/pagebg.png differ diff --git a/ocs.html b/ocs.html index 9c6253b..694cd02 100644 --- a/ocs.html +++ b/ocs.html @@ -5,7 +5,7 @@ - + @@ -85,7 +85,8 @@
- +

Pages for my various OCs and comic characters.

+
diff --git a/ocs/callgirls.html b/ocs/callgirls.html index c4441cc..89b82a9 100644 --- a/ocs/callgirls.html +++ b/ocs/callgirls.html @@ -4,7 +4,7 @@ Hex Bomb - + @@ -23,7 +23,7 @@ - + @@ -33,7 +33,64 @@ -

Callgirls!

-

Finally, a phone that can be a bitch!

- +
+
+ + +
+ +
+ + + +
+ +
+
+ +
+
+ +

The future of communications technology is here, with the ultimate telephone operator and administrative assistant from Votell!

+ +

Neither man nor machine, the Callgirl is a new type of woman!

+

Designed as the perfect customer service solution, your Callgirl can be powered by chemical or electrical energy sources, and is able to answer four phone calls per minute thanks to her built-in Telephone Ear system.

+

Your Callgirl is truly unique, and learns as you train her, but every Callgirl comes out of the tube knowing: +

    +
  • English +
  • Spanish +
  • Punjabi +
  • Russian +
  • Mandarin Chinese +
  • Mixed Martial Arts

    +
+ +

Only £449.99

+
+
+ +
+ + +

Bio

+

+ The Callgirls are freelance tokusatsu minions who sell their services to (almost) anyone who will pay. + They are very good at construction, martial arts, capture, gossip... Everything you could want from a middle-market goon! + Of course... there might be more to them than meets the eye...

+ + +
+ + +
+ + + \ No newline at end of file